{% extends '::base2.html.twig' %}
{% block title %}Gestion des CC/CP - Liste{% endblock %}
{% block stylesheets %}{{ parent() }}{% endblock %}

{% block body %}

<div class="page-wrapper">
    <!-- BEGIN HEADER -->
    <div class="page-header navbar navbar-fixed-top">
        {% include 'admin/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 'admin/menu.html.twig' %}
            </div>
            <!-- END SIDEBAR -->
        </div>
        <!-- END SIDEBAR -->

        <!-- BEGIN CONTENT -->
        <div class="page-content-wrapper">
            <!-- BEGIN CONTENT BODY -->
            <div style="background: #eef1f5;" class="page-content">
                <!-- BEGIN PAGE BAR -->
                <div class="page-bar">
                    <ul class="page-breadcrumb">
                        <li>
                            <a href="javascript:void(0)">Gestion des CC/CP</a>
                            <i class="fa fa-circle"></i>
                        </li>
                        <li>
                            <a href="javascript:void(0)">Liste des CC/CP</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">
                        <div class="portlet light bordered">
                            <div class="portlet-title">

                                {% include '@MillesimaActions/flashBag.html.twig' %}

                                <div class="portlet-title" style="padding-bottom: 10px;">
                                    <a href="{{ path('millesima_administrator_user') }}" class="btn add">
                                        <i class="icon-user"></i> Ajouter un nouveau CC/CP
                                    </a>
                                </div>

                                <div class="portlet-body" id="autoload-account-table">
                                    <div class="table-responsive" style="overflow: hidden">
                                        <table class="table" id="myTable">
                                            <thead>
                                            <tr>
                                                <th> Nom & Prénom</th>
                                                <th> Phone</th>
                                                <th> Email</th>
                                                <th> Chargé Comptes</th>
                                                <th> Chef de projet</th>
                                                <th> Action</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            {% for user in users %}
                                                <tr>
                                                    <td> {{ user }} </td>
                                                    <td>
                                                        <b>Mobile:</b> {{ user.phonenumber }} <br>
                                                        {% if user.telnumber is not empty %}
                                                            <b>Tel:</b> {{ user.telnumber }} {% endif %}
                                                    </td>
                                                    <td> {{ user.email }} </td>
                                                    <td {# style="padding-left: 50px"#}>
                                                        {% if user.function=='USER_CC' %}
                                                            <div style="width: 50%;margin: auto;">
                                                                <i class="fa fa-check icon-white"></i>
                                                            </div>
                                                        {% endif %}
                                                    </td>
                                                    <td {# style="padding-left: 50px"#}>
                                                        {#{% if user.function=='USER_CP' %}#}
                                                            <div style="width: 50%;margin: auto;">
                                                                <i class="text-center fa fa-check icon-white"></i>
                                                            </div>
                                                        {#{% endif %}#}
                                                    </td>
                                                    <td>
                                                        <div style="width: 50%;margin: auto;">
                                                            <a href="{{ path('millesima_administrator_user_edit', {'salt' : user.salt}) }}"
                                                               class="btn green-steel btn-xs"><i
                                                                        class="fa fa-pencil"></i> </a>
                                                        </div>
                                                    </td>
                                                </tr>
                                            {% endfor %}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>

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

            </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 %}