{% extends '::base2.html.twig' %}
{% block title %}Gestion User Compte - List{% endblock %}
{% block stylesheets %}{{ parent() }}{% endblock %}

{% block body %}

    <div class="page-wrapper">
        <!-- BEGIN HEADER -->
        <div class="page-header navbar navbar-fixed-top">
            {% include 'account_executive/header.html.twig' %}
        </div>
        <!-- END HEADER -->

        <!-- BEGIN HEADER & CONTENT DIVIDER -->
        <div class="clearfix"> </div>
        <!-- END HEADER & CONTENT DIVIDER -->

        <!-- BEGIN CONTAINER -->
        <div class="page-container">
            <!-- BEGIN SIDEBAR -->
            <div class="page-sidebar-wrapper">
                <!-- BEGIN SIDEBAR -->
                <div class="page-sidebar navbar-collapse collapse">
                    {% include 'account_executive/menuCompte.html.twig' %}
                </div>
                <!-- END SIDEBAR -->
            </div>
            <!-- END SIDEBAR -->

            <!-- BEGIN CONTENT -->
            <div class="page-content-wrapper">
                <!-- BEGIN CONTENT BODY -->

                <div style="background: rgb(238, 241, 245); min-height: 306px;" class="page-content">

                    <!-- BEGIN PAGE BAR -->
                    <div class="page-bar">
                        <ul class="page-breadcrumb">
                            <li>
                                <a href="{{ path('millesima_account_executive_accueil') }}">Mes Comptes</a>
                                <i class="fa fa-circle"></i>
                            </li>
                            <li>
                                <a href="{{ path('millesima_account_executive_compte_consulter', {'id' : compte.id}) }}">Compte {{ compte.raisonSociale }}</a>
                                <i class="fa fa-circle"></i>
                            </li>
                            <li>
                                <a href="{{ path('millesima_account_executive_user_compte_list', {'id' : compte.id}) }}">Liste User Comptes</a>
                            </li>
                        </ul>
                    </div>
                    <!-- END PAGE BAR -->

                    <!-- BEGIN PAGE TITLE-->
                    <h1 class="page-title"> Liste Utilisateurs
                        <small>Tous</small>
                    </h1>
                    <!-- END PAGE TITLE-->

                    <!-- BEGIN PAGE HEADER-->
                    <div class="row">

                        <div class="col-md-12">
                            <!-- BEGIN SAMPLE TABLE PORTLET-->
                            <div class="portlet box green">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="fa fa-cogs"></i>Gestion des Utilisateurs</div>
                                    <div class="tools">

                                    </div>
                                </div>
                                <div class="portlet-body">
                                    <div class="table-responsive">
                                        <table class="table">
                                            <thead>
                                            <tr>
                                                <th> # </th>
                                                <th> Nom & Prénom </th>
                                                <th> Mobile </th>
                                                <th> Tel </th>
                                                <th> Email </th>
                                                <th> Rôle </th>
                                                <th> Action </th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                                {% for user in compte.utilisateurs %}
                                                    <tr>
                                                        <td> {{ user.id }} </td>
                                                        <td>{{ user.firstname }} {{ user.lastname }}</td>
                                                        <td>{{ user.phonenumber }}</td>
                                                        <td>{{ user.telnumber }}</td>
                                                        <td>{{ user.email }}</td>
                                                        <td>
                                                            {% if user.function == 'USER_D' %}
                                                                Demandeur
                                                            {% elseif user.function == 'USER_A' %}
                                                                Acheteur
                                                            {% else %}
                                                                Représentant
                                                            {% endif %}
                                                        </td>
                                                        <td>
                                                            <a href="#" class="btn green-steel btn-xs"><i class="fa fa-pencil"></i>  Modifier </a>

                                                        </td>
                                                    </tr>
                                                {% endfor %}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <div class="portlet box green">
                                <div class="portlet-title">
                                    <div class="caption">
                                        <i class="fa fa-cogs"></i>Gestion des Comptes de facturations</div>
                                    <div class="tools">

                                    </div>
                                </div>
                                <div class="portlet-body">
                                    <div class="table-responsive">
                                        <table class="table">
                                            <thead>
                                            <tr>
                                                <th> # </th>
                                                <th> Raison Sociale </th>
                                                <th> Matricule Fiscale </th>
                                                <th> Action </th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            {% for compteFact in compte.compteFacturation %}
                                                <tr>
                                                    <td> {{ compteFact.id }} </td>
                                                    <td> {{ compteFact.raisonSociale }}</td>
                                                    <td> {{ compteFact.matriculeFiscale }}</td>
                                                    <td>
                                                        <a href="#" class="btn green-steel btn-xs"><i class="fa fa-pencil"></i>  Modifier </a>

                                                    </td>
                                                </tr>
                                            {% endfor %}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <!-- END SAMPLE TABLE PORTLET-->

                        </div>

                    </div>
                    <!-- END PAGE HEADER-->

                    <!-- BEGIN PAGE FOOTER-->
                    <div class="row">
                        <div class="col-md-offset-4 col-md-6">
                            <a href="{{ path('millesima_account_executive_accueil') }}">
                                <button type="submit" value="" class="col-md-8 btn green">
                                    Retour à mes comptes
                                </button>
                            </a>
                        </div>
                    </div>
                    <!-- END PAGE FOOTER-->

                </div>
                <!-- END CONTENT BODY -->
            </div>
            <!-- END CONTENT -->

        </div>
        <!-- END CONTAINER -->

        <!-- BEGIN FOOTER -->
        <div class="page-footer">
            {% include 'commun/footer.html.twig' %}
        </div>
        <!-- END FOOTER -->
    </div>

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

{% endblock %}