@php use App\Models\parametre;



// dd($tab_centrale_id);
 @endphp

<div class="form-row">
    <div class="form-group col-md-6">
        <label for="date_debut_bon_livraison_fiche_annexe">Début</label>
        <input type="date" class="form-control" id="date_debut_bon_livraison_fiche_annexe" value="{{date('Y-m-d')}}">
    </div>
    <div class="form-group col-md-6">
        <label for="date_fin_bon_livraison_fiche_annexe">Fin</label>
        <input type="date" class="form-control" id="date_fin_bon_livraison_fiche_annexe" value="{{date('Y-m-d')}}">
    </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" 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" 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" 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">
        <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

        var table_bon_livraison_fiche_annexe = $('#table_bon_livraison_fiche_annexe').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: 'Bfrtip',
            buttons: [

                { "extend": 'excel', "text": 'Export excel', "className": 'btn_export_excel' }
            ],
            "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").val() },
                    'date_fin': function() { return $("#date_fin_bon_livraison_fiche_annexe").val() },

                },

                "dataSrc": function(json) {

                    $("#quantitee_bon_livraison_fiche_annexe").html(json.quantitee);
                    $("#nombre_bon_livraison_fiche_annexe").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").html(qte_moyenne);

                    return json.data;
                },
            },

            columnDefs: [

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

            ]
        });

        $(".btn_export_excel").css("color", "#fff");
        $(".btn_export_excel").css("background-color", "#218838");
        $(".btn_export_excel").css("#1e7e34", "#1e7e34");

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

        @if($type_fiche_annexe!='produit')
            $(".btn_export_excel").css("display", "none");
            $('#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']);

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

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

        @endif

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