@include('../header')

<main class="main" id="top">

    @include('../navigation')

    <div class="content">

        <div class="d-flex justify-content-between">
            <h4> <i class="fas fa-fan"></i> Listes des règléments prestataire</h4>
            <div class="d-flex">
                
                    <button type="button" id="ImprimerListeReglementPrestataire" style="margin-right:8px;"  class="btn btn-warning btn-sm rounded-pill"><i data-feather="printer"></i>
                        Impression
                    </button>
                <button type="button" id="BtnAppelModalReglementPresrataire" class="btn btn-success btn-sm rounded-pill"
                    data-bs-toggle="modal" data-bs-target="#ModalReglementPrestataire"><i data-feather="plus-circle"></i>
                    Ajouter
                </button>
            </div>
        </div>
        <hr>

        <br>
        <div class="d-flex justify-content-center flex-wrap animate__animated animate__zoomIn">

            <div style="margin-right:10px;">
                <p class="Nomask fs-1">Montant total : <span class="text-warning fs-1" id="MontantTotal"></span> </p>
                <p class="mask" style="display:none;">Montant Total : <span class="text-warning fs-1">***** F</span>
                </p>
            </div>

            <div style="margin-right:10px;">
                <p class="Nomask fs-1">Total utilisé : <span class="text-success fs-1" id="TotalRegle"></span></p>
                <p class="mask" style="display:none;">Total utilisé : <span class="text-success fs-1">***** F</span>
                </p>
            </div>

            <div style="margin-right:10px;">
                <p class="Nomask fs-1">Solde : <span class="text-danger fs-1" id="TotalRestant"></span></p>
                <p class="mask" style="display:none;">Solde : <span class="text-danger fs-1">***** F</span></p>
            </div>

            <div>
                <p><i class="fa fa-eye-slash fs-2 mt-1 cursor-pointer masquerTotaux"></i></p>
                <i class="fa fa-eye fs-2 cursor-pointer voirTotaux" style="display:none;"></i>
            </div>
        </div>

        <br>

        <div class="card card-shadow mb-3">
            <div class="card-body">

                <div class="table-responsive">
                    <table id="ReglementPrestataireTable" class="table table-striped w-100">
                        <thead class="tableauEntete">
                            <tr>
                                <th>Actions</th>
                                <th>Date</th>
                                <th>Référence Automatique</th>
                                <th>Référence Manuelle</th>
                                <th>Prestataire</th>
                                <th>Mode règlement</th>
                                <th>Numero chèque</th>
                                <th>Banque</th>
                                <th>Statut</th>
                                <th>Montant</th>
                                <th>Total utilisé</th>
                                <th>Solde</th>
                                <th>Infos création</th>

                            </tr>
                        </thead>

                    </table>
                </div>

                {{-- <div class="modal fade" id="ModalReglementPrestataire" data-bs-backdrop="static"
                    data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
                    <div class="modal-dialog modal-lg">
                        <div class="modal-content">
                            <div class="modal-header modal-header-Bg">
                                <h5 class="modal-title text-white" id="modalTitre"></h5>
                                <button class="btn p-1 CloseModalBtn FermerCreation" type="button"><span
                                        class="fas fa-times fs--1 text-white"></span></button>
                                <button type="button" class="btn btn-outline-danger CloseModalBtn FermerModification"
                                    id="FermerModification" style="display:none">Fermer</button>
                            </div>
                            <div class="modal-body">
                                <form class="formReglementPrestataireAdd  needs-validation p-0" method="POST"
                                    novalidate>

                                    @include('OPERATIONS/FORMS/reglementPrestataireForm')

                            </div>
                            <div class="modal-footer">

                                <button class="btn btn-outline-danger FermerCreation" type="button">Fermer</button>
                                <button type="button" class="btn btn-outline-danger FermerModification" id="FermerModification" style="display:none">Fermer</button>
                            
                                <button class="btn btn-success" type="submit">Enregistrer</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div> --}}
                
        <div class="modal fade" id="ModalFaireReglementPrestataire" tabindex="-1" aria-labelledby="staticBackdropLabel"
                 aria-hidden="true">
               <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header modal-header-Bg">
                        <h5 class="modal-title text-white" id="staticBackdropLabel">Utilisation de règlement</h5><button
                            class="btn p-1 CloseModalBtn" type="button" data-bs-dismiss="modal"
                            aria-label="Close"><span class="fas fa-times fs--1 text-white"></span></button>
                    </div>
                    <div class="modal-body">
                        <form class="formReglementLigneprestataireAdd  needs-validation p-0" method="POST" novalidate>
                                 @include('OPERATIONS/FORMS/ReglementLignePrestataireForm')
                         </form>
                        <div class="card card-shadow mt-4">
                        <div class="card-body">
                            <div class="table-responsive">
                            <table id="TableReglementLignePrestataire" class="table table-striped w-100">
                                <thead>
                                    <tr>
                                        <th>Actions</th>
                                        <th>Réference facture</th>
                                        <th>Date opération</th>
                                        <th>Montant</th>
                                        {{-- <th>MontantMasquer</th> --}}
                                        <th>Date de Créarion</th>
                                    </tr>
                                </thead>
                            </table>
                         </div>
                        </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-outline-danger" type="button" data-bs-dismiss="modal">Fermer</button>                       
                    </div>
                </div>
            </div>
        </div>
            </div>
        </div>

        @include('../primary_footer')

    </div>
</main>

@include('../footer')

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

        $('.nomPage').text('Reglement prestataire')

        $('.modal').each(function() {
            $(this).find('.Pselect2X').select2({
                dropdownParent: $(this),
                width: '100%' 
            });
        });
       
        $("#ReglementPrestataireTable").DataTable({
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                info: "Affichage de ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                infoEmpty: "Affichage de ligne 0 &agrave; 0 sur 0&nbsp;lignes",
                infoFiltered: "(filtr&eacute; de _MAX_&nbsp;lignes au total)",
                infoPostFix: "",
                loadingRecords: "Chargement en cours...",
                zeroRecords: "Aucun &eacute;l&eacute;ment &agrave; afficher",
                emptyTable: '<img src="assets/img/spot-illustrations/empty.png" style="width:500px;"/><br>Aucune donnée disponible dans le tableau',

                paginate: {
                    first: "",
                    previous: "Pr&eacute;c&eacute;dent",
                    next: "Suivant",
                    last: ""
                },
                aria: {
                    sortAscending: ": activer pour trier la colonne par ordre croissant",
                    sortDescending: ": activer pour trier la colonne par ordre décroissant"
                }
            },
            pagingType: 'full_numbers',
            pageLength: 25,
            columnDefs: [{
                    targets: [0, 1, 3],
                    className: 'text-center'
                },
                {
                    targets: [4],
                    className: 'tblWidth-1'
                },
                {
                    targets: [9, 10, 11],
                    className: 'tblWidth-3 text-end'
                },

                {
                    targets: [8],
                    className: 'tblWidth-3 text-center'
                },

                {
                    targets: [2, 3, 5, 6, 7],
                    className: 'tblWidth-2 text-center'
                },
                  {
                    targets: [12],
                    className: 'tblWidth-2'
                }

            ]
        });

    
        $("#TableReglementLignePrestataire").DataTable({
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                info: "Affichage de ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                infoEmpty: "Affichage de ligne 0 &agrave; 0 sur 0&nbsp;lignes",
                infoFiltered: "(filtr&eacute; de _MAX_&nbsp;lignes au total)",
                infoPostFix: "",
                loadingRecords: "Chargement en cours...",
                zeroRecords: "Aucun &eacute;l&eacute;ment &agrave; afficher",
                emptyTable: '<img src="assets/img/spot-illustrations/empty.png" style="width:500px;"/><br>Aucune donnée disponible dans le tableau',

                paginate: {
                    first: "",
                    previous: "Pr&eacute;c&eacute;dent",
                    next: "Suivant",
                    last: ""
                },
                aria: {
                    sortAscending: ": activer pour trier la colonne par ordre croissant",
                    sortDescending: ": activer pour trier la colonne par ordre décroissant"
                }
            },
            pagingType: 'full_numbers',
            pageLength: 10,
             columnDefs: [
                {
                    targets: [0, 1, 2],
                    className: 'text-center'
                },
                
                {
                    targets: [3],
                    className: 'tblWidth-3 text-end'
                },
               

            ]
           
        });

        var modificationDocumentStatut = false;
        recuperationTypedePiece();
        GetPrestataire();
        recuperationReglementPrestataire();

        $('#BtnAppelModalReglementPresrataire').on('click',function(){
             $('#modalTitre').text('Nouveau règlément')
             $('.formReglementPrestataireAdd')[0].reset();
              referenceReglementPrestataire();

        })

        $('#formReglementPrestataireAdd').on('submit', function(e) {

            if (!$(this)[0].checkValidity()) {

                $(this).addClass('was-validated'); // Ajoutez la classe 'was-validated' pour activer les styles de validation Bootstrap
                e.preventDefault(); // Empêchez la soumission normale du formulaire
                e.stopPropagation(); // Arrêtez la propagation de l'événement
            } else {
                e.preventDefault();
                MesrequetesAjax("{{ Route('ReglementPrestataire.creer') }}", "POST", new FormData(this), false,
                    false, "JSON",
                    function(resp) {
                        Notification('Succès', resp.msg, 'top-right', 'success')
                          
                            if(resp.error){
                                Notification('Erreur', resp.msg, 'top-right', 'error')
                                return false
                            }
                        $('#ModalReglementPrestataire').modal('hide')
                        recuperationReglementPrestataire()
                        $('#formReglementPrestataireAdd').removeClass('was-validated');
                        $('#formReglementPrestataireAdd')[0].reset();

                    },
                    function(error) {},
                    function() {

                        if ($('#PrestataireSelect').val().length == 0) {
                            return false;
                        }
                         if ($('#ModeReglementSelect').val().length == 0) {
                            return false;
                        }

                        if ($('#montantReglement').val().length == 0) {
                            return false;
                        }
                    }
                )
            }
        })

        $('.formReglementLigneprestataireAdd').on('submit', function(e) {
            
            var SoldeReglement = $('#SoldeReglementL').text().replace(/\s/g,'')
            var SoldeNumerique = parseInt(SoldeReglement);
            var montantInserer = $('.montantReglementLigne').val().replace(/\s/g,'')
            var montantInsererNumerique = parseInt(montantInserer);

            var idReglement = $('.IDReglementPrestataireInputHidden').val()
            var idFactureTravaux = $('.IDFactureTravauxInputHidden').val()
            if (!$(this)[0].checkValidity()) {
                $(this).addClass('was-validated'); // Ajoutez la classe 'was-validated' pour activer les styles de validation Bootstrap
                e.preventDefault(); // Empêchez la soumission normale du formulaire
                e.stopPropagation(); // Arrêtez la propagation de l'événement
            } else {
                e.preventDefault();
                MesrequetesAjax("{{ Route('ReglementPrestataireLigne.creer') }}", "POST", new FormData(this), false,
                    false, "JSON",
                    function(resp) {

                        Notification('Succès', resp.msg, 'top-right', 'success')
                            if(resp.error){
                                Notification('Erreur', resp.msg, 'top-right', 'error')
                                return false
                            }
                            
                        MesrequetesAjax("{{ route('RegelementPrestataire.recuperation') }}", "GET",{IDreglementprestataire:idReglement}, null, true, "JSON",
                        function(response) {
                            
                            $('#refReglementL').text(response[0].RefReglementInterne);
                            $('#MontantReglementL').text(formaterNombre(response[0].montantReglementPrestataire)+' F');
                            $('#SoldeReglementL').text(formaterNombre(parseInt(response[0].montantReglementPrestataire) - parseInt(response[0].TotalUtilise))+' F');
                            $('#ListFactureSelect').val(idFactureTravaux).trigger('change')
                        })
                        
                        reglementLigneRecuperation(idReglement)
                        recuperationReglementPrestataire();
                        $('.IDReglementLignePrestataireHidden').val(0);
                        $('.formReglementLigneprestataireAdd').removeClass('was-validated');
                        $('.formReglementLigneprestataireAdd')[0].reset();

                    },
                    function(error) {},
                    function() {

                        var montant = $('#montantReglementLigne').val().replace(/\s/g, '');
                        var montantRestant = $('.montantRestantFacture').val();
                        /*if (parseInt(montant) > parseInt(montantRestant)) {
                           Notification('Erreur','Vous ne pouvez regler plus que ce vous devez','top-right','error')
                            return false;
                        }*/

                        if ($('#ListFactureSelect').val().length == 0) {
                            return false;
                        } 

                        if ($('#montantReglementLigne').val().length == 0) {
                            return false;
                        } 

                        /*if(montantInsererNumerique > SoldeNumerique ){
                            Notification('Succès','Solde insuffisant pour éffectuer ce règlement','top-right','error')
                            return false;
                        }*/


                        if($('.IDReglementLignePrestataireHidden').val()==0){

                            if( parseInt(montant) > parseInt(montantRestant) ){
                                $('.montantEleve').text('Le montant entré ne doit être supérieur au montant restant de la facture')
                                return false;
                            }else{
                                $('.montantEleve').text('')
                            }

                            if(parseInt(montant) > SoldeNumerique ){
                                Notification('Erreur','Vous ne disposer pas de solde suffisant pour éffectuer ce règlement','top-right','error')
                                return false;
                            }

                       }else{

                            var ancienMontant = $('.MontantForModificationInputHidden').val()
                            var diff = parseInt(montant) - parseInt(ancienMontant)
                        if( diff > parseInt(montantRestant) ){
                            $('.montantEleve').text('Le montant entré ne doit être supérieur au montant restant de la facture')
                            return false;
                        }

                           
                        if(diff > SoldeNumerique){
                            Notification('Erreur','Vous ne disposer pas de solde suffisant pour éffectuer ce règlement','top-right','error')
                            return false;
                        }
                       }
                    }
                )
            }
        })

        $('#montantReglement').on('input', function() {
            var inputVal = $(this).val().replace(/ /g, "");
                if (!isNaN(inputVal)) {
                    let formattedVal = numberWithSpaces(inputVal);
                    $(this).val(formattedVal);
                }
        });

        $('#montantReglementLigne').on('input', function() {
            var inputVal = $(this).val().replace(/ /g, "");
                if (!isNaN(inputVal)) {
                    let formattedVal = numberWithSpaces(inputVal);
                    $(this).val(formattedVal);
                }
        });
        
        $(document).on('change', '#StatusChequeSelect', function(){
                
                var valeur = $(this).val()
                var selectedOption = $(this).find('option:selected');
                var IdRegelement = selectedOption.attr('data-id');
            
            MesrequetesAjax("{{ route('miseAjourStatusReglementPrestataireModeCheque.modifier') }}", "GET", {IDRegelement:IdRegelement,IDStatus:valeur}, null, true, "JSON", function(resp) {
               
              Notification('Succès',resp.msg,'top-right','success');
              recuperationReglementPrestataire()
    
            });
        })

        $(document).on('click', '.masquerTotaux', function(){
                $(this).css('display','none');
                $('.mask').css('display','block');

                $('.Nomask').css('display','none');
                $('.voirTotaux').css({'display':'block','margin-top':'-10px'});
        })

        $(document).on('click', '.voirTotaux', function(){
                    $(this).css('display','none');
                    $('.mask').css('display','none');

                    $('.Nomask').css('display','block');
                    $('.masquerTotaux').css({'display':'block','margin-top':'-10px'});
        })

        $(document).on('click', '#EffectuerRegelement', function(){
            
            var refReglement = $(this).attr('data-reference')
            var montantReglement = $(this).attr('data-montant')
            var soldeReglement = $(this).attr('data-solde')
            var IDReglement = $(this).attr('data-reglementid')
            var IDPrestataire=  $(this).attr('data-idprestataire');

            $('#RefFactSelectionner').text('---')
            $('#MontantFactSelectionner').text('---')
            $('#MontantRestantFactSelectionner').text('---')
            MesrequetesAjax("{{ route('RegelementPrestataire.recuperation') }}", "GET",{IDreglementprestataire:IDReglement}, null, true, "JSON",
            function(resp) {

                $('#refReglementL').text(resp[0].RefReglementInterne);
                $('#MontantReglementL').text(formaterNombre(resp[0].montantReglementPrestataire)+' F');
                $('#SoldeReglementL').text(formaterNombre(parseInt(resp[0].montantReglementPrestataire) - parseInt(resp[0].TotalUtilise))+' F');
            })


             $('.IDReglementPrestataireInputHidden').val(IDReglement);
             ListFacturePrestataire(IDPrestataire);
             reglementLigneRecuperation(IDReglement)
             $('#ModalFaireReglementPrestataire').modal('show')
        })

        $(document).on('change','#ListFactureSelect',function(){
            var IDFactures = $(this).val();
             //factureByID(IDFactures)
             FacturePrestataireDetail(IDFactures);
        })

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

                var idReglementlignePrestataire = $(this).data('idreglementligne')
               
                MesrequetesAjax("{{ route('ReglementsLignePrestataire.recuperation') }}", "GET",{IDReglementLignePrestataire:idReglementlignePrestataire}, null, true, "JSON", function(resp) {
                    $('#refReglementL').text(resp[0].RefReglementInterne);
                    $('#MontantReglementL').text(resp[0].montantReglementPrestataire);
                    $('.IDReglementLignePrestataireHidden').val(resp[0].IDReglementLignePrestataire)
                    $('#ListFactureSelect').val(resp[0].IDFacturePrestation).trigger('change')
                    $('.MontantForModificationInputHidden').val(resp[0].MontantReglementLignePrestataire)

                    
                    InputSeparateurMillierAffectation(resp[0].MontantReglementLignePrestataire,$('#montantReglementLigne'))
                })
        })

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

            var IDreglement = $(this).data('id')
            $('.IDreglementprestataire').val(IDreglement);
            $('#modalTitre').text('Modification règlément')
            var table = $('#FormTableDocumentTablereglementPrestataire').DataTable();
            MesrequetesAjax("{{ route('RegelementPrestataire.recuperation') }}", "GET",{IDreglementprestataire:IDreglement }, null, true,
            "JSON",
            function(resp) {

            $('.ReferenceReglementPrestataire').val(resp[0].RefReglementInterne)
            $('.dateReglement').val(formatageDate(new Date(resp[0].dateReglementPrestataire)))
            $('.ReferenceReglementExternePrestataire').val(resp[0].RefReglementExterne)
            $('.PrestataireSelects').val(resp[0].IDPrestataire).trigger('change')
            $('.ModeReglementSelect').val(resp[0].IDModeReglement).trigger('change')
           
            $('.NumeroCheque').val(resp[0].numeroCheque)
            $('.NomBanque').val(resp[0].IDBanque)
            $('.ObservationReglement').val(resp[0].ObservationReglement)
             InputSeparateurMillierAffectation(resp[0].montantReglementPrestataire,$('.montantReglement'))
                recuperationDocument(table,10,IDreglement)
            })
          
            $('#ModalReglementPrestataire').modal('show')
           
        })

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

            var IDreglement = $(this).data('id')
             $.confirm({
                icon: 'fa fa-warning',
                title: '<span style="font-size:16px;color:black; font-weight:bolder">Voulez-vous vraiment supprimer ?</span>',
                content: 'Cette action est irévessible',
                type: 'red',
                typeAnimated: true,
                buttons: {
                    tryAgain: {
                        text: 'Valider',
                        btnClass: 'btn-red',
                        action: function() {

                            MesrequetesAjax("{{ route('ReglementPrestataire.supprimer') }}", "GET",{IDReglementPrestataire:IDreglement}, null, true, "JSON", function(resp) {

                                    Notification('Succès',resp.msg,'top-right','success');

                                    recuperationReglementPrestataire();
                            })

                        }
                    },
                    fermer: {
                        text: 'Fermer',
                    },
                
                }
            });



        })

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

                var IDreglementPrestataire = $(this).data('id')
                var IDreglementLigne = $(this).data('idreglementligne')
                var idFacture = $('.IDFactureTravauxInputHidden').val();
                 
             $.confirm({
                icon: 'fa fa-warning',
                title: '<span style="font-size:16px;color:black; font-weight:bolder">Voulez-vous vraiment supprimer ?</span>',
                content: 'Cette action est irévessible',
                type: 'red',
                typeAnimated: true,
                buttons: {
                    tryAgain: {
                        text: 'Valider',
                        btnClass: 'btn-red',
                        action: function() {

                            MesrequetesAjax("{{ route('ReglementLignePrestataire.supprimer') }}", "GET",{IDReglementLignePrestataire:IDreglementLigne}, null, true, "JSON", function(resp) {

                                     Notification('Succès',resp.msg,'top-right','success');

                                     reglementLigneRecuperation(IDreglementPrestataire)

                                    MesrequetesAjax("{{ route('RegelementPrestataire.recuperation') }}", "GET",{IDreglementprestataire:IDreglementPrestataire}, null, true, "JSON",
                                        function(response) {
                                           
                                            $('#refReglementL').text(response[0].RefReglementInterne);
                                            $('#MontantReglementL').text(formaterNombre(response[0].montantReglementPrestataire)+' F');
                                            $('#SoldeReglementL').text(formaterNombre(parseInt(response[0].montantReglementPrestataire) - parseInt(response[0].TotalUtilise))+' F');
                                           // $('#ListFactureSelect').val(idFactureTravaux).trigger('change')
                                           
                                            
                                    })
                                    FacturePrestataireDetail(idFacture)
                                    recuperationReglementPrestataire()
                            })
                        }
                    },
                    fermer: {
                        text: 'Fermer',
                    },
                
                }
            });
        })

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

                            var IDReglemementPrestataire = $(this).data('reglementid')
                            var IDprestataire = $(this).data('id')
 
                            // mode:0 => impression sans Entete
                            $.confirm({
                                icon: 'fa fa-warning',
                                title: '<span style="font-size:13px;color:black; font-weight:bolder">Voulez-vous imprimer le reçu avec entête ?</span>',
                                content: 'Cette action est irévessible',
                                type: 'success',
                                typeAnimated: true,
                                buttons: {
                                    fermer: {
                                        text: 'FERMER'
                                    },
                                    pasEntete: {
                                        text: 'NON',
                                        action: function() {


                                                    MesrequetesAjax("{{ route('recuReglementPrestataire.imprimer') }}", "GET", {IDreglemementPrestataire:IDReglemementPrestataire,IDPrestataire:IDprestataire,mode:0 }, null, true, null, function(resp) {

                                                        var pdfData = "data:application/pdf;base64," + resp.pdf;
                                                        var newTab = window.open('', '_blank');
                                                        newTab.document.write('<iframe src="' + pdfData + '" style="width:100%; height:100%;" frameborder="0"></iframe>');
                                                   })

                                               }

                                            },

                                    tryAgain: {
                                        text: 'OUI',
                                        btnClass: 'btn-red',
                                        action: function() { 

                                                    MesrequetesAjax("{{ route('recuReglementPrestataire.imprimer') }}", "GET", {IDreglemementPrestataire:IDReglemementPrestataire,IDPrestataire:IDprestataire,mode:1 }, null, true, null, function(resp) {

                                                        var pdfData = "data:application/pdf;base64," + resp.pdf;
                                                        var newTab = window.open('', '_blank');
                                                        newTab.document.write('<iframe src="' + pdfData + '" style="width:100%; height:100%;" frameborder="0"></iframe>');
                                                   })
                                        }
                                    },
                                },

                            });

        })

     //26-01-2024
    // IMPRESSION LISTE DES REGLEMENTS PRESTATAIRE
    $(document).on('click','#ImprimerListeReglementPrestataire',function(){

            // mode:0 => impression sans Entete
            $.confirm({
                icon: 'fa fa-warning',
                title: '<span style="font-size:13px;color:black; font-weight:bolder">Voulez-vous imprimer le reçu avec entête ?</span>',
                content: 'Cette action est irévessible',
                type: 'success',
                typeAnimated: true,
                buttons: {
                    fermer: {
                        text: 'FERMER'
                    },
                    pasEntete: {
                        text: 'NON',
                        action: function() {
                                    MesrequetesAjax("{{ route('listeImpression.imprimer') }}", "GET", {param:7,mode:0 }, null, true, null, function(resp) {
                                        var pdfData = "data:application/pdf;base64," + resp.pdf;
                                        var newTab = window.open('', '_blank');
                                        newTab.document.write('<iframe src="' + pdfData + '" style="width:100%; height:100%;" frameborder="0"></iframe>');
                                    })
                                }
                            },

                    tryAgain: {
                        text: 'OUI',
                        btnClass: 'btn-red',
                        action: function() { 

                                    MesrequetesAjax("{{ route('listeImpression.imprimer') }}", "GET", {param:7,mode:1 }, null, true, null, function(resp) {
                                        var pdfData = "data:application/pdf;base64," + resp.pdf;
                                        var newTab = window.open('', '_blank');
                                        newTab.document.write('<iframe src="' + pdfData + '" style="width:100%; height:100%;" frameborder="0"></iframe>');
                                    })
                        }
                    },
                },

            });
    })
        
        
    
    })
    function recuperationTypedePiece(){
        MesrequetesAjax("{{ route('typePiece.recuperation') }}", "GET", null, true, true, "JSON", function(resp) {
            $.each(resp.data, function(key, values) {
                $('.TypepieceSelect').append($('<option>', {
                    value: values.IDTypepiece,
                    text: values.libelleType_piece
                }))
            })
        });  
    }
    function GetModeReglement() {
        MesrequetesAjax("{{ route('ModeReglement.recuperation') }}", "GET", null, true, true, "JSON", function(response) {
            $.each(response.data, function(key, value) {
                $('.ModeReglementSelect').append($('<option>', {
                    value: value.IDModeReglement,
                    text: value.intituleModeReglement
                }))
            })
        });
    }
    
    
    function recuperationDocumentPrestataire() {
        var docAddtable = $('#FormTableDocumentTablereglementPrestataire').DataTable();
        var IDprestataire = $('#IDprestataire').val()
        MesrequetesAjax("{{ route('Document.recuperation') }}", "GET", {
            typeDossier: 10,
            IdDoc: IDprestataire
        }, null, true, "JSON", function(resp) {

            docAddtable.clear().draw();
            $.each(resp.data, function(key, value) {
                docAddtable.row.add([
                    '<i class="fa fa-trash text-danger cursor-pointer" id="suppressionDocument" data-id="' +
                    value.IDPiecejoint + '"></i>', value.libelleType_piece, value
                    .referenceDocument, value.UrlFichier
                ])
            })

            docAddtable.draw();
        })

    }

    function recuperationReglementPrestataire(){

        MesrequetesAjax("{{ route('RegelementPrestataire.recuperation') }}", "GET",null, null, true,
            "JSON",
            function(response) {
                
                $('div#loaders').addClass('hiddenElement');
                ReglementPrestataireTable(response)
            }, null,
            function() {
                $('div#loaders').removeClass('hiddenElement');
        });

    }

    function ReglementPrestataireTable(response){

        var table = $("#ReglementPrestataireTable").DataTable();
        table.clear().draw()
                var montantTotal = 0;
                var totalUtilise = 0;
                var totalRestant = 0;
        $.each(response, function(key, value) {
            
            montantTotal +=parseInt(value.montantReglementPrestataire);
            totalUtilise +=parseInt(value.TotalUtilise);
            var montantSolde = parseInt(value.montantReglementPrestataire) - parseInt(value.TotalUtilise) 
            var photoprofil = '';
            var jourMoisSelect = '';
            var prenom = '';

            if(value.TypePrestataire==1 ){
               photoprofil = '<img class="imgInTableRow" src="media/imgDefault/userDefault.png">';
            }

            if(value.TypeLocataire!=1){
                photoprofil = '<img class="imgInTableRow" src="media/imgDefault/buldingDefault.png">';
            }

            if(value.prenom !=null){
                prenom = value.prenom;
            }
                actionBtn= '&nbsp;&nbsp;<i class="fa fa-edit text-success cursor-pointer" id="ModificationReglementPrestataire" data-id="' +value.IDReglementPrestataire + '"></i>';
                actionBtnSupprimer= '<i class="fa fa-trash text-danger cursor-pointer" id="SupprimerRegelement" data-id="' +value.IDReglementPrestataire + '" ></i>';
            
        if(value.statutReglement > 0){
            if(value.statutReglement == 1){
                 var status = '<select id="StatusChequeSelect" class="form-select"><option selected  data-id="'+value.IDReglementPrestataire+'" value="1">À encaisser</option><option data-id="'+value.IDReglementPrestataire+'" value="2">Encaissé</option> <option  data-id="'+value.IDReglementPrestataire+'" value="3">Réjetté</option></select>';
            }else if(value.statutReglement == 2){

              status = '<select id="StatusChequeSelect" class="form-select"><option data-id="'+value.IDReglementPrestataire+'" value="1">À encaisser</option><option selected data-id="'+value.IDReglementPrestataire+'" value="2">Encaissé</option> <option  data-id="'+value.IDReglementPrestataire+'" value="3">Réjetté</option></select>';
           
            }else if(value.statutReglement == 3){

              status = '<select id="StatusChequeSelect" class="form-select"><option data-id="'+value.IDReglementPrestataire+'" value="1">À encaisser</option><option selected data-id="'+value.IDReglementPrestataire+'" value="2">Encaissé</option> <option selected data-id="'+value.IDReglementPrestataire+'" value="3">Réjetté</option></select>';
            }
           
        }
        else{
             status = 'R.A.S';
        }
          var btnAjouterReglement  = '<i class="fa fa-plus-circle text-warning cursor-pointer" id="EffectuerRegelement" data-idprestataire="'+value.IDPrestataire+'" data-reglementid="'+value.IDReglementPrestataire+'" data-montant="'+formaterNombre(value.montantReglementPrestataire)+' F" data-solde="'+formaterNombre(montantSolde)+' F"  data-reference="'+value.RefReglementInterne+'" ></i>'
        if(value.statutReglement > 0 && value.statutReglement !=2){
            var btnAjouterReglement = '<i class="fa fa-plus-circle text-danger cursor-pointer" title="Veuillez Encaisser le chèque pour faire un règlement"></i>'
        } 
           var heure = value.dateCreationPrestataire.substr(11,19)
            table.row.add([
                btnAjouterReglement+'&nbsp;<i id="printReglementPrestataire" class="fa fa-print text-warning cursor-pointer" data-id="'+value.IDPrestataire+'" data-reglementid="'+value.IDReglementPrestataire+'"></i>&nbsp;'+actionBtnSupprimer+''+actionBtn+'',
                formatageDate(new Date(value.dateReglementPrestataire)),value.RefReglementInterne,value.RefReglementExterne,photoprofil +
                '  <span class="cursor-pointer">' +
                value.nom + ' ' +prenom + '</span>', '<span class="badge bg-warning">'+value.intituleModeReglement + '</span>',value.numeroCheque,value.nomBanque,status, '<span style="font-weight:bolder">' +
                formaterNombre(value.montantReglementPrestataire) + ' F</span>', '<span style="font-weight:bolder">' +
                formaterNombre(value.TotalUtilise) + ' F</span>', '<span style="font-weight:bolder">' +
                formaterNombre(montantSolde) + ' F</span>',
               '<span style="color:black;font-weight:bold">Par '+ value.nom_utilisateur +' '+ value.prenom_utilisateur +'</span> <br> le '+
                formatageDate(new Date(value.dateCreationPrestataire))+' '+heure
               
            ]);
        })

        table.draw()

             $('#MontantTotal').text(formaterNombre(montantTotal)+' F');
        
            $('#TotalRegle').text(formaterNombre(totalUtilise)+' F');

            var Solde = parseInt(montantTotal) - parseInt(totalUtilise);

            $('#TotalRestant').text(formaterNombre(Solde)+' F');
            $('.masquerTotaux').css({'display':'block','margin-top':'-10px'});
           $('.voirTotaux').css({'display':'none'}); 
    }

    function ListFacturePrestataire($IDPrestataire){
         MesrequetesAjax("{{ route('facturePrestataire.recuperation') }}", "GET",{IDPrestataire:$IDPrestataire}, null, true, "JSON", function(response) {
             $('.ListFactureSelect').html('')
              $('.ListFactureSelect').append('<option selected disable>Choisir...</option>')
            $.each(response,function(key, value) {
                $('.ListFactureSelect').append($('<option>', {
                    value: value.IDFacturePrestation,
                    text: value.refFacturePrestation
                }))
            })
        });
    }
    
    function FacturePrestataireDetail($IDFacturePrestation){

         MesrequetesAjax("{{ route('facturePrestatairebyID.recuperation') }}", "GET",{IDFacturePrestation:$IDFacturePrestation}, null, true, "JSON", function(resp) {
                   $('#RefFactSelectionner').text(resp.ligne[0].refFacturePrestation)
                    $('#MontantFactSelectionner').text( formaterNombre(resp.ligne[0].montantFacturePrestation)+' F')
                    var montantRestant = resp.ligne[0].montantFacturePrestation - resp.ligne[0].TotalRegleFacture;
                    $('#MontantRestantFactSelectionner').text(formaterNombre(montantRestant)+' F')
                    $('.IDFactureTravauxInputHidden').val(resp.ligne[0].IDFacturePrestation  );
                    $('.montantRestantFacture').val(montantRestant)
          });

                  
    }

    function reglementLigneRecuperation($IdReglementLigne){
        
        MesrequetesAjax("{{ route('ReglementsLignePrestataire.recuperation') }}", "GET",{IDReglementPrestataire:$IdReglementLigne}, null, true, "JSON", function(resp) {
                var table = $("#TableReglementLignePrestataire").DataTable();
                 table.clear().draw()
                 $.each(resp,function(key, value) {
                     table.row.add([
                        '<i id="DeleteReglementLigne"  data-idreglementligne="'+value.IDReglementLignePrestataire+'" data-id="'+value.IDReglementPrestataire+'" class="fa fa-trash text-danger cursor-pointer"></i> &nbsp; <i id="ModifierReglementLignePrestataire"  data-idreglementligne="'+value.IDReglementLignePrestataire+'" class="fa fa-edit text-success cursor-pointer"></i>',
                        value.refFacturePrestation,formatageDate(new Date(value.DateReglementLignePrestataire)),formaterNombre(value.MontantReglementLignePrestataire)+' F',value.created_at
                     ])
                 })

                table.draw()
            })

    }
    function GetPrestataire(){
         MesrequetesAjax("{{ route('Prestataire.recuperation') }}", "GET", null, true, true, "JSON", function(response) {
            $.each(response.data, function(key, value) {
                var prenom = "";
                if(value.prenom !=null){

                    prenom = value.prenom
                }
                $('.PrestataireSelects').append($('<option>', {
                    value: value.IDPrestataire,
                    text: value.nom+' '+prenom
                }))
            })
        });
    }
    
</script>

</body>

</html>