{% include 'partials/header.html.twig' %}
  <link rel="stylesheet" href="{{ asset('assets/libs/datatables.net-bs5/css/dataTables.bootstrap5.min.css') }}">

  <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">Registres de sécurité</h4>
                </div>
                <div class="col-3">
                    <div class="text-center">
                      <button type="button" class="btn btn-light" data-bs-toggle="modal" data-bs-target="#addModal">
                        Créer un registre de sécurité
                      </button>
                    </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_registre" class="table text-nowrap mb-0 align-middle w-100" >
                        <thead>
                          <tr>
                            <th>Nom</th>
                            <th>Date</th>
                            <th></th>
                          </tr>
                        </thead>
                        <tbody>

                        </tbody>
                        <tfoot>
                          <tr>
                            <th>Nom</th>
                            <th>Date</th>
                            <th></th>
                          </tr>
                        </tfoot>
                      </table>
                    </div>
                </div>
              </div>
            </div>
            <!-- end Custom toolbar elements -->
          </div>
        </div>
</div>
<script>
      const tableEntity = $('#list_registre').DataTable({
        "paging": true,          // Activer la pagination
        "searching": true,       // Activer la recherche
        "ordering": true,        // Activer le tri des colonnes
        "info": true,            // Afficher les informations sur le nombre de résultats
        "lengthChange": false,   // Permettre de changer le nombre de lignes affichées
        "pageLength": 20,        // Nombre de lignes par page par défaut
        displayLength: 25,
        processing: true, // Affiche un indicateur de chargement
          serverSide: true, // Active le mode server-side
          ajax: {
              url: '{{path('ajax_list_registre')}}', // URL du backend
              type: 'GET',
              cache: false,
          },
          columns: [
            { data: 'nom' },
            { data: 'date' },
            { data: 'action' },     
          ],
        language: {
            "info":           "Voir _START_ à _END_ de _TOTAL_ registres de sécurité",
            "infoEmpty":      "Voir 0 à 0 de 0 registre de sécurité",
            "search":         "Rechercher:",
            "paginate": {
                "first":      "Premier",
                "last":       "Dernier",
                "next":       "Suivant",
                "previous":   "Précédent"
            },
            "infoFiltered": '(filtrées de _MAX_ registres de sécurité au total)',
            "zeroRecords": "Aucun registre de sécurité trouvé",
            "emptyTable": "Aucun registre de sécurité trouvé",
        }        
    });


</script>

{% include '@Registre/registresecurite/modal/new_registre.html.twig' %}
{% include 'partials/modal/delete_modal.html.twig' %}
{% include 'partials/footer.html.twig' %}