@php use App\Models\parametre;




// dd($tab_chauffeur_id);
 @endphp



<div class="table-responsive" style="overflow-y: auto;height: 45vh;" ><!--table chauffeur-->
    <table class="table table-hover table-sm table-bordered "  style="width:100%;" id="table_chauffeur_fiche_annexe">
    <thead style="background-color:#28a745; color:white">

        <th scope="col" class="text-center">CODE</th>
        <th scope="col" class="text-center">NOM</th>
        <th scope="col" class="text-center">PRENOM</th>
        @if ($type_fiche_annexe == 'chantier')
        <th scope="col" class="text-center">INFORMATION</th>
        @endif





    </thead>
    </table>

</div><!-- fin table chauffeur-->
<script>
    $(function() { // Dom ready
        //////data table formule

        var table_chauffeur_fiche_annexe = $('#table_chauffeur_fiche_annexe').DataTable({


            autoWidth:true,
            paging: true,
            searching: true,
            scrollCollapse: true,

            "ajax": {
                "url": "{{url('chauffeur/chauffeur_data_table_fiche_annexe')}}",
                "type": "GET",

                "data": {
                    'type_fiche_annexe': '{{$type_fiche_annexe}}',
                    'id_fiche_annexe':'{{$id_fiche_annexe}}',

                },

            },

            columnDefs: [

                { "className": "text-center align-middle ", "targets": "_all" },
                // { "width": "500px", "targets": [0] }

            ]
        });


        @switch($type_fiche_annexe)
            @case('incident')
            
            $(".fermer_affiche").click(function(e) {
                    e.preventDefault();
                    
                    $(".cadre").show();
                    $("#entete").show();
                    $("#incident_recherche").hide();
                });
                

                $('#table_chauffeur_fiche_annexe tbody').on('dblclick', 'tr', function(e) {
                    e.preventDefault();
                    var data = table_chauffeur_fiche_annexe.row(this).data();
                    // console.log(data['DT_RowId']);
                    // console.log(data['1']);
                    // console.log(data['3']);

                    $(".fermer_affiche").click();

                    $('#incident_chauffeur').val(data['0']+' -> '+data['1']);
                    $('#incident_chauffeur').attr('chauffeur_id',data['DT_RowId']);
                    $("#rafraichir").click();
                });
                @break

        @endswitch
    });//Fin dom ready
</script>