{% 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>
    <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>
            </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>Réponses</th>
                          </tr>
                        </thead>
                        <tbody>
                        </tbody>
                        <tfoot>
                          <tr>
                            <th>Nom</th>
                            <th>Progression</th>
                            <th>Réponses</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_app') }}',
        "type": "GET",
        
    },

    "columns": [
        { "data": "nom" },
        { "data": "progression" },
        { "data": "reponses" },
    ],

    "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é"
    }
});
    </script>
{% include 'partials/footer.html.twig' %}