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

{% block title %}Admin - {{ context.get['app'] ? context.get['app'].name : company_name }} - {{ title }}{% endblock %}

{% block body %}
    <h4 class="font-weight-bold py-3 mb-0">Editer un client</h4>
    <div class="text-muted small mt-0 mb-4 d-block breadcrumb">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ path('admin.home') }}"><i class="feather icon-home"></i></a></li>
            <li class="breadcrumb-item" >Clients</li>
            <li class="breadcrumb-item active" >{{ title }}</li>
        </ol>
    </div>

    <div class="media align-items-center py-3 mb-3">
        {% if client.filename %}
            <img class="d-block ui-w-100 rounded-circle" src="{{ vich_uploader_asset(client, 'imageFile') | imagine_filter('avatar') }}" alt="{{ client.fullname }}">
        {% else %}
            <img  class="d-block ui-w-100 rounded-circle" src="{{ asset('admin/img/avatars/1.png') }}" alt="{{ client.fullname }}">
        {% endif %}
        <div class="media-body ml-4">
            <h4 class="font-weight-bold mb-0">{{ client.nom }}<span class="text-muted font-weight-normal"> {{ client.prenoms }}</span></h4>
            <div class="text-muted mb-2">ID: {{ client.id }}</div>
            <a href="{{ path('admin.clients.new') }}" class="btn btn-sm btn-default">
                <i class="fa fa-plus"></i> {{ libelle_ajouter }}
            </a>
            <a href="{{ path('admin.clients.edit', {id: client.id}) }}" class="btn btn-sm btn-default">
                <i class="fa fa-edit"></i> Modifier le client
            </a>
            <a href="{{ path('admin.clients.index') }}" class="btn btn-sm btn-default">
                <i class="fa fa-th-list"></i> {{ libelle_liste }}
            </a>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    <table class="table client-view-table m-0">
                        <tbody>
                        <tr>
                            <td>Denière connexion:</td>
                            <td>{{ client.lastLogin ? client.lastLogin|date('d/m/Y à H:i:s') : "N'est pas connecté" }}</td>
                        </tr>
                        <tr>
                            <td>Enregistré le:</td>
                            <td>{{ client.createdAt|date('d/m/Y à H:i:s') }}</td>
                        </tr>
                        <tr>
                            <td>Modifié le:</td>
                            <td>{{ client.updatedAt|date('d/m/Y à H:i:s') }}</td>
                        </tr>
                        <tr>
                            <td>Dernière activité:</td>
                            <td>{{ client.lastLogin ? client.lastLogin|date('d/m/Y à H:i:s') : "N'est pas connecté" }} ({{ client.lastLogin|ago }})</td>
                        </tr>
                        <tr>
                            <td>Verifié:</td>
                            <td>
                                <form action="{{ path('admin.clients.activer', {'id': client.id}) }}" onclick="this.submit()">
                                    <div class="switcher" style="margin-right: 5px!important;">
                                        <input type="checkbox" class="switcher-input" {{ (client.enabled) ? 'checked' : '' }} data-id="{{ client.id }}">
                                        <span class="switcher-indicator">
                                    <span class="switcher-yes"></span>
                                    <span class="switcher-no"></span>
                                </span>
                                        <span class="switcher-label"></span>
                                    </div>
                                </form>
                            </td>
                        </tr>
                        <tr>
                            <td>Rôle:</td>
                            <td>
                                {% for role in client.roles %}
                                    {% if role == "ROLE_USER" %}
                                        <i class="fa fa-client"></i> Client
                                    {% endif %}
                                {% endfor %}
                            </td>
                        </tr>
                        <tr>
                            <td>Status:</td><td>
                                <span class="badge badge-outline-success">
                                    {{ client.enabled ? 'Client actif' : 'Client inactif' }}
                                </span>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            <div class="card">
                <div class="card-body">
                    <h6 class="mt-4 mb-3">Informations personnelles</h6>
                    <div class="table-responsive">
                        <table class="table client-view-table m-0">
                            <tbody>
                            <tr>
                                <td>Username:</td>
                                <td>{{ client.fullname }}</td>
                            </tr>
                            <tr>
                                <td>Email:</td>
                                <td>{{ client.email }}</td>
                            </tr>
                            <tr>
                                <td>Adresse:</td>
                                <td>{{ client.address ?? 'Aucune adresse' }}</td>
                            </tr>
                            <tr>
                                <td>Téléphone:</td>
                                <td>{{ client.contacts ?? 'Aucun contact' }}</td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <a target="_blank" href="{{ path('app_forgot_password_request') }}">
                                        Modifier votre mot de passe
                                    </a>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}