{% 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">Audit</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 audit
                      </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_audit" class="table text-nowrap mb-0 align-middle w-100" >
                        <thead>
                          <tr>
                            <th>Nom</th>
                            <th>Progression</th>
                            <th>Statut</th>
                            <th></th>
                          </tr>
                        </thead>
                        <tbody>
                        </tbody>
                        <tfoot>
                          <tr>
                            <th>Nom</th>
                            <th>Progression</th>
                            <th>Statut</th>
                            <th></th>
                          </tr>
                        </tfoot>
                      </table>
                    </div>
                </div>
              </div>
            </div>
            <!-- end Custom toolbar elements -->
          </div>
        </div>
      </div>

<script>

const tableEntity = $('#list_audit').DataTable({
    "processing": true,
    "serverSide": true,
    "paging": true,
    "pageLength": 25, 
    "lengthMenu": [25, 50, 75, 100],
    "lengthChange": true,
    "ajax": {
        "url": "{{ path('ajax_list_audit') }}",
        "type": "GET",
        
    },

    "columns": [
        { "data": "nom" },
        { "data": "progression" },
        { "data": "statut" },
        { "data": "action" }
    ],


    "dom": '<"top"Bfl>rt<"bottom"ip><"clear">',
    "buttons": [
        {
            extend: 'excel',
            text: 'Exporter en Excel',
            filename: 'export_chambres',
            className: 'btn btn-success'
        },
        {
            extend: 'pdf',
            text: 'Exporter en PDF',
            filename: 'export_chambres',
            className: 'btn btn-danger'
        },
        {
            extend: 'print',
            text: 'Imprimer',
            className: 'btn btn-info'
        }
    ],

    "language": {
        "info": "Voir _START_ à _END_ de _TOTAL_ audits",
        "infoEmpty": "Voir 0 à 0 de 0 audit",
        "search": "Rechercher:",
        "paginate": {
            "first": "Premier",
            "last": "Dernier",
            "next": "Suivant",
            "previous": "Précédent"
        },
        "lengthMenu": "Afficher _MENU_ audits",
        "infoFiltered": "(filtrées de _MAX_ audits au total)",
        "zeroRecords": "Aucun audit trouvé",
        "emptyTable": "Aucun audit trouvé"
    }
});


    $(
  ".buttons-copy, .buttons-csv, .buttons-print, .buttons-pdf, .buttons-excel"
).addClass("btn btn-primary mr-1");

  function toggleNotationFieldsUpdate() {
        let notation = document.getElementById("notation").checked;
        let typeNotationContent = document.getElementById("typeNotationContent");
        let typeNotation = document.getElementById("typeNotation");
        console.log(notation);
        
        if (notation ) {
            typeNotationContent.style.display = "block";
            typeNotation.setAttribute("required", "required");
        } else {
            typeNotationContent.style.display = "none";
            typeNotation.removeAttribute("required");
        }
    }

    $(document).on('change', '#notation', function(){
        toggleNotationFieldsUpdate();
    });

    </script>
{% include '@Audit/audit/modal/new_audit.html.twig' %}

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