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

{% block title %}Détails de l'utilisateur{% endblock %}

{% block stylesheets %}
    <style>
        .content-page {
            margin: 5%;
        }

        
    </style>
{% endblock %}


{% block body %}
    <div class="content-page">
        <div class="content">
            <div class="container-fluid">
                <div class="row justify-content-center">
                    <div class="col-lg-6">
                        <div class="user-details">      
                            <h1>Détails de {{user.nom}} {{user.prenom}}</h1>
                          
                            <h3>Utilisateur 
                                {% if user.actif == true %}
                                    Actif 
                                {% else %}
                                    Inactif
                                {% endif %}
                            </h3>
                            {% if user.entreprise is not null %}
                                <p>Entreprise: {{user.entreprise.nom}}</p>
                            {% endif %}
                            <p>Email: {{ user.email }}</p>
                            <p>Nom: {{ user.nom }}</p>
                            <p>Prénom: {{ user.prenom }}</p>
                            <p>Rôles:</p>
                                <ul style="margin-left: 7%;">
                                    {% for roleValue in user.roles %}
                                        <li>- {{ roles[roleValue]|default(roleValue) }}</li>
                                        {% if not loop.last %}<br>{% endif %}
                                    {% endfor %}
                                </ul>

                            <div class="row mt-4">
                                <div class="col-12">
                                    <ul class="list-inline">
                                
                                        <a href="{{ path('modifier_user', {'id': user.id}) }}" class="modifier-custom" style="padding: 0px 5px;">><i class="ri-edit-line"></i>
                                                Modifier
                                        </a>
                                        <a href="{{ path('supprimer_user', {'id': user.id}) }}" class="supprimer-custom" style="padding: 0px 5px;">><i class="ri-delete-bin-line"></i>
                                            Supprimer
                                        </a>
                                    </ul>
                                </div>
                            </div>
                        
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 text-center"> 
                          <button class="retour-custom" onclick="retourPage(event);">
                <i class="ri-reply-line font-14"></i> Retour
            </button>
        </div>    
    </div>    
</div>     
{% endblock %}

{% block javascripts %}
 {{parent()}}
{% endblock %}