@extends('models')
@section('titre-page', 'Chèques rejétés')
@section('content-body')

@php 

    $DelaiPaiementPrestation = ProduitFacturationLabo();

@endphp

    <!-- Start::app-content -->
    <style>
        .height-input {
            height: 2.5rem !important;
        }
    </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-3 mt-2">
                    <nav>
                        <ol class="breadcrumb mb-0">
                            <li class="breadcrumb-item text-light"><a href="javascript:void(0);">prestation & outils</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Chèques rejétés</li>
                        </ol>
                    </nav>
                </div>

                <div class="col-xl-7 col-lg-8 col-md-9">
                    <div class="row">
                        <div class="col-xl-4 col-lg-4 col-sm-4 mx-0">
                            <button class="btn btn-secondary-light w-100 d-flex justify-content-center align-items-center" id="btnModalNouveauRejetBanque">
                                <i style="font-size:15px" class=" ri ri-add-circle-line me-1"></i>Ajouter
                            </button>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-sm-4 col-4 mx-0 px-0">
                            <button type="button" class="btn btn-primary w-100 ellipsis d-flex align-items-center justify-content-center" id="btnGenererFactureRejet" style="font-size:15px">
                                <i style="font-size:18px" class="bx bx-cog me-2"></i>Générer les factures de rejets
                            </button>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-sm-4 col-4">
                            <button type="button" class="btn btn-warning-light w-100" id="btnImprimerFactureRejet">
                                <i style="font-size:18px" class="bx bx-printer me-2"></i> Imprimer
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Page Header Close -->

    <div class="row">
        <div class="col-xl-12">
            <div class="card custom-card">
                <div class="card-header pe-0 pe-0">
                    <form id="formFiltre" class="w-100">
                        <div class="row w-100">
                            <div class="col-xl-3 col-md-3 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-md-2 mb-2">
                                <p class="mb-0 text-muted">Banque&nbsp;:</p>
                                <select class="form-select" id="selIDBANQUE" name="IDBANQUE">
                                    
                                </select>
                            </div>
                            <div class="col-xl-3 col-md-3 mb-0">
                                <p class="mb-0 text-muted">Client&nbsp;:</p>
                                <select class="js-example-basic-single form-select" id="IDCLIENT" name="IDCLIENT">

                                </select>
                            </div>
                            <div class="col-xl-1 col-md-1 mb-0 pt-1">
                                <button type="button" class="btn btn-primary btn-wave mt-2  float-end" id="btnFiltreTable">
                                    <i class="ri-search-line" style="font-size:13px; cursor:pointer;"></i>
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="card-body">
                    <div class="table-responsive">
                        <table class="tablehover table table-striped text-nowrap w-100 overflow-auto" id="tableFactureDeRejet">
                            <thead class="table-header-primary">
                                <tr>
                                    <th data-orderable="false" data-column="action">
                                        <input class="form-check-input me-4" type="checkbox" id="checkSelectAll">
                                    </th>
                                    <th class="text-center colTable" data-column="NumeroFraisRejet" data-class="text-center">N° Rejet</th>
                                    <th class="text-center colTable" data-column="DateRejetBanqueFormat" data-class="text-center">Date de rejet</th>
                                    <th class="text-center colTable" data-column="NomBanque">Banque</th>
                                    <th class="text-center colTable" data-column="MontantRejetBanqueFormat" data-class="text-end pe-2">Frais de rejet</th>
                                    <th class="text-center colTable" data-column="NumeroReglementClient" data-class="text-center">N° Règlement</th>
                                    <th class="text-center colTable" data-column="CodeClient">Code Client</th>
                                    <th class="text-center colTable" data-column="NomClient">Nom du Client</th>
                                    <th class="text-center colTable" data-column="ReferenceReglementClient">N° Pièce ou Observations</th>
                                    <th class="text-center colTable" data-column="NumeroAutresFacture" data-class="text-center">N° Facture</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End::app-content -->

    {{-- Section modal --}}
    <div class="modal fade bd-example-modal-sm" id="modalRejetBanque" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" data-bs-focus="false">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h6 class="modal-title" id="staticBackdropLabel2">Rejet Banque</h6>
                    <button type="button" class="btn-close  bg-light" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form id="formModalRejetBanque" class="w-100">
                        <input type="number" id="inpIDREJET_BANQUE" name="IDREJET_BANQUE" style="display: none;">
                        <input type="number" id="inpIDAUTRESFACTURE_CLIENT" name="IDAUTRESFACTURE_CLIENT" style="display: none;">
                        <div class="row">
                            <div class="col-md-12 mb-2">
                                <p class="text-muted mb-0">Client&nbsp;:</p>
                                <select name="IDCLIENT" id="selIDCLIENTModalRejetBanque"></select>
                            </div>
                            <div class="col-md-4 mb-2">
                                <p class="text-muted mb-0">N° Règlement : </p>
                                <select id="selIDREGLEMENTCLIENTModalRejetBanque" name="IDREGLEMENTCLIENT" class="form-select"></select>
                            </div>
                            <div class="col-md-4 mb-2">
                                <p class="text-muted mb-0">Date de saisie : </p>
                                <input type="date" class="form-control" id="inpDateDeSaisie" name="DateDeSaisie" value="">
                            </div>
                            <div class="col-md-4 mb-2">
                                <p class="text-muted mb-0">Montant du rejet : </p>
                                <input type="text" class="form-control numberInput text-end pe-2" name="MontantRejete" id="inpMontantRejete" value="0">
                            </div>
                            <div class="col-md-12 mb-2">
                                <p class="text-muted mb-0">N° Pièce ou observation : </p>
                                <textarea name="ReferenceReglementClient" id="inpReferenceReglementClient" class="form-control" rows="5"></textarea>
                            </div>
                            <div class="col-md-4 mb-2">
                                <p class="text-muted mb-0">Banque : </p>
                                <select name="IDBANQUE" id="selIDBANQUEModalRejetBanque" class="form-select" value="0"></select>
                            </div>
                            <div class="col-md-4 mb-2">
                                <p class="text-muted mb-0">Date de Rejet : </p>
                                <input type="date" class="form-control" id="inpDateRejetBanque" name="DateRejetBanque" value="{{ date('Y-m-d') }}">
                            </div>
                            <div class="col-md-4 mb-2">
                                <p class="text-muted mb-0">Montant Frais : </p>
                                <input type="text" class="form-control numberInput text-end pe-2" name="MontantRejetBanque" id="inpMontantRejetBanque" value="0">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-success" id="btnAjouterFactureRejet">
                        <i class='bx bx-check-circle'></i>
                        Valider
                    </button>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('script')

    {{-- Script executé au chargement de la page --}}
    <script>

        var tableFactureDeRejet

        // liste des colones masquables de la table liste des clients
        listeColonnes = $('.colTable')

        function fnShowHide(iCol) {
            /* Get the DataTables object again - this is not a recreation, just a get of the object */
            var oTable = $('#tableFactureDeRejet').dataTable();

            var bVis = oTable.fnSettings().aoColumns[iCol].bVisible;
            oTable.fnSetColumnVis(iCol, bVis ? false : true);
        }

        $(function() {
            $('input[name="datetimes"]').daterangepicker({
                timePicker: false,
                startDate: "{{ date('01/01/Y') }}", // Date de début par défaut
                endDate: "{{ date('d/m/Y') }}",   // Date de fin par défaut
                "locale": {
                    "format": "DD/MM/YYYY",
                    "separator": " - ",
                    "applyLabel": "Appliquer",
                    "cancelLabel": "Annuler",
                    "fromLabel": "From",
                    "toLabel": "To",
                    "customRangeLabel": "Custom",
                    "weekLabel": "W",
                    "daysOfWeek": [
                        "Dim",
                        "Lun",
                        "Mar",
                        "Mer",
                        "Jeu",
                        "Ven",
                        "Sam"
                    ],
                    "firstDay": 1
                },
            });
        })

        function listeDesBanques(){

            return new Promise((resolve, reject) => {

                $.ajax({

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

                        if (response.success != 1) {

                            notifError(response.msg)
                        }

                        resolve(response)

                        completeHandler()
                    },
                    error : function(){

                        notifError('Échec de l\'opération.')
                        completeHandler()
                        reject()
                    }
                })
            })
        }

        listeDesBanques()
            .then((response) => {

                if (response.success == 1) {
                    
                    let data = response.data

                    data.unshift({
                        IDBANQUE : 0,
                        NomBanque : 'TOUTES LES BANQUES',
                        MontantRejetBanque : 0
                    })                    

                    populateSelect('#selIDBANQUE', {

                        data : data,
                        valueKey : 'IDBANQUE',
                        textKey : 'NomBanque'
                    })

                    $('#selIDBANQUE').select2()

                    let additionalAttributes = {
                        'data-montantrejetbanque': function(option) { return option.MontantRejetBanque; }
                    }

                    data[0].NomBanque = ''

                    populateSelect('#selIDBANQUEModalRejetBanque', {

                        data : data,
                        valueKey : 'IDBANQUE',
                        textKey : 'NomBanque',
                        additionalAttributes : additionalAttributes
                    })

                    $('#selIDBANQUEModalRejetBanque').select2({
                        dropdownParent : $('#modalRejetBanque')
                    })
                }
            })

        function chargerSelectClient(valeur) {

            listingComboClient('#IDCLIENT', 'TOUS LES CLIENTS')
                .then((response) => {

                    $('#IDCLIENT').select2()
                    $('#IDCLIENT').val(valeur).trigger('change')

                    let data = response

                    data.unshift({
                        IDCLIENT : 0,
                        NomClient : ''
                    })

                    populateSelect('#selIDCLIENTModalRejetBanque', {
                        data : data,
                        valueKey : 'IDCLIENT',
                        textKey : 'NomClient'
                    })

                    $('#selIDCLIENTModalRejetBanque').select2({
                        dropdownParent : $('#modalRejetBanque')
                    })
                })
        }

        function recuperationFraisDeRejet(data = {}){

            return new Promise((resolve, reject) => {

                $.ajax({

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

                        if (response.success != 1) {

                            notifError(response.msg)
                        }

                        resolve(response)

                        completeHandler()
                    },
                    error : function(){

                        notifError('Échec de l\'opération.')
                        completeHandler()
                        reject()
                    }
                })
            })
        }

        function chargerTableListeFraisDeRejet(data = {}){

            recuperationFraisDeRejet(data)
                .then((response) => {

                    if (response.success == 1) {
                        
                        let data = response.data

                        tableFactureDeRejet = remplissageDataTable({
                                                    IdentifiantDuTableau : '#tableFactureDeRejet',
                                                    obj : data,
                                                    pageLength : 25,
                                                })

                        divShowPer = $('#tableFactureDeRejet_filter')

                        BroDivShowPer = divShowPer.parent().prev()
                        BroDivShowPer.addClass('d-flex pt-2')
                        BroDivShowPer.prepend('<i id="suppLignesCochee" class="bx bxs-trash text-danger me-1 mt-2" style="font-size : 18px; cursor : pointer;"></i><span id="labelSuppLignesCochee" class="fw-bold mt-2 me-3" style="cursor : pointer;">Supprimer les lignes cochées</span>')
                    }
                })
        }

        $(document).on('click', '.showCol', function() {

            fnShowHide($(this).attr('valeur'))
        })

        function listeLigneSelectionne() {

            let data = []

            let lignes = tableFactureDeRejet.rows().nodes()

            $.each($(lignes).find('.checkSelectLigne'), function(key, value) {

                if (value.checked == true) {
                    data.push(value.getAttribute('data-id'))
                }
            })
            return data
        }

        chargerSelectClient(0)

        dataChargement = {
            dateDebut : "{{ date('Y-01-01')}}",
            dateFin : "{{ date('Y-m-d')}}",
            IDCLIENT : 0,
            IDBANQUE : 0
        }

        chargerTableListeFraisDeRejet(dataChargement)

        // function imprimerFactureRejet(data){

        //     $.ajax({

        //         url: '{{ route("imprimerFactureRejet") }}',
        //         type: 'POST',
        //         data: {

        //             data: data,
        //             _token : '{{ csrf_token() }}'
        //         },
        //         dataType: 'json',
        //         beforeSend: progressHandler(),
        //         success: function (response) {

        //             if (response.success == 1) {

        //                 if (response.tablePDF.length > 0) {

        //                     response.tablePDF.forEach(function (value) {

        //                         // Récupérez le PDF en base64 depuis la réponse
        //                         var pdfBase64 = value;

        //                         // Créez un objet blob à partir du PDF en base64
        //                         var blob = b64toBlob(pdfBase64, '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
        //                         var printWindow = window.open(blobUrl);
        //                         // printWindow.print();
        //                     })
        //                 } else {

        //                     notif('danger', 'Erreur', 'Aucun pdf n\'a été chargé')
        //                 }
        //             } else {

        //                 notifError(response.msg)
        //             }

        //             completeHandler()
        //         },
        //         error: function (error) {

        //             notifError(error.responseText);
        //             completeHandler()
        //         }
        //     })
        // }

    </script>

    <!-- Script de sélection des lignes -->
    <script>
        
        _('checkSelectAll').addEventListener('click', function() {

            let value = this.checked

            let lignes = tableFactureDeRejet.rows().nodes()

            $(lignes).find('.checkSelectLigne').prop('checked', value)
        })

        $(document).on('click', '.checkSelectLigne', function() {

            if (_('checkSelectAll').checked == true) {
                _('checkSelectAll').checked = false
            }
        })
    </script>

    <!-- Script d'actualisation du tableau -->
    <script>

        _('formFiltre').addEventListener('submit', function(e){

            e.preventDefault()
            _('btnFiltreTable').click()
        })

        // Click sur le boutton de refresh
        _('btnFiltreTable').addEventListener('click', function() {

            let Periode = convertirFormatDate2(_('filtrePeriode').value)

            let dataFiltre = {

                'dateDebut' : Periode[0],
                'dateFin' : Periode[1],
                'IDCLIENT' : _('IDCLIENT').value,
                'IDBANQUE' : $('#selIDBANQUE').val()
            }

            chargerTableListeFraisDeRejet(dataFiltre)
        })
    </script>

    <!-- Script de nouveau rejet banque -->
    <script>

        function newModifFactureRejet(){

            let formModalRejetBanque = new FormData(_('formModalRejetBanque'))
            formModalRejetBanque.append('_token', '{{ csrf_token() }}')

            return new Promise((resolve, reject) => {

                $.ajax({

                    url : "{{ route('newModifFactureRejet') }}",
                    type : 'POST',
                    data : formModalRejetBanque,
                    contentType : false,
                    processData : false,
                    dataType : 'json',
                    beforeSend : progressHandler(),
                    success : function(response){

                        if (response.success != 1) {

                            notifError(response.msg)
                        }

                        resolve(response)

                        completeHandler()
                    },
                    error : function(){

                        notifError('Échec de l\'opération.')
                        completeHandler()
                        reject()
                    }
                })
            })
        }

        function remplirSelectNumeroReglement(IDCLIENT){

            return new Promise((resolve, reject) => {

                $.ajax({

                    url : "{{ route('remplirSelectNumeroReglement') }}",
                    type : 'GET',
                    data : {
                        IDCLIENT : IDCLIENT
                    },
                    dataType : 'json',
                    beforeSend : progressHandler(),
                    success : function(response){

                        if (response.success != 1) {

                            notifError(response.msg)
                        }

                        resolve(response)

                        completeHandler()
                    },
                    error : function(){

                        notifError('Échec de l\'opération.')
                        completeHandler()
                        reject()
                    }
                })
            })
        }

        function genererFactureRejetController(data){

            return new Promise((resolve, reject) => {

                $.ajax({

                    url : "{{ route('genererFactureRejetController') }}",
                    type : 'POST',
                    data : {
                        data : data,
                        _token : '{{ csrf_token() }}'
                    },
                    // contentType : false,
                    // processData : false,
                    dataType : 'json',
                    beforeSend : progressHandler(),
                    success : function(response){

                        if (response.success != 1) {

                            notifError(response.msg)
                        }

                        resolve(response)

                        completeHandler()
                    },
                    error : function(){

                        notifError('Échec de l\'opération.')
                        completeHandler()
                        reject()
                    }
                })
            })
        }

        function genererFactureRejetControllerFinal(data){

            genererFactureRejetController(data)
                .then((response) => {

                    if (response.success == 1) {

                        let listeIDAUTRESFACTURE_CLIENT = response.listeIDAUTRESFACTURE_CLIENT
                        
                        imprimerFactureRejet(listeIDAUTRESFACTURE_CLIENT)

                        if (listeIDAUTRESFACTURE_CLIENT.length > 0) {
                            
                            _('btnFiltreTable').click()
                        }
                    }
                })
        }

        $('#selIDCLIENTModalRejetBanque').on('change', function(){

            $('#selIDREGLEMENTCLIENTModalRejetBanque').html('')

            if (this.value > 0) {
                
                remplirSelectNumeroReglement(this.value)
                    .then((response) => {

                        if (response.success == 1) {

                            let additionalAttributes = {
                                'data-datesaisie': function(option) { return option.DateReceptionReglementClient; },
                                'data-montantrejete': function(option) { return option.MontantReglementClient; },
                                'data-numeropiece': function(option) { return option.ReferenceReglementClient; }
                            }
                            
                            let data = response.data

                            data.unshift({
                                IDREGLEMENTCLIENT : 0,
                                NumeroReglementClient : '',
                                DateReceptionReglementClient : '',
                                MontantReglementClient : 0,
                                ReferenceReglementClient : ''
                            })

                            populateSelect('#selIDREGLEMENTCLIENTModalRejetBanque', {
                                data : data,
                                valueKey : 'IDREGLEMENTCLIENT',
                                textKey : 'NumeroReglementClient',
                                additionalAttributes : additionalAttributes
                            })

                            $('#selIDREGLEMENTCLIENTModalRejetBanque').select2({
                                dropdownParent : $('#modalRejetBanque')
                            })
                        }
                    })
            }
        })

        // Script de sélection d'un rêglement
        $('#selIDREGLEMENTCLIENTModalRejetBanque').on('change', function(){

            const selectedOption = $(this).find('option:selected');

            // Assurez-vous que l'élément existe et récupérez les attributs
            const dateSaisie = selectedOption.attr('data-datesaisie') || '';
            const montantRejete = selectedOption.attr('data-montantrejete') || '0';
            const ReferenceReglementClient = selectedOption.attr('data-numeropiece') || '';

            // Mettez à jour les champs avec des vérifications supplémentaires
            $('#inpDateDeSaisie').val(dateSaisie);
            $('#inpMontantRejete').val(montantRejete);
            $('#inpReferenceReglementClient').val(ReferenceReglementClient);

            // Déclenchez l'événement sur les champs nécessaires
            $('.numberInput').trigger('input');
        })

        // Script de sélection d'une banque
        $('#selIDBANQUEModalRejetBanque').on('change', function(){

            const selectedOption = $(this).find('option:selected');

            // Assurez-vous que l'élément existe et récupérez les attributs
            const MontantRejetBanque = selectedOption.attr('data-montantrejetbanque') || '0';
            $('#inpMontantRejetBanque').val(MontantRejetBanque)            

            // Déclenchez l'événement sur les champs nécessaires
            $('.numberInput').trigger('input');
        })

        // Ouverture en ajout
        _('btnModalNouveauRejetBanque').addEventListener('click', function(){

            _('formModalRejetBanque').reset()
            $('#selIDBANQUEModalRejetBanque').val(0).trigger('change')
            $('#selIDCLIENTModalRejetBanque').val(0).trigger('change')
            $('#modalRejetBanque').modal('show')
        })

        // Ouverture en modification
        $(document).on('click', '#editFraisDeRejet', function(){

            let IDREJET_BANQUE = $(this).attr('data-id')

            recuperationFraisDeRejet({IDREJET_BANQUE : IDREJET_BANQUE})
                .then((response) => {

                    if (response.success == 1) {
                        
                        let data = response.data

                        remplirLeForm('formModalRejetBanque', data)
                        $('#modalRejetBanque').modal('show')

                        setTimeout(() => {
                            $('#selIDREGLEMENTCLIENTModalRejetBanque').val(data.IDREGLEMENTCLIENT).trigger('change')
                            $('.numberInput').trigger('input')
                        }, 500);
                    }
                })
        })

        _('btnAjouterFactureRejet').addEventListener('click', function(){

            if (_('inpIDAUTRESFACTURE_CLIENT').value != 0 && _('inpIDAUTRESFACTURE_CLIENT').value.replace(/\s/g, '') != '') {
                
                notif('danger', 'Erreur', 'Le rejet a été déjà facturée.Il est impossible de le modifier.')
                return 0
            }

            if (_('selIDCLIENTModalRejetBanque').value == 0) {
                
                notif('danger', 'Erreur', 'Veuillez sélectionner un Client, SVP !')
                return 0
            }

            if (_('selIDBANQUEModalRejetBanque').value == 0) {
                
                notif('danger', 'Erreur', 'Veuillez sélectionner une Banque, SVP !')
                return 0
            }
            
            if (_('inpMontantRejete').value == 0 || _('inpMontantRejete').value.replace(/\s/g, '') == '') {
                
                notif('danger', 'Erreur', 'Veuillez sélectionner une Banque, SVP !')
                return 0
            }

            confirmMdp('{{ csrf_token() }}', newModifFactureRejet, null, 'Confirmer l\'opération', { sousTitre: '', infoJNL: "CREATION/MODIFICATION DE REJET DE BANQUE", typeJNL: 3, CodeDroit: "DC_ReglementClient" })
                .then((response) => {

                    if (response.success == 1) {

                        let IDREJET_BANQUE = response.IDREJET_BANQUE
                        
                        Swal.fire({

                            title: 'Voulez-vous générer la facture ?',
                            // text: 'Seules les commandes non collectées seront supprimées.',
                            icon: 'warning',
                            showCancelButton: true,
                            customClass: {
                                confirmButton: 'btn btn-danger ms-2'
                            },
                            cancelButtonColor: '#d33',
                            confirmButtonText: 'Oui',
                            cancelButtonText: 'Non'

                        }).then((result) => {

                            if (result.isConfirmed) {

                                genererFactureRejetControllerFinal([IDREJET_BANQUE])
                                _('btnFiltreTable').click()
                                $('#modalRejetBanque').modal('hide')
                            }else{

                                _('btnFiltreTable').click()
                                $('#modalRejetBanque').modal('hide')
                            }
                        })
                    }
                })
        })
    </script>

    <!-- Script d'impression -->
    <script>

        function imprimerFactureRejet(data){

            $.ajax({

                url: '{{ route("imprimerFactureRejet") }}',
                type: 'POST',
                data: {

                    data: data,
                    _token : '{{ csrf_token() }}'
                },
                dataType: 'json',
                beforeSend: progressHandler(),
                success: function (response) {

                    if (response.success == 1) {

                        if (response.tablePDF.length > 0) {

                            response.tablePDF.forEach(function (value) {

                                // Récupérez le PDF en base64 depuis la réponse
                                var pdfBase64 = value;

                                // Créez un objet blob à partir du PDF en base64
                                var blob = b64toBlob(pdfBase64, '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
                                var printWindow = window.open(blobUrl);
                                // printWindow.print();
                            })
                        } else {

                            notif('danger', 'Erreur', 'Aucun pdf n\'a été chargé')
                        }
                    } else {

                        notifError(response.msg)
                    }

                    completeHandler()
                },
                error: function (error) {

                    notifError(error.responseText);
                    completeHandler()
                }
            })
        }

        function listeDesIndexes() {

            let indexes = [];

            let lignes = tableFactureDeRejet.rows().nodes();

            $.each($(lignes).find('.checkSelectLigne').filter(':checked'), function(key, value) {
                // if (value.checked == true) {
                    // Récupérer l'index de la ligne
                    let rowIndex = tableFactureDeRejet.row($(value).closest('tr')).index();
                    indexes.push(rowIndex);
                // }
            });

            return indexes;
        }

        function printRejetFactureSelectionne(){

            let ligneSelectionne = listeDesIndexes()
            let data = []

            if (ligneSelectionne.length == 0) {
                
                notif('danger', 'Erreur', 'Veuillez sélectionner des lignes à imprimer')
                return 0
            }

            ligneSelectionne.forEach(element => {
                
                data.push(tableFactureDeRejet.row(element).data())
            });

            return new Promise((resolve, reject) => {

                $.ajax({

                    url : "{{ route('printRejetFactureSelectionne') }}",
                    type : 'POST',
                    data : {

                        data : data,
                        periode : _('filtrePeriode').value.replace('-', 'au'),
                        NomClient : afficherOptionSelectionnee('IDCLIENT'),
                        Banque : afficherOptionSelectionnee('selIDBANQUE'),
                        nbreLigneTT : tableFactureDeRejet.rows().count(),
                        _token : '{{ csrf_token() }}'
                    },
                    dataType : 'json',
                    beforeSend : progressHandler(),
                    success : function(response){

                        if (response.success == 1 ) {
                            
                            if (response.tablePDF.length > 0) {

                                response.tablePDF.forEach(function (value) {

                                    // Récupérez le PDF en base64 depuis la réponse
                                    var pdfBase64 = value;

                                    // Créez un objet blob à partir du PDF en base64
                                    var blob = b64toBlob(pdfBase64, '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
                                    var printWindow = window.open(blobUrl);
                                    // printWindow.print();
                                })
                            } else {

                                notif('danger', 'Erreur', 'Aucun pdf n\'a été chargé')
                            }
                        } else {

                            notifError(response.msg)
                        }

                        completeHandler()
                    },
                    error : function(){

                        notifError('Échec de l\'opération.')
                        completeHandler()
                    }
                })
            })
        }

        _('btnImprimerFactureRejet').addEventListener('click', function(){

            // const maListeLigne = () => {

            //     let data = []

            //     let lignes = tableFactureDeRejet.rows().nodes()

            //     $.each($(lignes).find('.checkSelectLigne'), function(key, value) {

            //         if (value.checked == true) {

            //             console.log(value.getAttribute('data-idautresfactureclient'));
                        

            //             if (value.getAttribute('data-idautresfactureclient') != null && value.getAttribute('data-idautresfactureclient').replace(/\s/g, '') != '') {
            //                 data.push(value.getAttribute('data-idautresfactureclient'))
            //             }
            //         }
            //     })
            //     return data
            // }

            // let listeLigne = maListeLigne()

            // if (listeLigne.length <= 0) {
                
            //     notif('danger', 'Erreur', 'Veuillez sélectionner les lignes à imprimer.')
            //     return 0
            // }

            printRejetFactureSelectionne()
        })
    </script>

    <!-- Script de génération de facture -->
    <script>

        _('btnGenererFactureRejet').addEventListener('click', function(){

            let data = listeLigneSelectionne()

            if (data.length <= 0) {
                
                notif('danger', 'Erreur', 'Veuillez sélectionner les lignes de facture à générer.')
                return 0
            }

            const GenererFactureRejetPreDef = () => {

                genererFactureRejetControllerFinal(data)
            }

            confirmMdp('{{ csrf_token() }}', GenererFactureRejetPreDef, null, 'Confirmer l\'opération', { sousTitre: 'Voulez-vous générer les factures des frais de rejet de banque', infoJNL: "GENERATION DES FACTURES DE FRAIS REJET DE BANQUE", typeJNL: 3, CodeDroit: "DV_ReleveFactures" })
                
        })
    </script>

    <!-- Suppression de frais de rejet -->
    <script>

        function supprimeFraisDeRejet(){

            return new Promise((resolve, reject) => {

                $.ajax({

                    url : "{{ route('supprimeFraisDeRejet') }}",
                    type : 'POST',
                    data : {
                        data : listeLigneSelectionne(),
                        _token : '{{ csrf_token() }}'
                    },
                    dataType : 'json',
                    beforeSend : progressHandler(),
                    success : function(response){

                        if (response.success != 1) {

                            notifError(response.msg)
                        }

                        resolve(response)

                        completeHandler()
                    },
                    error : function(){

                        notifError('Échec de l\'opération.')
                        completeHandler()
                        reject()
                    }
                })
            })
        }

        $(document).on('click', '#suppLignesCochee', function(){

            if (listeLigneSelectionne().length <= 0) {
                
                notif('danger', 'Erreur', 'Veuillez sélectionner les lignes à supprimer.')
                return 0
            }

            confirmMdp('{{ csrf_token() }}', supprimeFraisDeRejet, null, 'Voulez-vous supprimer les rejets sélectionnés ?', { sousTitre: 'les rejets liés ne seront pas supprimé(s).', infoJNL: "SUPPRESSION DE REJET DE BANQUE", typeJNL: 3, CodeDroit: "DG_PeutSuppirmer" })
                .then((response) => {

                    if (response.success == 1) {
                        
                        notif('success', 'Succès', 'Opération éffectuée avec succès')
                        _('btnFiltreTable').click();
                    }
                })
        })

        $(document).on('click', '#labelSuppLignesCochee', function(){

            $('#suppLignesCochee').click()
        })
    </script>

@endsection