{% trans_default_domain 'FOSUserBundle' %}

<div class="fos_user_user_show">

    <div class="row">
        <div class="w-25">
            {% if user.gender == 1 %}
                <img src="{{ asset('img/male.png') }}" class="rounded-circle" width="200" height="200" alt="profile homme">
            {% elseif user.gender == 2 %}
                <img src="{{ asset('img/female.png') }}" class="rounded-circle" width="200" height="200" alt="profile femme">
            {% else %}
                <img src="{{ asset('img/questionmark.png') }}" class="rounded-circle" width="200" height="200" alt="profile no gender">
            {% endif %}
        </div>
        <div class="w-75">
            <h2>Bienvenue {{ user.username }}</h2>
        </div>
    </div>

    <br/><br/>
    <div class="card-deck">
        <a href="{{ path('fos_user_profile_edit') }}" class="nodeco">
        <div class="card">
            <center>
                <p style="font-size: 48px;"><i class="fa fa-user-circle"></i></p>
                <div class="card-body">
                    <h5 class="card-title">Mes informations</h5>
                    <p class="card-text"><b>Modifier mes informations</b></p>
                </div>
            </center>
        </div>
        </a>
        <a href="{{ path('fos_user_change_password') }}" class="nodeco">
        <div class="card">
            <center>
                <p style="font-size: 48px;"><i class="fa fa-key"></i></p>
                <div class="card-body">
                    <h5 class="card-title">Sécurité</h5>
                    <p class="card-text">Modifier mon mot de passe</p>
                </div>
            </center>
        </div>
        </a>
        <a href="{{ path('fos_user_profile_cmd') }}" class="nodeco">
        <div class="card">
            <center>
                <p style="font-size: 48px;"><i class="fa fa-cart-arrow-down"></i></p>
                <div class="card-body">
                    <h5 class="card-title">Mes commandes</h5>
                    <p class="card-text">Consulter mes commandes</p>
                </div>
            </center>
        </div>
        </a>
        <a href="{{ path('fos_user_profile_invoice') }}" class="nodeco">
        <div class="card">
            <center>
                <p style="font-size: 48px;"><i class="fa fa-file"></i></p>
                <div class="card-body">
                    <h5 class="card-title">Compta</h5>
                    <p class="card-text">Télécharger mes factures</p>
                </div>
            </center>
        </div>
        </a>
    </div>


</div>