@extends('models')
@section('titre-page', 'Récapitulatif des réceptions')

@section('content-body')
    <style>
        .height-input {
            height: 2.5rem !important;
        }

        input::-webkit-outer-spin-button,
        input::-webkit-inner-spin-button {
            -webkit-appearance: none;
        }

        ul.ui-autocomplete {
            z-index: 1100;
        }

        .ui-autocomplete {
            max-height: 350px;
            max-width: 1000px;
            overflow-y: auto;
            /* position: static !important; */
        }

        .ui-menu-item .ui-state-active {
            background: #D7C5FF8E;
            border: none;
            color: black
        }

        .ui-menu .ui-menu-item-wrapper {
            position: relative;
            padding: 1px 1em 1px 0.4em !important;
        }

        input[type="text"] {
            text-align: center
        }

        @media (min-width: 1200px) {
            .modal-xl {
                --bs-modal-width: 1260px !important;
            }
        }

        .modal-open-noscroll {
            overflow: hidden;
        }

        #tableDetailBl tbody tr:not(.rupture):hover {
            background-color: #f0f0f0;
            /* Couleur de fond lors du survol */
        }
    </style>

    <!-- Page Header -->
    <div class="d-md-flex d-block align-items-center justify-content-between mt-4 page-header-breadcrumb">
        <!-- Start:: row-7 -->
        <div class="col-xl-12 col-12">
            <div class="row mb-3">
                <div class="col-xl-5 col-lg-4 col-md-4 mt-2">
                    <nav>
                        <ol class="breadcrumb mb-0">
                            <li class="breadcrumb-item text-light"><a href="javascript:void(0);">Achats</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Récapitulatif des réceptions</li>
                        </ol>
                    </nav>
                </div>

            </div>
        </div>
    </div>
    <!-- Page Header Close -->

    {{-- <div class="row">
        <div class="col-xl-12">
            <div class="card custom-card">
                <div class="card-body">
                    <div class="row px-4">

                        <div class="col-xl-3 col-lg-4 col-sm-12 d-flex align-items-center">
                            <div class="me-2">
                                <span class="avatar avatar-rounded bg-primary-transparent text-primary">
                                    <i class="bx bx-dice-3" style="font-size: 24px"></i>
                                </span>
                            </div>
                            <div class="flex-fill">
                                <p class="fs-18 mb-0 text-primary fw-semibold" id="nbreLigne"></p>
                                <span class="text-muted fs-12">Nbre Ligne</span>
                            </div>
                        </div>

                        <div class="col-xl-3 col-lg-4 col-sm-12 d-flex align-items-center">
                            <div class="me-2">
                                <span class="avatar avatar-rounded bg-success-transparent">
                                    <i class="bi bi-cash-stack " style="font-size: 24px"></i>

                                </span>
                            </div>
                            <div class="flex-fill">
                                <p class="fs-18 mb-0 text-success fw-semibold" id="totalFacture"></p>
                                <span class="text-muted fs-12">Total Qté facturée </span>
                            </div>
                        </div>

                        <div class="col-xl-3 col-lg-4 col-sm-12 d-flex align-items-center">
                            <div class="me-2">
                                <span class="avatar avatar-rounded bg-success-transparent">
                                    <i class="bi bi-cash-stack " style="font-size: 24px"></i>

                                </span>
                            </div>
                            <div class="flex-fill">
                                <p class="fs-18 mb-0 text-success fw-semibold" id="totalLivre"></p>
                                <span class="text-muted fs-12">Total Qté livrée </span>
                            </div>
                        </div>

                        <div class="col-xl-3 col-lg-4 col-sm-12 d-flex align-items-center">
                            <div class="me-2">
                                <span class="avatar avatar-rounded bg-info-transparent">
                                    <i class="bi bi-cash-stack " style="font-size: 24px"></i>
                                </span>
                            </div>
                            <div class="flex-fill">
                                <p class="fs-18 mb-0 text-info fw-semibold" id="valPFHT"></p>
                                <span class="text-muted fs-12">Total val. PFHT</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div> --}}

    <div class="row mt-3">
        <div class=" col-xl-12">
            <div class=" card custom-card">
                <div class=" card-body pe-0 pe-0">
                    <div class="row w-100">
                        <form id="formFiltre">
                            <div class="row">
                                <div class=" col-xl-11 col-lg-11 col-md-10">
                                    <div class=" row">
                                        <div class="col-xl-3 col-lg-3 col-md-4 mb-2">
                                            <p class="mb-0 text-muted">Période de filtre&nbsp;:</p>
                                            <input type="text" class="form-control text-center" name="datetimes"
                                                id="filtrePeriode" />
                                        </div>
                                        <div class="col-xl-3 col-lg-3 col-md-4 mb-2">
                                            <p class="mb-0 text-muted">Bureau d'achat</p>
                                            <select class="form-select" id="IDBUREAUACHAT">

                                            </select>
                                        </div>
                                        <div class="col-xl-3 col-lg-3 col-md-4 mb-2">
                                            <p class="mb-0 text-muted">Fournisseur</p>
                                            <select class="form-select" id="IDFOURNISSEUR">

                                            </select>
                                        </div>

                                        <div class="col-xl-3 col-lg-3 col-md-4 mb-2">
                                            <p class="mb-0 text-muted">Mode d'expédition</p>
                                            <select class="form-select" id="IDMODEEXPEDITION">

                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class=" col-xl-1 d-flex justify-content-center">
                                    <div class="col-xl-1 col-lg-1 col-md-1 mb-0 pt-1 d-flex flex-fill">
                                        <label class="btn btn-primary btn-wave w-100 float-end mt-2"
                                            id="btnFiltreTableRecapRecpt">
                                            <i class="ri-search-line fs-16" style="cursor:pointer;"></i>
                                        </label>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-xl-12">
            <div class="card custom-card">
                <div class="card-body">
                    <div class="row">
                        <div class=" table-responsive">
                            <table class="tablehover table table-striped text-nowrap w-100" id="tableListeRecapReception">
                                <thead class="table-header-primary">
                                    <tr>
                                        <th class="text-center text-white">N°Facture/BL</th>
                                        <th class="text-center text-white">Date BL</th>
                                        <th class="text-center text-white">Fournisseur</th>
                                        <th class="text-center text-white">Nom Navire / Compagnie Aerien</th>
                                        <th class="text-center text-white">N° Vol / Conteneur</th>
                                        <th class="text-center text-white">Montant HT BL</th>
                                        <th class="text-center text-white">Montant TVA BL</th>
                                        <th class="text-center text-white">Montant TTC BL</th>
                                        <th class="text-center text-white">Element2</th>
                                        <th class="text-center text-white">Element3</th>
                                        <th class="text-center text-white">Element4</th>
                                        <th class="text-center text-white">Element5</th>
                                        <th class="text-center text-white">Element6</th>
                                        <th class="text-center text-white">TRANSIT LOCAL : <br> MEDICAMENT</th>
                                        <th class="text-center text-white">TRANSIT LOCAL : <br> PARA PHARMACIE</th>
                                        <th class="text-center text-white">TRANSIT LOCAL : <br> LAIT ET FARINE</th>
                                        <th class="text-center text-white">TRANSIT LOCAL : <br> DIVERS</th>
                                        <th class="text-center text-white">Element9</th>
                                        <th class="text-center text-white">Element10</th>
                                        <th class="text-center text-white">Element11</th>
                                        <th class="text-center text-white">Element12</th>
                                        <th class="text-center text-white">Element13</th>
                                        <th class="text-center text-white">Element14</th>
                                        <th class="text-center text-white">Element15</th>
                                        <th class="text-center text-white">Element16</th>
                                        <th class="text-center text-white">Element17</th>
                                        <th class="text-center text-white">AutresTaxes</th>
                                    </tr>
                                </thead>
                                <tfoot>
                                    <tr style="background: #ffffe8">
                                        <th class="text-end" colspan="8">Total : </th>
                                        <th class="text-end"></th>
                                        <th class="text-end"></th>
                                        <th class="text-end"></th>
                                        <th class="text-end"></th>
                                        <th class="text-end"></th>
                                        <th class="text-end"></th>
                                        <th class="text-end"></th>
                                        <th class="text-end"></th>
                                        <th class="text-end"></th>
                                        <th class="text-end"></th>
                                        <th class="text-end"></th>
                                        <th class="text-end"></th>
                                        <th class="text-end"></th>
                                        <th class="text-end"></th>
                                        <th class="text-end"></th>
                                        <th class="text-end"></th>
                                        <th class="text-end"></th>
                                        <th class="text-end"></th>
                                        <th class="text-end"></th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('script')
    <script>
        $(function() {
            dateRangeInput('input[name="datetimes"]', true, "DD/MM/YYYY HH:mm")
            // $('input[name="datetimes"]').daterangepicker({
            //     timePicker: true,
            //     startDate: moment().subtract(1, 'weeks').startOf('day'),
            //     endDate: moment().endOf('day'),
            //     "locale": {
            //         "format": "DD/MM/YYYY HH:mm",
            //         "separator": " - ",
            //         "applyLabel": "Appliquer",
            //         "cancelLabel": "Annuler",
            //         "fromLabel": "From",
            //         "toLabel": "To",
            //         "customRangeLabel": "Custom",
            //         "weekLabel": "W",
            //         "daysOfWeek": [
            //             "Dim",
            //             "Lun",
            //             "Mar",
            //             "Mer",
            //             "Jeu",
            //             "Ven",
            //             "Sam"
            //         ],
            //         "firstDay": 2
            //     },
            // });
        })

        function chargerSelectBureauAchat() {

            $.ajax({

                url: '{{ route('listingBureauAchatSimple') }}',
                beforeSend: progressHandler(),
                type: 'GET',
                dataType: 'json',
                success: function(response) {

                    if (response.success == 0) {

                        notifError(response.msg)
                    } else if (response.success != 0) {

                        $('#IDBUREAUACHAT').html('')
                        $('#IDBUREAUACHAT').append('<option value="0">TOUS</option>')

                        $.each(response.data, function(key, value) {
                            $('#IDBUREAUACHAT').append('<option value="' + value['IDBUREAUACHAT'] +
                                '">' + value['NomBureauAchat'] + '</option>')
                        })
                    }
                    completeHandler()
                },
                error: function(error) {

                    notifError(error)
                    completeHandler()
                }
            })
        }

        function chargerSelectFournisseur() {

            $.ajax({

                url: '{{ route('listeFournisseurSimple') }}',
                beforeSend: progressHandler(),
                type: 'GET',
                dataType: 'json',
                success: function(response) {

                    if (response.success == 0) {

                        notifError(response.msg)
                    } else if (response.success != 0) {

                        $('#IDFOURNISSEUR').html('')
                        $('#IDFOURNISSEUR').append('<option value="0">TOUS</option>')
                        $('#IDFOURNISSEUR_edit').append('<option value="0">TOUS</option>')
                        $.each(response.data, function(key, value) {

                            $('#IDFOURNISSEUR').append(
                                `<option value="${value['IDFOURNISSEUR']}"> ${value['NomFournisseur']}</option>`
                            )
                        })
                        $('#IDFOURNISSEUR').select2()
                    }
                    completeHandler()
                },
                error: function(error) {

                    notifError(error)
                    completeHandler()
                }
            })
        }

        function chargerSelectModeExpedition() {

            $.ajax({

                url: '{{ route('listeModeExpeSimple') }}',
                beforeSend: progressHandler(),
                type: 'GET',
                dataType: 'json',
                success: function(response) {

                    if (response.success == 0) {

                        notifError(response.msg)
                    } else if (response.success != 0) {

                        $('#IDMODEEXPEDITION').html('')
                        $('#IDMODEEXPEDITION').append('<option value="0">TOUS</option>')

                        $.each(response.data, function(key, value) {

                            $('#IDMODEEXPEDITION').append('<option value="' + value[
                                    'IDMODEEXPEDITION'] + '">' + value['LibelleModeExpedition'] +
                                '</option>')
                        })
                    }
                    completeHandler()
                },
                error: function(error) {

                    notifError(error)
                    completeHandler()
                }
            })
        }

        function remplirInfo(nbreLigne, totalFacture, totalLivre, valPFHT) {

            $("#nbreLigne").text(formatNumberPerf(nbreLigne))
            $("#totalFacture").text(formatNumberPerf(totalFacture))
            $("#totalLivre").text(formatNumberPerf(totalLivre))
            $("#valPFHT").text(formatNumberPerf(valPFHT))
        }

        chargerSelectModeExpedition()
        chargerSelectBureauAchat()
        chargerSelectFournisseur()

        var tableListeRecapReception = $("#tableListeRecapReception").DataTable({
            language: languageTable,
            columnDefs: [{
                    targets: [0, 1, 4],
                    className: "text-center"
                },
                {
                    targets: [5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25,
                        26
                    ],
                    className: "text-end"
                },
            ],
            // pagingType: 'full_numbers',
            pageLength: 25,
            lengthChange: true,
            // order: [5, "desc"],
            footerCallback: function(row, data, start, end, display) {
                let api = this.api();

                // Calcul du total de la colonne Quantité (index 1)
                
                // Calcul du total de la colonne Prix (index 2)
                let valeur8 = api.column(8).data().reduce((a, b) => Number(chaineEnNumerique(a)) + Number(chaineEnNumerique(b)), 0);
                let valeur9 = api.column(9).data().reduce((a, b) => Number(chaineEnNumerique(a)) + Number(chaineEnNumerique(b)), 0);
                let valeur10 = api.column(10).data().reduce((a, b) => Number(chaineEnNumerique(a)) + Number(chaineEnNumerique(b)), 0);
                let valeur11 = api.column(11).data().reduce((a, b) => Number(chaineEnNumerique(a)) + Number(chaineEnNumerique(b)), 0);
                let valeur12 = api.column(12).data().reduce((a, b) => Number(chaineEnNumerique(a)) + Number(chaineEnNumerique(b)), 0);
                let valeur13 = api.column(13).data().reduce((a, b) => Number(chaineEnNumerique(a)) + Number(chaineEnNumerique(b)), 0);
                let valeur14 = api.column(14).data().reduce((a, b) => Number(chaineEnNumerique(a)) + Number(chaineEnNumerique(b)), 0);
                let valeur15 = api.column(15).data().reduce((a, b) => Number(chaineEnNumerique(a)) + Number(chaineEnNumerique(b)), 0);
                let valeur16 = api.column(16).data().reduce((a, b) => Number(chaineEnNumerique(a)) + Number(chaineEnNumerique(b)), 0);
                let valeur17 = api.column(17).data().reduce((a, b) => Number(chaineEnNumerique(a)) + Number(chaineEnNumerique(b)), 0);
                let valeur18 = api.column(18).data().reduce((a, b) => Number(chaineEnNumerique(a)) + Number(chaineEnNumerique(b)), 0);
                let valeur19 = api.column(19).data().reduce((a, b) => Number(chaineEnNumerique(a)) + Number(chaineEnNumerique(b)), 0);
                let valeur20 = api.column(20).data().reduce((a, b) => Number(chaineEnNumerique(a)) + Number(chaineEnNumerique(b)), 0);
                let valeur21 = api.column(21).data().reduce((a, b) => Number(chaineEnNumerique(a)) + Number(chaineEnNumerique(b)), 0);
                let valeur22 = api.column(22).data().reduce((a, b) => Number(chaineEnNumerique(a)) + Number(chaineEnNumerique(b)), 0);
                let valeur23 = api.column(23).data().reduce((a, b) => Number(chaineEnNumerique(a)) + Number(chaineEnNumerique(b)), 0);
                let valeur24 = api.column(24).data().reduce((a, b) => Number(chaineEnNumerique(a)) + Number(chaineEnNumerique(b)), 0);
                let valeur25 = api.column(25).data().reduce((a, b) => Number(chaineEnNumerique(a)) + Number(chaineEnNumerique(b)), 0);
                let valeur26 = api.column(26).data().reduce((a, b) => Number(chaineEnNumerique(a)) + Number(chaineEnNumerique(b)), 0);

                // Injecter les valeurs dans le footer
                $(api.column(8).footer()).html(formatNumberPerf(valeur8));
                $(api.column(9).footer()).html(formatNumberPerf(valeur9));
                $(api.column(10).footer()).html(formatNumberPerf(valeur10));
                $(api.column(11).footer()).html(formatNumberPerf(valeur11));
                $(api.column(12).footer()).html(formatNumberPerf(valeur12));
                $(api.column(13).footer()).html(formatNumberPerf(valeur13));
                $(api.column(14).footer()).html(formatNumberPerf(valeur14));
                $(api.column(15).footer()).html(formatNumberPerf(valeur15));
                $(api.column(16).footer()).html(formatNumberPerf(valeur16));
                $(api.column(17).footer()).html(formatNumberPerf(valeur17));
                $(api.column(18).footer()).html(formatNumberPerf(valeur18));
                $(api.column(19).footer()).html(formatNumberPerf(valeur19));
                $(api.column(20).footer()).html(formatNumberPerf(valeur20));
                $(api.column(21).footer()).html(formatNumberPerf(valeur21));
                $(api.column(22).footer()).html(formatNumberPerf(valeur22));
                $(api.column(23).footer()).html(formatNumberPerf(valeur23));
                $(api.column(24).footer()).html(formatNumberPerf(valeur24));
                $(api.column(25).footer()).html(formatNumberPerf(valeur25));
                $(api.column(26).footer()).html(formatNumberPerf(valeur26));
            }

        })

        divShowPer = $('#tableListeRecapReception_length')
        let BroDivShowPer = divShowPer.parent().parent()

        let search = BroDivShowPer.children().eq(1).removeClass('col-md-6')
        search.addClass('col-md-4')
        let child = BroDivShowPer.children().eq(0).removeClass('col-md-6')
        child.addClass('d-flex pt-2 col-md-8')
        child.append(
            `
                <span class="d-flex align-items-center px-2" style="cursor : pointer;">
                            <i class='ri ri-file-excel-2-line text-success me-1' style="font-size : 18px; cursor : pointer;"></i>
                            <span id="btn-export-recap-reception" class="fw-bold" style="cursor : pointer;">Exporter</span>
                        </span>
                `
        )

        placeboutonPreferenceColonne('tableListeRecapReception', 'tableListeRecapReceptionShowColonne', 2)
recuperationPreferenceColonneUtilisateur('tableListeRecapReception','tableListeRecapReceptionShowColonne')
$(document).on('click', '.tableListeRecapReceptionShowColonne', function() {
   appliquerPreferenceColonne('tableListeRecapReception', 'tableListeRecapReception', $(this),'tableListeRecapReceptionShowColonne')
})

    </script>

    <script>
        $(document).ready(function() {

            listeRecapReception(
                $("#filtrePeriode").val(),
                $("#IDBUREAUACHAT").val(),
                $("#IDMODEEXPEDITION").val(),
                $("#IDFOURNISSEUR").val()
            )

            $("#btnFiltreTableRecapRecpt").click(function() {

                listeRecapReception(
                    $("#filtrePeriode").val(),
                    $("#IDBUREAUACHAT").val(),
                    $("#IDMODEEXPEDITION").val(),
                    $("#IDFOURNISSEUR").val()
                )

            })

            function listeLigneBonAttenteSelectionne() {

                let dataIdLigne = []
                let dataPack = []
                let valNow = ""
                let lignes = tableListeRtourAttente.rows().nodes()

                $.each($(lignes).find('#checkLigneAttente'), function(key, value) {
                    if (value.checked == true) {
                        dataIdLigne.push(value.getAttribute('data-id'))
                    }
                })
                return dataIdLigne
            }

            function listeRecapReception(filtrePeriode, IDBUREAUACHAT, IDMODEEXPEDITION, IDFOURNISSEUR) {
                $.ajax({
                    url: "{{ route('getListeRecapReception') }}",
                    type: 'POST',
                    data: {
                        filtrePeriode: filtrePeriode,
                        IDBUREAUACHAT: IDBUREAUACHAT,
                        IDMODEEXPEDITION: IDMODEEXPEDITION,
                        IDFOURNISSEUR: IDFOURNISSEUR,
                        _token: "{{ csrf_token() }}"
                    },
                    beforeSend: progressHandler(),
                    dataType: 'json',
                    success: function(response) {
                        console.log(response)


                        var columnMapping = {
                            "Element2": "DROIT DE DOUANE",
                            "Element3": "RSTA IMPORT",
                            "Element4": "PCS",
                            "Element5": "PCC",
                            "Element6": "Montant TVA",
                            "Element9": "",
                            "Element10": "PUA",
                            "Element11": "",
                            "Element12": "",
                            "Element13": "ASSURANCE",
                            "Element14": "",
                            "Element15": "",
                            "Element16": "",
                            "Element17": "",
                            "AutresTaxes": "Montant Transport",
                        };
                        var compte = 0

                        if (response.error == false) {
                            let Total_QteFactureeBL = 0
                            let Total_QteLivreeBL = 0
                            let Total_valPFHT = 0

                            data = response.donnee

                            let compte = 0
                            let inc = 1

                            // 

                            tableListeRecapReception.clear().draw()
                            $.each(response.donnee, function(key, value) {
                                // let valPFHT = parseFloat(value.QteFactureeBL) * parseFloat(value
                                //     .PrixAchatFHT)
                                // console.log(value.NumeroTracabilite)

                                tableListeRecapReception.row.add([
                                    value.NumeroBonLivraison,
                                    explodeDate(value.DateReceptionBonLivraison),
                                    value.NomFournisseur,
                                    value.NomNavireCompagnieAerienne,
                                    value.NumeroConteneurOuVol,
                                    formatNumberPerf(value.TotalHTBonLivraison),
                                    formatNumberPerf(value.TotalTaxeBonLivraison),
                                    formatNumberPerf(value.TotalTTCBonLivraison),
                                    formatNumberPerf(value.Element2),
                                    formatNumberPerf(value.Element3),
                                    formatNumberPerf(value.Element4),
                                    formatNumberPerf(value.Element5),
                                    formatNumberPerf(value.Element6),
                                    formatNumberPerf(value.MontantMedicament),
                                    formatNumberPerf(value.MontantParaphamacie),
                                    formatNumberPerf(value.MontantLaitFarine),
                                    formatNumberPerf(value.MontantDivers),
                                    formatNumberPerf(value.Element9),
                                    formatNumberPerf(value.Element10),
                                    formatNumberPerf(value.Element11),
                                    formatNumberPerf(value.Element12),
                                    formatNumberPerf(value.Montant_Assurance),
                                    formatNumberPerf(value.Element14),
                                    formatNumberPerf(value.Element15),
                                    formatNumberPerf(value.Element16),
                                    formatNumberPerf(value.Element17),
                                    formatNumberPerf(value.CoutTransportBonLivraison),
                                ])

                                // Total_QteFactureeBL += parseFloat(value.QteFactureeBL)
                                // Total_QteLivreeBL += parseFloat(value.QteLivreeBL)
                                // Total_valPFHT += parseFloat(valPFHT)
                            })


                            tableListeRecapReception.draw()

                            let PaysSociete = "{{ session()->get('CodeIsoPays') }}"
                            if (PaysSociete == "TG") {
                                columnMapping["Element4"] = "PC"
                                columnMapping["Element9"] = "CPVI"
                                columnMapping["Element11"] = "PNS"
                            }
                            if (PaysSociete == "BF") {
                                columnMapping["Element3"] = "RS"
                                columnMapping["Element9"] = "RIV"
                                columnMapping["Element12"] = "AUTRES"
                            }


                            tableListeRecapReception.columns().header().each(function(index) {
                                if (compte > 7) {
                                    inc++
                                    if (columnMapping[$(index).text()] != "") {
                                        if (columnMapping[$(index).text()] != undefined) {
                                            $(index).text(columnMapping[$(index)
                                                .text()]); // Met à jour le texte de l'en-tête
                                        }
                                    } else {
                                        tableListeRecapReception.column(compte).visible(false);
                                    }
                                }
                                compte++
                            });

                            completeHandler()
                            return 0
                        }
                        notifWarning(response.messages)
                        completeHandler()
                    },
                    error: function(response) {
                        console.log(response)
                        completeHandler()
                        notifError(response.responseJSON.messages)
                    }
                })
            }

            function genererPDF(value) {
                // Créez un objet blob à partir du PDF en base64
                var blob = b64toBlob(value, 'application/pdf');

                // Créez un objet URL pour le blob
                var blobUrl = URL.createObjectURL(blob);

                // Créez une fenêtre d'impression avec l'URL du blob
                // window.open(blobUrl);
                var printWindow = window.open(blobUrl);
            }

            $(document).on('click', '#btn-export-recap-reception', function() {
                var data = remplissage_avec_row_add_DataTable('tableListeRecapReception')
                const filename = file_name("RECAP_RECEPTION");
                download_excel_file('{{ route('export_global_excel.export') }}', data, filename, ['#'])
            })

        });
    </script>
@endsection