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

{% block body %}


<!-- BEGIN PAGE BAR -->
    <div class="page-bar">
        
        <!-- BEGIN BREADCRUMB -->
        <ul class="page-breadcrumb">
            <li>
                <a href="{{ path('homepage') }}">Accueil</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <a href="{{ path('utilisateur_index') }}">Utilisateurs</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <span>Ajouter</span>
            </li>
        </ul>
        <!-- END BREADCRUMB -->
    </div>

    <br/>

    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <i class="icon-settings"></i>
                <span class="caption-subject sbold uppercase">Détails utilisateur</span>
            </div>
        </div>

        <div class="portlet-body form">
            <div class="form-body">
            <table width="100%">
                <tbody>
                    <tr>
                        <th>#</th>
                        <td>{{ utilisateur.id }}</td>
                    </tr>
                    <tr>
                        <th>Nom</th>
                        <td>{{ utilisateur.nom }}</td>
                    </tr>
                    <tr>
                        <th>Prenom</th>
                        <td>{{ utilisateur.prenom }}</td>
                    </tr>
                    <tr>
                        <th>Username</th>
                        <td>{{ utilisateur.username }}</td>
                    </tr>
                    <tr>
                        <th>Password</th>
                        <td>{{ utilisateur.password }}</td>
                    </tr>
                    <tr>
                        <th>Email</th>
                        <td>{{ utilisateur.email }}</td>
                    </tr>
                    <tr>
                        <th>Telephone</th>
                        <td>{{ utilisateur.telephone }}</td>
                    </tr>
                    <tr>
                        <th>Avatar</th>
                        <td>{{ utilisateur.avatar }}</td>
                    </tr>
                    <tr>
                        <th>Role</th>
                        <td>{{ utilisateur.role }}</td>
                    </tr>
                    <tr>
                        <th>Isactive</th>
                        <td>{% if utilisateur.isActive %}Yes{% else %}No{% endif %}</td>
                    </tr>
                    <tr>
                        <th>Superadmin</th>
                        <td>{% if utilisateur.superAdmin %}Yes{% else %}No{% endif %}</td>
                    </tr>
                </tbody>
            </table>
            </div>

            <div class="form-actions">
                <div class="row">
                    <div class="col-md-9">
                        <a href="{{ path('utilisateur_index') }}" class="btn default"><i class="fa fa-arrow-left"></i> Retour</a>

                        {% if app.user.aDroit('utilisateur_modification') %}
                        <a href="{{ path('utilisateur_edit', { 'id': utilisateur.id }) }}" class="btn green"><i class="fa fa-pencil"></i> Modifier</a>
                        {% endif %}

                        {% if app.user.aDroit('utilisateur_suppression') %}
                        <button type="button" class="btn red" onClick="document.form.submit();"><i class="fa fa-close"></i> Supprimer</button>
                        {% endif %}
                    </div>
                </div>
            </div>

            {{ form_start(delete_form) }}
            {{ form_end(delete_form) }}
            
            
        </div>
    </div>


    
{% endblock %}