@php
  $D_Creation_prestataire = session()->get('D_Creation_prestataire');
  $D_Modification_prestataire = session()->get('D_Modification_prestataire');
  $D_Suppression_prestataire = session()->get('D_Suppression_prestataire');
@endphp
@include('../header')

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

    @include('../navigation')

    <div class="content">
             @include('../loading')
        <div class="d-flex justify-content-between">
            <h4> <i class="fas fa-fan"></i> Listes des versements propriétaires </h4>
            <div class="d-flex">
                
                    <button type="button" id="ImprimerListeVersementProprietaire" style="margin-right:8px;"  class="btn btn-warning btn-sm rounded-pill"><i data-feather="printer"></i>
                        Impression
                    </button>

                @if( $D_Creation_prestataire)
                    <button type="button" class="btn btn-success btn-sm rounded-pill" id="btn-addVersementCallModal" data-bs-toggle="modal"
                    data-bs-target="#ModalVersement"><i data-feather="plus-circle"></i> Versement</button>
                @endif
            
            </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 réglé : <span class="text-success fs-1" id="TotalRegle"></span></p>
                          <p class="mask"  style="display:none;">Total réglé : <span class="text-success fs-1" >***** F</span></p>
                    </div>

                    <div  style="margin-right:10px;">
                        <p class="Nomask fs-1">Total restant :  <span class="text-danger fs-1" id="TotalRestant"></span></p>
                        <p class="mask"  style="display:none;">Total restant :  <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">

            <div class="card-body">
                <div class="table-responsive">
                    <table id="VersementDatatable" class="table table-striped w-100">
                        <thead class="tableauEntete">
                            <tr>
                                <th>Actions</th>
                                <th>Date</th>
                                <th>Propriétaire</th>
                                <th>Mode règlement</th>
                                <th>Numero chèque</th>
                                <th>Banque</th>
                                <th>Statut</th>
                                <th>Montant</th>
                                <th>Montant réglé</th>
                                <th>Solde</th>
                                <th>Infos création</th>

                            </tr>
                        </thead>

                    </table>
                </div>

            </div>
        </div>


        {{-- <div class="modal fade" id="ModalVersement" tabindex="-1" aria-labelledby="staticBackdropLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered  modal-md">
                <div class="modal-content">
                    <div class="modal-header  modal-header-Bg">
                        <h5 class="modal-title text-white" id="modalTitle"></h5>
                        <button class="btn p-1" 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="formVersementAdd needs-validation p-0" method="POST" novalidate>
                             @include('COMPTABILITES/FORMS/versementForm')
                    </div>
                    <div class="modal-footer">

                        <button class="btn btn-outline-danger" type="button" data-bs-dismiss="modal">Fermer</button>
                        <button class="btn btn-success" type="submit">Enregistrer</button>
                        <button class="btn btn-success" style="display:none" type="submit">Modifier</button>
                    </div>
                    </form>
                </div>
            </div>
        </div> --}}

        <div class="modal fade" id="ModalVersementLigne" tabindex="-1" aria-labelledby="staticBackdropLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header  modal-header-Bg">
                        <h5 class="modal-title text-white" id="modalTitleLigneVersement"></h5>
                        <button class="btn p-1" 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">

                            
                      <ul class="nav nav-underline" id="myTab" role="tablist">
                        <li class="nav-item" role="presentation"><a class="nav-link active UtiliserVersementOnglet" id="home-tab" data-bs-toggle="tab" href="#tab-home" role="tab" aria-controls="tab-home" aria-selected="true">Utiliser versement</a></li>
                        <li class="nav-item" role="presentation"><a class="nav-link ListesVersementsOnglet" id="profile-tab" data-bs-toggle="tab" href="#tab-profile" role="tab" aria-controls="tab-profile" aria-selected="false" tabindex="-1">Listes versements propriétaire</a></li>
                        
                      </ul>
                      <div class="tab-content mt-3" id="myTabContent">
                        <div class="tab-pane fade show active" id="tab-home" role="tabpanel" aria-labelledby="home-tab">
                            <input type="hidden" id="inputGetVersementID" class="form-control inputGetVersementID">
                            <input type="hidden" id="inputGetProprietaireID" class="form-control">
                               <table class="table table-light w-100" id="tableVersementLigne">
                                    <thead>
                                        <tr>
                                            <th>IDfacture</th>
                                            <th>Date</th>
                                            <th>Référence</th>
                                            <th>Part propriétaire</th>
                                            <th>PartpropriétaireMasque</th>
                                            <th>IDPartproprietaire</th>
                                            <th>Réglé</th>
                                            <th>Reste à régler</th>
                                            <th>Montant</th>
                                            <th>Actions</th>
                                        </tr>
                                    </thead>
                                    
                                </table>
                        </div>
                        <div class="tab-pane fade" id="tab-profile" role="tabpanel" aria-labelledby="profile-tab">

                                <table class="table table-light w-100" id="tableVersementLigneTwo">
                                    <thead>
                                        <tr>
                                           
                                            <th>#</th>
                                             <th>Date</th>
                                            <th>Référence</th>
                                            <th>Montant Réglé</th>
                                            <th>Infos</th>
                                          
                                        </tr>
                                    </thead>
                                    
                                </table>
                        </div>
                      
                      </div>
                    
                            
                    
                    </div>
                    <div class="modal-footer">

                        <button class="btn btn-outline-danger" type="button" data-bs-dismiss="modal">Fermer</button>
                        <button class="btn btn-success" type="button" id="AjoutDePlusieurLigne">Enregistrer</button>
                       
                    </div>
                    
                </div>
            </div>
        </div>

    
        @include('../primary_footer')

    </div>

    @include('../chatblock')

</main>

@include('../rightbar')

@include('../footer')

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

        $('.nomPage').text('Versement')

        $('.modal').each(function() {
            $(this).find('.Pselect2X').select2({
                dropdownParent: $(this),
                width: '100%' 
            });
        });
        
        $("#VersementDatatable").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,4,5],
                    className:'text-center'
                },
                {
                    targets:[6],
                    className:'tblWidth-3 text-center'
                },
                {
                    targets:[2],
                    className:'tblWidth-2'
                },
                {
                    targets:[7,8,9],
                    className:'text-end'
                },
                 {
                    targets:[10],
                    className:'tblWidth-2'
                },
            ]
        
        
        });

        $("#tableVersementLigne").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:[1,2,9],
                    className:'text-center'
                },
               
                {
                    targets:[4,5,6,7],
                    className:'text-end'
                }
            ] 
        
        
        });

        $("#tableVersementLigneTwo").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,2],
                    className:'text-center'
                },
                {
                    targets:[3],
                    className:'text-end'
                }
               
            ] 
        
        
        });
        
        
        var tableauElement = [];

        recuperationProprietaire();
        //GetModeReglement();
        //referenceVersement();
        recuperationVersement();
        
        
        $('#montantVersement').on('input', function() {
             var inputVal = $(this).val().replace(/ /g, "");
                if (!isNaN(inputVal)) {
                    let formattedVal = numberWithSpaces(inputVal);
                    $(this).val(formattedVal);
                }
        });
        $(document).on('submit','.formVersementAdd',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('versement.creer') }}", "POST", new FormData(this), false,
                    false, "JSON",
                    function(resp) {
                        Notification('Succès', resp.msg, 'top-right', 'success')
                       
                        $('#ModalVersement').modal('hide');
                        recuperationVersement();
                        $('.formVersementAdd').removeClass('was-validated');
                        $('.formVersementAdd')[0].reset();

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

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

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

        $(document).on('click','#FaireVersement',function(){
                
                var getID = $(this).data('id')
                var IDVersement = $(this).data('idversement')

                  var reference =  $(this).data('reference')
                  var nom_proprietaire =  $(this).data('nomproprietaire')
                  var prenom_proprietaire =  $(this).data('prenomproprietaire')
                    
                   $('#modalTitleLigneVersement').text(nom_proprietaire+' '+prenom_proprietaire+' ('+reference+')')
                 /*var IDProprietaire = $(this).data('idversement')*/
                var table = $('#tableVersementLigne').DataTable();
                table.clear().draw();
                table.column(3).visible(false)
                table.column(4).visible(false)
                table.column(5).visible(false)
                table.column(0).visible(false)
                 $('#inputGetVersementID').val(IDVersement)
                 $('#inputGetProprietaireID').val(getID)
                 
                 MesrequetesAjax("{{ route('versementProprietaireDetail.recuperation') }}", "GET", {IDproprietaire:getID}, null, true, "JSON", function(
                  response) {

                         if(response.data.length == 0){
                            $('#modalTitleLigneVersement').text(nom_proprietaire+' '+prenom_proprietaire+' ('+reference+')')
                            var tables = $("#tableVersementLigneTwo").DataTable()
                            tables.clear().draw()
                             $('#ModalVersementLigne').modal('show')
                            
                         }else{

                    
                         table.clear().draw();
                        $.each(response.data,function(key,value){
                            var resteMontant = parseInt(value.MontantPartProprietaire) - parseInt(value.MontantRegle)
                            var input = '<input type="text" class="form-control montantInputs" id="montantInput'+value.IDFacture+'">';
                                    if(resteMontant<=0){
                                        input = '<input type="text" class="form-control" readonly style="background:#E9E9E9">';
                                    }
                            table.row.add([value.IDFacture,formatageDate(new Date(value.dateFacture)),value.refFacture,resteMontant,formaterNombre(value.MontantPartProprietaire)+' F',value.IDPartProrietaireFacture,
                            formaterNombre(value.MontantRegle)+' F',formaterNombre(resteMontant)+' F',input,'<button id="AppliquerVersementLigne" class="btn btn-warning btn-sm"><i class="fa fa-plus"></i></button>'])
                        })

                        table.draw()

                        recuperationVersementLigne(IDVersement)
                              $('#ModalVersementLigne').modal('show')
                         }
                  })

        })

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

            var IDversement = $(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() {
                            $.ajax({
                                type: "GET",
                                url: "{{route('versement.supprimer')}}",
                                data: {
                                    IDVersement : IDversement
                                },
                                dataType: "JSON",
                                success: function (resp) {
                                Notification('Succès', resp.msg, 'top-right', 'success')
                                recuperationVersement();
                                }
                            });

                              }
                    },

                    fermer: {
                        text: 'Fermer',
                    },
                    //close: function () {}
                }
            });
        })

        $(document).on('click','#ModifierVersement',function(){
            $('#modalTitleVersementCaution').text('Modification de versement')
            var IDVersements = $(this).data('id');
            MesrequetesAjax("{{ route('versement.recuperation') }}", "GET", {IDversement:IDVersements}, null, true, "JSON", function(resp) {

                $('#referenceVersement').val(resp.data[0].referenceVersement)
                $('#referenceVersementNumerique').val(resp.data[0].refNumeriqueVersement)
                $('#referenceMannuelleVersement').val(resp.data[0].refManuelleVersement)
                $('#dateVersement').val(formatageDate(new Date(resp.data[0].dateVersement)))
                $('#ProprietaireSelect').val(resp.data[0].IDProprietaire).trigger('change')
                $('#ModeReglementSelect').val(resp.data[0].IDModeReglement).trigger('change')
                $('#montantVersement').val(resp.data[0].montantVersement)

                $('#VersementIDInputHidden').val(resp.data[0].IDVersement)

                $('#NumeroCheque').val(resp.data[0].numeroCheque).trigger('change')
                $('#NomBanque').val(resp.data[0].IDBanque)

                $('#ModalVersement').modal('show')
            })

        })

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

                var tableaux = $('#tableVersementLigne').DataTable();
                var curentRow = $(this).parent().parent()[0];
                ResteAregle = tableaux.row(curentRow).data()[3];
                var IDfacture = tableaux.row(curentRow).data()[0];
                var IDpartproprietaire = tableaux.row(curentRow).data()[5];                 
                var montantASolder = $('#montantInput'+IDfacture).val();

                $.ajax({
                    type: "POST",
                    url: "{{route('AjouterVersementparLigne.creer')}}",
                    headers: {
                         'X-CSRF-TOKEN': '{{ csrf_token() }}'
                        }, 
                    data: {

                        /*partproprietaire   : Partproprietaire,*/
                        montantEntre       : montantASolder,
                        IDPartproprietaire : IDpartproprietaire,
                        IdVersement        : $('#inputGetVersementID').val()
                    },  
                    dataType: "JSON",
                     beforeSend: function(){
                       
                         if ($('#montantInput'+IDfacture).val().length == 0) {
                             Notification('Erreur', 'Entrer le montant svp !', 'top-right', 'error')
                             $('#montantInput'+IDfacture).focus();
                             return false;
                        }

                        if(ResteAregle < montantASolder){

                             Notification('Erreur', 'Vous ne pouvez payer plus que le montant de la facture', 'top-right', 'error')
                             return false;
                        }
                     },
                    success: function (resp) {

                          Notification('Succès', resp.msg, 'top-right', 'success')
                            var id =$('#inputGetProprietaireID').val()
                            actualisationProprietaireDetail(id)
                    }
                });
        })
        
        $(document).on('change','.montantInputs',function(){

                 var tableaux = $('#tableVersementLigne').DataTable();
                 var curentRow = $(this).parent().parent()[0];
                 var IDfacture = tableaux.row(curentRow).data()[0];
                 var elementTrouve = false;
                 var IDpartproprietaire = tableaux.row(curentRow).data()[5]; 
                
                for(var i = 0;i<tableauElement.length;i++){

                    if(tableauElement[i].idFacture == IDfacture){

                        tableauElement[i].montantEntre = $(this).val();

                        elementTrouve = true
                    }
                }

                if(elementTrouve == false){

                     tableauElement.push({
                        'idFacture'          : IDfacture,
                        'IDPartproprietaire' : IDpartproprietaire,
                        'IdVersement'        : $('#inputGetVersementID').val(),
                        'montantEntre'       : $(this).val()
                     })
                }
               
        })

        //AJOUT DE PLUSIEURS LIGNES EN UN CLICK
        $('#AjoutDePlusieurLigne').on('click', function(e) {

            if (tableauElement.length == 0) {
                     Notification('Erreur', 'Veuillez Ajouter un produit svp !', 'top-right', 'error')
                    return false;
            }
            else {

                $.ajax({
                    type: "POST",
                    url: "{{route('AjouterPlusieurVersementligne.creer')}}",
                    headers: {
                         'X-CSRF-TOKEN' : '{{ csrf_token() }}'
                        }, 
                    data: {
                        tableauElements : tableauElement
                    },
                    dataType: "JSON",
                    success: function (resp) {
                        
                        Notification('Succès', resp.msg, 'top-right', 'success')
                        var id =$('#inputGetProprietaireID').val()
                        actualisationProprietaireDetail(id)
                       
                       tableauElement.length = 0; 
                    }
                });
            }
            
        })

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

              var IDversementLigne = $(this).data('id');
              var IDVersement = $('.inputGetVersementID').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('versementligne.supprimer') }}", "GET", {IDVersementLigne:IDversementLigne}, null,  true, "JSON", function(resp){

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

                        }
                    },

                    fermer: {
                        text: 'Fermer',
                    },
                    //close: function () {}
                }
            });
 
        })      
        

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

                var IDVersement = $('.inputGetVersementID').val()
                recuperationVersementLigne(IDVersement)
         })


         $(document).on('click','#btn-addVersementCallModal',function(){

            $('#modalTitleVersementCaution').text('Nouveau versement')
         })
        
        $(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('change', '.ModeReglementSelect', function(){
             var IdModeReglement = $(this).val();
           MesrequetesAjax("{{ route('modereglementChoisir.recuperation') }}", "GET", {IDModeReglement:IdModeReglement}, null, true, "JSON", function(resp) {
                $('#VerifyChequeChoose').val(resp.data[0].chequeInsere);

                 if(resp.data[0].chequeInsere == 1){
                    recuperationBanque();
                    $('#chequeComposantVersement').css('display','block');
                    $('#NumeroCheque').focus();
                }else{
                    $('#chequeComposantVersement').css('display','none')
                }
            });
        })
        
        $(document).on('change', '#StatusChequeSelect', function(){
                
                var valeur = $(this).val()
                var selectedOption = $(this).find('option:selected');
                var IdVersement = selectedOption.attr('data-id');

            MesrequetesAjax("{{ route('miseAjourStatusVersementmodeCheque.modifier') }}", "GET", {IDVersement:IdVersement,IDStatus:valeur}, null, true, "JSON", function(resp) {
               
            Notification('Succès',resp.msg,'top-right','success');
            recuperationVersement()
            });
        })


                //29-01-2024
        // IMPRESSION LISTE DES LOCATIONS
        $(document).on('click','#ImprimerListeVersementProprietaire',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:11,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:11,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 recuperationProprietaire() {
    MesrequetesAjax("{{ route('Proprietaire.recuperation') }}", "GET", null, true, true, "JSON", function(
        resp) {
        $.each(resp.data, function(key, values) {
            $('#ProprietaireSelect').append($('<option>', {
                value: values.IDProprietaire,
                text: values.nom + ' ' + values.prenom
            }))
        })
    });
}


function recuperationVersement(){

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

function TableRecuperationVersement(response) {
        var table = $('#VersementDatatable').DataTable();
        table.clear().draw();
        
        var montantTotal = 0;
        var totalRegle = 0;
        var totalRestant = 0;
    
        $.each(response, function(key, value) {

            montantTotal +=parseInt(value.montantVersement);
            totalRegle +=parseInt(value.montantRegle);
            var solde = parseInt(value.montantVersement) - parseInt(value.montantRegle);
            var photoprofil = "";
             

        {{-- if (value.photoProfil !=null) {
        photoprofil = '<img class="imgInTableRow" src="media/PhotoProfil/'+value.photoProfil+'">';
        } --}}
        if(value.TypeProprietaire==1){
            photoprofil = '<img class="imgInTableRow" src="media/PhotoProfil/userDefault.png">';
        }

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

        if(value.verificationmodeVersementProprietaire == 1 && value.statutVersementProprietaire ==1){

            var statusVersement = '<select id="StatusChequeSelect" class="form-select"><option selected  data-id="'+value.IDVersement+'" value="1">À encaisser</option><option data-id="'+value.IDVersement+'" value="2">Encaissé</option> <option  data-id="'+value.IDVersement+'" value="3">Réjetté</option></select>';
        }else if(value.verificationmodeVersementProprietaire==1 && value.statutVersementProprietaire == 2){

             var statusVersement = '<select id="StatusChequeSelect" class="form-select"><option data-id="'+value.IDVersement+'" value="1">À encaisser</option><option selected data-id="'+value.IDVersement+'" value="2">Encaissé</option> <option  data-id="'+value.IDVersement+'" value="3">Réjetté</option></select>';
           
        }else if(value.verificationmodeVersementProprietaire==1 && value.statutVersementProprietaire == 3){

             var statusVersement = '<select id="StatusChequeSelect" class="form-select"><option data-id="'+value.IDVersement+'" value="1">À encaisser</option><option selected data-id="'+value.IDVersement+'" value="2">Encaissé</option> <option selected data-id="'+value.IDVersement+'" value="3">Réjetté</option></select>';
        }
        else{
             statusVersement = 'R.A.S';
        }
            var btnAjouterVersement  = '<i id="FaireVersement" data-idversement="'+value.IDVersement+'"  data-id="'+value.IDProprietaire+'" data-nomproprietaire ="'+value.nom+' "data-prenomproprietaire ="'+value.prenom+'" data-reference ="'+value.referenceVersement+'" class="fa fa-plus-circle text-warning cursor-pointer" title="éffectuer un versement"></i>'
        if(value.verificationmodeVersementProprietaire==1 && value.statutVersementProprietaire !=2){
            var btnAjouterVersement = '<i class="fa fa-plus-circle text-danger cursor-pointer" title="Veuillez Encaisser le chèque pour faire un versement"></i>'
        }
          var heure = value.dateCreationVersementProprietaire.substr(11,19)
        table.row.add([
              '<i id="SupprimerVersement" data-id="'+value.IDVersement+'" class="fa fa-trash text-danger cursor-pointer" title="Supprimer"></i> &nbsp;'+btnAjouterVersement+' &nbsp; <i id="ModifierVersement"  data-id="'+value.IDVersement+'" class="fa fa-edit text-success cursor-pointer" title="Modifier"></i>',
              formatageDate(new Date(value.dateVersement)), photoprofil+' '+value.nom+' '+value.prenom,value.intituleModeReglement,value.numeroCheque,value.Nombanque,statusVersement,formaterNombre(value.montantVersement)+' F',formaterNombre(value.montantRegle)+' F',formaterNombre(solde)+' F',
              '<span style="color:black;font-weight:bold">Par '+ value.nom_utilisateur +' '+ value.prenom_utilisateur +'</span> <br> le '+
                formatageDate(new Date(value.dateCreationVersementProprietaire))+' '+heure
              ])
        })
      table.draw();
  
        $('#MontantTotal').text(formaterNombre(montantTotal)+' F');
    
        $('#TotalRegle').text(formaterNombre(totalRegle)+' F');

        var TotalRestants = parseInt(montantTotal) - parseInt(totalRegle);

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

}

function actualisationProprietaireDetail($idproprietaire){

    MesrequetesAjax("{{ route('versementProprietaireDetail.recuperation') }}", "GET", {IDproprietaire:$idproprietaire}, null, true, "JSON", function(
                              response) {
                                    var table = $('#tableVersementLigne').DataTable();
                                    table.clear().draw();
                                    $.each(response.data,function(key,value){
                                        var resteMontant = parseInt(value.MontantPartProprietaire) - parseInt(value.MontantRegle)
                                        var input = '<input type="text" class="form-control montantInputs" id="montantInput'+value.IDFacture+'">';
                                            if(resteMontant<=0){

                                                input = '<input type="text" class="form-control " readonly style="background:#E9E9E9">';
                                            }
                                        table.row.add([value.IDFacture,formatageDate(new Date(value.dateFacture)),value.refFacture,value.MontantPartProprietaire,formaterNombre(value.MontantPartProprietaire)+' F',value.IDPartProrietaireFacture,
                                        formaterNombre(value.MontantRegle)+' F',formaterNombre(resteMontant)+' F',input,'<button id="AppliquerVersementLigne" class="btn btn-warning btn-sm"><i class="fa fa-plus"></i></button>'])
                                    })

                                    table.draw()
    })
}

function recuperationVersementLigne($IDversement){

    MesrequetesAjax("{{ route('versementligne.recuperation') }}", "GET", {VersementID:$IDversement}, null,  true, "JSON", function(resp){
    var table = $('#tableVersementLigneTwo').DataTable();

        table.clear().draw();
        
        $.each(resp.data,function(key,value){
            var heure = value.dateVersementLigne.substr(11,19)
            table.row.add(['<i id="supprimerVersementLigne" data-id="'+value.IDVersementLigne+'" class="fa fa-trash cursor-pointer text-danger"></i>',formatageDate(new Date(value.dateVersementLigne))+' '+heure,value.refFacture,formaterNombre(value.montantVersementLigne)+' F',value.nom_utilisateur+' '+value.prenom_utilisateur])
        })
        table.draw();

    })

}

</script>

</body>

</html>