@php use App\Models\parametre;




// dd($tab_incident_id);
 @endphp

<div class="form-row">
    <div class="col-md-12 text-right" style="margin-top:2%;margin-left:-2% !important;" ><button class="btn btn-success" id="btn_ajouter_incident" type="button" >Ajouter</button></div>
    <div class="form-group col-md-6">
        <label for="date_debut">Début</label>
        <input type="date" class="form-control" id="date_debut" value="{{date('Y-m-d')}}">
    </div>
    <div class="form-group col-md-6">
        <label for="date_fin_bl">Fin</label>
        <input type="date" class="form-control" id="date_fin" value="{{date('Y-m-d')}}">
    </div>
</div>



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

        <th scope="col" class="text-center">CODE</th>
        <th scope="col" class="text-center">LIBELLE</th>





    </thead>
    </table>

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

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


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

            "ajax": {
                "url": "{{url('incident/incident_data_table_fiche_annexe')}}",
                "type": "GET",

                "data": {
                    'type_fiche_annexe': '{{$type_fiche_annexe}}',
                    'id_fiche_annexe':'{{$id_fiche_annexe}}',
                    'date_debut': function() { return $("#date_debut").val() },
                    'date_fin': function() { return $("#date_fin").val() },
                    'chantier_id' : function() { return $("#id_chantier").val() },

                },

            },

            columnDefs: [

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

            ]
        });


        $("#date_debut").change(function() {
            table_commande_fiche_annexe.ajax.reload(null, false);
        });
        $("#date_fin").change(function() {
            table_commande_fiche_annexe.ajax.reload(null, false);
        });

        $("#btn_ajouter_incident").click(function (e){
            e.preventDefault();
            var client_id = $("#id_client").val();
            var chantier_id = $('#id_chantier').val();
            var url = '{{url('incident')}}' +'/?client_id='+client_id+'&chantier_id='+chantier_id;

            // Utilisez la méthode window.open pour ouvrir le lien dans une nouvelle fenêtre.
            window.open(url, '_blank');

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