@php
    use App\fonctions\definir_date_selection_fonction;
    use App\Models\parametre;
    $parametre=parametre::first();
    $dates=(new definir_date_selection_fonction())->definir_date_selection($parametre->parametre_date_grille_detail);

@endphp

<div class="form-row">
    <div class="form-group col-md-6">
        <label for="date_debut_bon_livraison_fiche_annexe{{$prefix??''}}">Début</label>
        <input type="date" class="form-control" id="date_debut_bon_livraison_fiche_annexe{{$prefix??''}}" value="{{$dates['debut']}}">
    </div>
    <div class="form-group col-md-6">
        <label for="date_fin_bon_livraison_fiche_annexe{{$prefix??''}}">Fin</label>
        <input type="date" class="form-control" id="date_fin_bon_livraison_fiche_annexe{{$prefix??''}}" value="{{$dates['fin']}}">
    </div>
</div>


<div class="table-responsive" style="overflow-y: auto;height: 45vh;"><!--table bon de livarison-->
    <div  class="col-md-12 text-center">Nombre BL(s) : <span id="nombre_bon_livraison_fiche_annexe{{$prefix??''}}" class="badge" style="background : #dff0d8; color: #000; font-size: 15px; margin-bottom:0.5%;"></span>Quantitée(s) : <span id="quantitee_bon_livraison_fiche_annexe{{$prefix??''}}" class="badge" style="background : #dff0d8; color: #000; font-size: 15px; margin-bottom:0.5%;"></span>Qte moyenne : <span id="quantitee_moyenne_bon_livraison_fiche_annexe{{$prefix??''}}" class="badge" style="background : #dff0d8; color: #000; font-size: 15px; margin-bottom:0.5%;"></span></div>
    <table class="table table-hover table-sm table-bordered" id="table_bon_livraison_fiche_annexe{{$prefix??''}}">
        <thead style="background-color:#28a745; color:white">

        <th scope="col" class="text-center">CODE BL</th>
        <th scope="col" class="text-center">REF CMD</th>
        <th scope="col" class="text-center">DATE LIVRAISON</th>
        <th scope="col" class="text-center">DATE REF</th>
        <th scope="col" class="text-center">H FAB</th>
        <th scope="col" class="text-center">CODE CLIENT</th>
        <th scope="col" class="text-center">CODE CHANTIER</th>
        <th scope="col" class="text-center">VILLE</th>
        <th scope="col" class="text-center">FORMULE</th>
        <th scope="col" class="text-center">QTE LIV</th>
        <th scope="col" class="text-center">QTE ACC</th>
        <th scope="col" class="text-center">QTE ACHAT</th>
        <th scope="col" class="text-center">ZONE</th>
        <th scope="col" class="text-center">VEHICULE</th>
        <th scope="col" class="text-center">CHAUFFEUR</th>
        <th scope="col" class="text-center">CENTRALE</th>
        <th scope="col" class="text-center">H DEP CEN</th>
        <th scope="col" class="text-center">H ARR CHAN</th>
        <th scope="col" class="text-center">H DEB VID</th>
        <th scope="col" class="text-center">H DEP CHAN</th>
        <th scope="col" class="text-center">H ARR CENT</th>
        <th scope="col" class="text-center">ANNULE</th>

        </thead>
    </table>

</div><!-- fin table bon de livraison-->
<script>
    $(function() { // Dom ready
        //////data table bon de livraison

        @if($type_fiche_annexe=='incident')
        var chantier_id = $("#id_chantier").val();
        @else
        var chantier_id = $("#incident_chantier").attr("chantier_id");
        @endif

        var table_bon_livraison_fiche_annexe{{$prefix??''}} = $('#table_bon_livraison_fiche_annexe{{$prefix??''}}').on('processing.dt', function (e, settings, processing) {

            $('.ring').css('display', processing ? 'block' : 'none');
            $('#filtre_loading').css('display', processing ? 'block' : 'none');

        }).DataTable({


            // autoWidth:true,
            paging: true,
            searching: true,
            scrollCollapse: true,
            dom: 'lBfrtip',
            buttons: [
                { "extend": 'excel', "text": 'Export excel', "className": 'btn_export_excel', title: 'Liste de(s) BL transporteur(s)',"attr": {"style" :"color: rgb(255, 255, 255); background-color: rgb(33, 136, 56);"}}
            ],

            "ajax": {
                "url": "{{url('bl/bon_de_livraison_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_bon_livraison_fiche_annexe{{$prefix??''}}").val() },
                    'date_fin': function() { return $("#date_fin_bon_livraison_fiche_annexe{{$prefix??''}}").val() },
                    'client_id' : function() { return $("#incident_client").attr("client_id") },
                    'centrale_id' : function() { return $("#incident_centrale").attr("centrale_id") },
                    'chantier_id' : function() { return chantier_id },
                    'vehicule_id' : function() { return $("#incident_vehicule").attr("vehicule_id") },
                    'chauffeur_id' : function() { return $("#incident_chauffeur").attr("chauffeur_id") },
                    'commande_id' : function() { return $("#incident_commande").attr("commande_id") },

                },

                "dataSrc": function(json) {

                    $("#quantitee_bon_livraison_fiche_annexe{{$prefix??''}}").html(json.quantitee);
                    $("#nombre_bon_livraison_fiche_annexe{{$prefix??''}}").html(json.recordsTotal);
                    if (json.recordsTotal == 0) {
                        var qte_moyenne = 0;
                    } else {
                        var qte_moyenne = json.quantitee / json.recordsTotal;
                        qte_moyenne = qte_moyenne.toFixed(2);
                    }

                    $("#quantitee_moyenne_bon_livraison_fiche_annexe{{$prefix??''}}").html(qte_moyenne);

                    return json.data;
                },
            },

            columnDefs: [

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

            ]
        });



        $("#date_fin_bon_livraison_fiche_annexe{{$prefix??''}}").change(function() {
            table_bon_livraison_fiche_annexe{{$prefix??''}}.ajax.reload(null, false);
        });
        $("#date_debut_bon_livraison_fiche_annexe{{$prefix??''}}").change(function() {
            table_bon_livraison_fiche_annexe{{$prefix??''}}.ajax.reload(null, false);
        });

        @if($type_fiche_annexe=='incident')
        $(".fermer_affiche").click(function(e) {
            e.preventDefault();

            $(".cadre").show();
            $("#entete").show();
            $("#incident_recherche").hide();
        });

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

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

            $('#incident_bl').val(data['0']);
            $('#incident_bl').attr('bl_id',data['DT_RowId']);
            $("#rafraichir").click();
        });

        @elseif($type_fiche_annexe!='produit')

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

            $("#filtre").click();

            $('#bl_recherche_id').val(data['0']);
            $('#bl_recherche_id').attr('bl_id',data['DT_RowId']);
            $("#rafraichir").click();
        });



        @endif

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