{% include 'partials/header.html.twig' %}

    <script src="{{ asset('assets/libs/datatables.net/js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables.net/js/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables.net/js/buttons.flash.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables.net/js/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('assets/libs/datatables.net/js/buttons.print.min.js') }}"></script>
    <script src="{{ asset('assets/libs/jszip/jszip.min.js') }}"></script>
    <script src="{{ asset('assets/libs/pdfmake/pdfmake.min.js') }}"></script>
    <script src="{{ asset('assets/libs/pdfmake/vfs_fonts.js') }}"></script>
    
    <div class="body-wrapper">
    <div class="container-fluid">
          <div class="card bg-primary-subtle shadow-none position-relative overflow-hidden mb-4">
            <div class="card-body px-4 py-3">
              <div class="row align-items-center">
                <div class="col-9">
                  <h4 class="fw-semibold mb-8">Employés</h4>
                </div>
                <div class="col-3">
                  <div class="text-center">
                      <a href="{{ path('employe_new') }}" class="btn btn-primary">Créer un employé</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="datatables">
            <div class="card">
              <div class="card-body">
                <div class="table-responsive mb-4  rounded-1">
                  
                      <table
                        id="list_users" class="table text-nowrap mb-0 align-middle w-100" >
                        <thead>
                          <tr>
                            <th>Nom</th>
                            <th>Prénom</th>
                            <th>Rôle</th>
                            <th>Hôtel</th>
                            <th>Planning</th>
                            <th>Actif</th>
                            <th></th>
                          </tr>
                        </thead>
                        <tbody>
                          
                            {% for user in users %}
                                <tr id="user-{{user.id}}">
                                    <td>
                                      {% if  user.hasTitreSejour and user.validiteTitreSejour|date('Y-m-d') < 'now'|date('Y-m-d') %}
                                        <span class="link-warning fs-5"><i class="ti ti-alert-triangle"></i></span>
                                      {% endif %}
                                      <a href = "{{ path('employe_view', { 'id':  user.idtoken })|raw }}">{{user.nom}}</a>
                                    </td>
                                    <td><a href = "{{ path('employe_view', { 'id':  user.idtoken })|raw }}">{{user.prenom }}</a></td>
                                    <td>{{user.role.nom }}</td>
                                    <td>
                                        {% for societe in user.societe %}
                                            {{societe.nom }}
                                        {% endfor %}
                                    </td>
                                    <td>
                                      <div class="form-check form-switch">
                                        <input class="form-check-input switch-control" type="checkbox" id="contractHasPeriodeEssai" {% if user.plannifiable %} checked="" {% endif %} data-id="{{ user.id }}" >
                                      </div>
                                    </td>
                                    <td>
                                      <div class="form-check form-switch">
                                        <input class="form-check-input switch-control2" type="checkbox" id="desactive" {% if user.statut %} checked="" {% endif %} data-id="{{ user.id }}" >
                                      </div>
                                    </td>
                                    <td class="text-end">
                                        <a href = "{{ path('employe_view', { 'id':  user.idtoken })|raw }}" class="btn mb-1 bg-light-subtle rounded-circle round-30 btn-sm d-inline-flex align-items-center justify-content-center"><i class="ti ti-eye fs-5"></i></a>
                                          <button type="button" class="delete btn mb-1 bg-light-subtle rounded-circle round-30 btn-sm d-inline-flex align-items-center justify-content-center delete-btn" data-type="employe" data-id="{{user.idtoken}}">
                                            <i class="ti ti-trash fs-5"></i>
                                          </button>
                                    </td>
                                    
                                </tr>
                            {% endfor %}
                          

                        </tbody>
                        <tfoot>
                          <tr>
                            <th>Nom</th>
                            <th>Prénom</th>
                            <th>Rôle</th>
                            <th>Hôtel</th>
                            <th>Planning</th>
                            <th>Actif</th>
                            <th></th>
                          </tr>
                        </tfoot>
                      </table>
                    </div>
                </div>
              </div>
            </div>
            <!-- end Custom toolbar elements -->
          </div>
        </div>
  </div>
<script src="{{ asset('assets/js/bundle/employe/employe_index.js') }}"></script>

{% include 'partials/modal/delete_modal.html.twig' %}  
{% include 'partials/footer.html.twig' %}