{% extends 'user.html.twig' %}

{% block title %}Mon compte{% endblock %}

{% block body %}
<div class="container-fluid">
    <div class="layout-specing">
        <h4>{{ 'Mon Compte' }} </h4>

        <hr>
        {{ include('layouts/Flash/_flash.html.twig') }}

        <table class="table">
            <tbody>
            <tr>
                <th>Votre Réference Utilisateur</th>
                <td>{{ user.refUser }}</td>
            </tr>
            <tr>
                <th>Email</th>
                <td>{{ user.email }}</td>
            </tr>
            {% if is_granted('ROLE_ADMIN') %}
                <tr>
                    <th>Roles</th>
                    <td>{{ user.roles ? user.roles|json_encode : '' }}</td>
                </tr>
            {% endif %}

            <tr>
                <th>Prénom</th>
                <td>{{ user.firstname }}</td>
            </tr>
            <tr>
                <th>Nom</th>
                <td>{{ user.lastname }}</td>
            </tr>

            <tr>
                <th>Phone</th>
                <td>{{ user.phone }}</td>
            </tr>
            <tr>
                <th>Statut</th>
                <td>{{ user.isActive ? 'Actif' : 'Non Actif' }}</td>
            </tr>
            <tr>
                <th>Date de création</th>
                <td>{{ user.createdAt ? user.createdAt|date('Y-m-d H:i:s') : '' }}</td>
            </tr>
            <tr>
                <th>Date de Naissance</th>
                <td>{{ user.birthDate ? user.birthDate|date('Y-m-d') : '' }}</td>
            </tr>
            <tr>
                <th>Pays</th>
                <td>{{ user.countryCode }}</td>
            </tr>
            <tr>
                <th>Adresse</th>
                <td>{{ user.address }}</td>
            </tr>
            <tr>
                <th>Ville</th>
                <td>{{ user.city }}</td>
            </tr>
            <tr>
                <th>Vérification de votre Compte (KYC)</th>
                <td>{{ user.kycStatus }}</td>
            </tr>

            </tbody>
        </table>
    </div>
</div>
{% endblock %}