{{--  </div>  --}}
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="border-bottom title-part-padding">
                <h4 class="card-title mb-0">Etudiants probables en salle de cours</h4>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table id="InDatatable" class="table table-striped table-bordered display">
                        <thead>
                            <tr>
                                <th>ZK ID</th>
                                <th>Nom</th>
                                <th>Date / Heure</th>
                                <th>Contact</th>
                            </tr>
                        </thead>
                        <tbody>
                            {{--  @foreach ($presences as $presence)  --}}
                                <tr>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                </tr>
                            {{--  @endforeach  --}}
                        </tbody>
                        <tfoot>
                            <tr>
                                <th>ZK ID</th>
                                <th>Nom</th>
                                <th>Date / Heure</th>
                                <th>Contact</th>
                            </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>


{{-- Authentification --}}
    {{-- <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="border-bottom title-part-padding">
                    <h4 class="card-title mb-0">Authentifications</h4>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table id="authentificationsDatatable" class="table table-striped table-bordered display text-center file_export">
                            <thead style = "font-size : 15px">
                                <tr>
                                    <th>ZK ID</th>
                                    <th>Nom</th>
                                    <th>Date / Heure</th>
                                    <th>Mode d'authentification</th>
                                    <th>Type d'authentification</th>
                                </tr>
                            </thead>
                            <tbody> --}}
                                {{--  @foreach ($punches as $punch)  --}}
                                {{-- <tr>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                </tr> --}}
                                {{--  @endforeach  --}}
                            {{-- </tbody>
                            <tfoot style = "font-size : 15px">
                                <tr>
                                    <th>ZK ID</th>
                                    <th>Nom</th>
                                    <th>Date / Heure</th>
                                    <th>Mode d'authentification</th>
                                    <th>Type d'authentification</th>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div> --}}


<script>
    function dtCustomLanguage({ name, plural, gender, lang = "fr" }){
        const suffix = { "M": '', "F": 'e'};
        const psuffix = { "M": '', "F": 'es'};

        gender = gender.toUpperCase();
        lang = lang.toLowerCase();

        switch (lang) {
        case "fr":
            return {
                "lengthMenu": "Afficher _MENU_ " + plural + " par page",
                "info": "Affichage de _START_ à _END_ sur _TOTAL_",
                "zeroRecords": "<i class='fas fa-inbox mr-1'></i> Aucun" + suffix[gender] + " " + name + " trouvé" + suffix[gender],
                "infoEmpty": "Aucun" + suffix[gender] + " " + name + " trouvé" + suffix[gender],
                "infoFiltered": "(filtré sur _MAX_ " + plural + ")",
                "oPaginate": {
                    "sFirst":    	"Erste",
                    "sPrevious": 	"Prev",
                    "sNext":     	"Suivant",
                    "sLast":     	"Letzte",
                },
                "sSearch": "chercher",
                "sLoadingRecords": 	"Chargement des données...",
                "sProcessing": "Chargement...",
                "decimal": ",",
                "thousands": " ",
            }
            break;

        default:
            return {}
            break;
        }
    }

    // init a dt
    function initDT({table, cLang, tbTitle}){

        return $(table).DataTable({
        "dom": 'Bfrtip',
        "responsive": true,
        "language": dtCustomLanguage(cLang),
        "buttons": [
            {
                extend: 'excelHtml5',
                footer: true,
                title: tbTitle,
                text: '<i class="fas fa-file-excel fa-2x"></i>',
                className: 'btn btn-light text-success mr-1 p-1',
                exportOptions: {
                    columns: ':visible :not(.js-not-exportable)'
                },
            }, {
                extend: 'pdfHtml5',
                footer: true,
                orientation: 'landscape',
                pageSize: 'LEGAL',
                title: tbTitle,
                text: '<i class="fas fa-file-pdf fa-2x"></i>',
                className: 'btn btn-light text-danger mr-1 p-1',
                exportOptions: {
                    columns: ':visible :not(.js-not-exportable)'
                },
            }, {
                extend: 'csvHtml5',
                footer: true,
                title: tbTitle,
                text: '<i class="fas fa-file-alt fa-2x"></i>',
                className: 'btn btn-light text-primary mr-1 p-1',
                exportOptions: {
                    columns: ':visible :not(.js-not-exportable)'
                },
            }, {
                extend: 'print',
                footer: true,
                title: tbTitle,
                text: '<i class="fas fa-print fa-2x"></i>',
                className: 'btn btn-light text-warning mr-1 p-1',
                exportOptions: {
                    columns: ':visible :not(.js-not-exportable)'
                },
            }
        ],
        });
    }

    let inList = 
        initDT({
        table: "#InDatatable",
        cLang: {
                name: "mouvement",
                plural: "mouvements",
                gender: "M",
                lang: "fr"
            },
    //	   tbTitle: "Liste des étudiants en salle de cours"
	});
    // let authentificationsList = 
	// initDT({
	//    table: "#authentificationsDatatable",
	//    cLang: {
	// 	name: "Liste des authentifications",
	// 	plural: "Liste des authentifications",
	// 	gender: "F",
	// 	lang: "fr"
	//    },
	//    tbTitle: "Liste des modules Time and Attendance"
	// });
</script>