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

{% block body %}

     <div class="wrapper wrapper-content animated fadeInRight ecommerce">
         <div class="row ">
             <div class="wrapper wrapper-content"  >
                 <div class="ibox-content m-b-sm border-bottom">
                     <div class="p-xs">
                         <div class="pull-left m-r-md">
                                 <i class="fa fa-cogs text-navy mid-icon" style="color:#024071"></i>
                         </div>
                         <h2> Gestion des Collaborateurs</h2>
                         <span>Liste des collaborateurs</span>
                     </div>
                 </div>
             </div>
         </div>

         <div class="row">
             <div class="col-lg-12">
                 <div class="ibox float-e-margins">
                     <div class="ibox-title">
                         <h5>Liste des collaborateurs </h5>
                         <div class="ibox-tools">
                             <button type="button" onclick="location.href='{{ path('backend_registration') }}'" class="btn btn-sm btn-primary">Nouveau Collaborateur</button>
                         </div>
                     </div>
                     <div class="ibox-content m-t-2">
                         <table class="table table-stripped tab_collaborateur"  >
                             <thead>
                             <tr>
                                 <th >Date de Création</th>
                                 <th >Statut</th>
                                 <th >Nom & prénom</th>
                                 <th >Email</th>
                                 <th >Téléphone</th>
                                 <th style="text-align: center">Visibilité</th>
                                 <th class="text-right">Action</th>
                             </tr>
                             </thead>
                             <tbody>

                             {% for   col in collaboratuers|reverse  %}
                                 <tr>
                                     <td>
                                         {{  col.cbcreation|date('d-m-Y')}}
                                     </td>
                                     <td>
                                         {% if(col.UTid.enabled == 1) %}
                                             <span class="label label-primary"> Activé</span>
                                         {% else %}
                                             <span class="label label-default">Désactivé</span>
                                         {% endif %}
                                     </td>
                                     <td>
                                         {{  col.intitule }}
                                     </td>
                                     <td>
                                         {{  col.Utid.email }}
                                     </td>
                                     <td>
                                         {{  col.telephone }}
                                     </td>
                                     <td style="text-align: center">
                                         {% if col.visible =='1'%}
                                             <a href="{{ path('affiche_commercial', { 'idc': col.cbmarq}) }}" class="btn btn-sm btn-outline btn-primary" title="Affiché dans le site" data-type="confirm"><i class="fa fa-eye"></i></a>
                                         {% else %}
                                             <a href="{{ path('affiche_commercial', { 'idc': col.cbmarq}) }}" class="btn btn-sm btn-outline btn-primary" title="Ne pas affiché dans le site" data-type="confirm"><i class="fa fa-eye-slash"></i></a>

                                         {% endif %}
                                     </td>
                                     <td class="text-right">
                                         <div class="btn-group">
                                             <button class="btn-white btn btn-xs">Voir</button>
                                             <button class="btn-white btn btn-xs">Modifier</button>
                                             <button class="btn-white btn btn-xs">Désactiver</button>
                                         </div>
                                     </td>
                                 </tr>
                             {% endfor %}
                             </tbody>

                         </table>
                     </div>
                 </div>
             </div>
         </div>

     </div>


    <!-- Mainly scripts -->
    <script src="{{ asset('bundles/backend/') }}js/jquery-3.1.1.min.js"></script>
    <!-- Page-Level Scripts -->
    <script>
        $(document).ready(function() {

            $('.tab_collaborateur').DataTable({ "order": []});

            $('#date_added').datepicker({
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: false,
                calendarWeeks: true,
                autoclose: true
            });

            $('#date_modified').datepicker({
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: false,
                calendarWeeks: true,
                autoclose: true
            });

        });
    </script>
{% endblock %}