@extends('layouts.app',[
    'class' => '',
    'folderActive' => '',
    'elementActive' => 'livewire'
])

@section('content')
    <div class="app-page-title">
        <div class="page-title-wrapper">
            <div class="page-title-heading">
                <div class="page-title-icon">
                    <i class="fa fa-calendar icon-gradient bg-arielle-smile"> </i>
                </div>
                <div>
                    DEMANDES D'INSPECTIONS
                    <div class="page-title-subheading">
                        Liste des demandes
                    </div>
                </div>
            </div>
        </div>
    </div>

    @livewire('demandes')

    <script type="text/javascript"
            src="{{ asset('js/datatables.js') }}"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            let table = $('#datatable').DataTable({
                language: {
                    "sProcessing": "Traitement en cours...",
                    "sSearch": "Rechercher&nbsp;:",
                    "sLengthMenu": "Afficher _MENU_ &eacute;l&eacute;ments",
                    "sInfo": "Affichage de l'&eacute;l&eacute;ment _START_ &agrave; _END_ sur _TOTAL_ &eacute;l&eacute;ments",
                    "sInfoEmpty": "Affichage de l'&eacute;l&eacute;ment 0 &agrave; 0 sur 0 &eacute;l&eacute;ment",
                    "sInfoFiltered": "(filtr&eacute; de _MAX_ &eacute;l&eacute;ments au total)",
                    "sInfoPostFix": "",
                    "sLoadingRecords": "Chargement en cours...",
                    "sZeroRecords": "Aucun &eacute;l&eacute;ment &agrave; afficher",
                    "zeroRecords": "Aucun rapport à afficher, veuillez appliquer 1 ou plusieurs filtres",
                    "sEmptyTable": "Aucune donn&eacute;e disponible dans le tableau",
                    "oPaginate": {
                        "sFirst": "Premier",
                        "sPrevious": "Pr&eacute;c&eacute;dent",
                        "sNext": "Suivant",
                        "sLast": "Dernier"
                    }
                },
                searching: false,
                ordering: true,
                sortable: true,
                paging: false,
                info: false,
            });
        });
    </script>
@endsection