@php use App\Models\parametre;




// dd($tab_commande_id);
 @endphp

<div class="form-row">
    <div class="form-group col-md-6">
        <label for="date_debut_bl_commande">Début</label>
        <input type="date" class="form-control" id="date_debut_bl_commande" value="{{date('Y-m-d')}}">
    </div>
    <div class="form-group col-md-6">
        <label for="date_fin_bl_commande">Fin</label>
        <input type="date" class="form-control" id="date_fin_bl_commande" value="{{date('Y-m-d')}}">
    </div>
</div>



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

        <th scope="col" class="text-center">CODE</th>
        <th scope="col" class="text-center">CENTRALE</th>
        <th scope="col" class="text-center">DATE</th>
        <th scope="col" class="text-center">CLIENT</th>
        <th scope="col" class="text-center">CHANTIER</th>





    </thead>
    </table>

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

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


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

            "ajax": {
                "url": "{{url('commande/commande_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_bl_commande").val() },
                    'date_fin': function() { return $("#date_fin_bl_commande").val() },
                    'client_id' : function() { return $("#incident_client").attr("client_id") },
                    'centrale_id' : function() { return $("#incident_centrale").attr("centrale_id") },
                    'chantier_id' : function() { return $("#incident_chantier").attr("chantier_id") },
                    'vehicule_id' : function() { return $("#incident_vehicule").attr("vehicule_id") },


                },

            },

            columnDefs: [

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

            ]
        });


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



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

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

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

                $('#incident_commande').val(data['0']+' -> '+data['1']);
                $('#incident_commande').attr('commande_id',data['DT_RowId']);
                $("#rafraichir").click();
            });

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