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

{% block title %}User{% endblock %}

{% block body %}
<div class="container-fluid">
    <div class="layout-specing">
        <h4>{{ user.fullname | title }} </h4>
        <div class="row row-cols-xl-5 row-cols-md-2 row-cols-1">
            <div class="col mt-4">
                <a href="{{ path('admin.user.edit', {'id': user.id }) }}"
                   class="features feature-primary d-flex justify-content-between align-items-center rounded shadow p-3">
                    <div class="d-flex align-items-center">
                        <div class="icon text-center rounded-pill">
                            <i class="uil uil-pen fs-4 mb-0"></i>
                        </div>
                        <div class="flex-1 ms-3">
                            <h6 class="mb-0 text-muted">{% trans %} Modifier {% endtrans %}</h6>
                            <p class="fs-5 text-dark fw-bold mb-0">

                            </p>
                        </div>
                    </div>
                </a>
            </div>
            {{ component('AdminCountTotalTransactionByUserAndStatus', {
                'user': user
            }) }}

            {{ component('AdminCountTotalTransactionByUserAndStatus', {
                'user': user,
                'transactionStatus':  constant('App\\Utils\\Enum\\PaymentStatusEnum::PENDING')
            }) }}

            {{ component('AdminCountTotalTransactionByUserAndStatus', {
                'user': user,
                'transactionStatus':  constant('App\\Utils\\Enum\\PaymentStatusEnum::FAILED')
            }) }}

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

        <div class="row">
            <div class="col-md-7">
                <table class="table">
                    <tbody>
                    <tr>
                        <th>Id</th>
                        <td>{{ user.id }}</td>
                    </tr>
                    <tr>
                        <th>RefUser</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>Kyc_status</th>
                        <td>{{ user.kycStatus }}</td>
                    </tr>
                    <tr>
                        <th>Est -il Blocqué ?</th>
                        {% if user.isBanned %}
                            <td><span class="badge text-danger">Bloqué</span></td>
                        {% else %}
                            <td>NON</td>
                        {% endif %}

                    </tr>
                    {% if user.isBanned %}
                        <tr>
                            <th>Raison blocage </th>
                            <td>{{ user.bannedReason | nl2br }}</td>
                        </tr>
                    {% endif %}

                    <tr>
                        <th>Date de mise à jour</th>
                        <td>{{ user.updatedAt ? user.updatedAt|date('Y-m-d H:i:s') : '' }}</td>
                    </tr>

                    </tbody>
                </table>
            </div>
            <div class="col-md-5">
                <table class="table">
                    <thead>
                    <tr>

                        <th>Nom du Document</th>
                        <th>Type  </th>
                        <th>EN Ligne ?</th>
                        <th>actions</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% for docuement in documents %}
                        <tr>

                            <td>{{ docuement.name }}</td>
                            <td>{{ docuement.type.name }}</td>
                            <td>{{ docuement.isPublic ? "OUI" : "NON"}}</td>


                            <td>
                                <a class="btn btn-sm btn-outline-primary" href="{{ path('admin.document.show', {'id': docuement.id}) }}">voir</a>

                            </td>
                        </tr>
                    {% else %}
                        <tr>
                            <td colspan="20">Aucun projet trouvé</td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>

    </div>
</div>

{% endblock %}