@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 demandes locataire</h4>
            
            <div class="d-flex">
                    <button type="button" id="ImprimerListeDemadeLocataire" style="margin-right:8px;"  class="btn btn-warning btn-sm rounded-pill"><i data-feather="printer"></i>
                        Impression
                    </button>
             <button type="button" id="BtnAppelModalAjoutDeDemande" class="btn btn-success btn-sm rounded-pill"
                data-bs-toggle="modal" data-bs-target="#DemandeLocataireModal"><i data-feather="plus-circle"></i> Ajouter</button>
            </div>
        </div>
        <hr>

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

                <div class="d-flex justify-content-center">
                    <input style="width:300px; text-align:center"
                        class="form-control datetimepicker flatpickr-input dateInputSearch " type="text"
                        placeholder="d/m/Y À d/m/Y"
                        data-options="{&quot;mode&quot;:&quot;range&quot;,&quot;dateFormat&quot;:&quot;d/m/Y&quot;,&quot;disableMobile&quot;:true}"
                        readonly="readonly">
                
                    <button class="btn btn-success me-1" id="dateSearch" style="margin-left:12px;">
                         <i class="fa fa-search cursor-pointer  text-light "></i>
                    </button>
                </div>


                <div class="table-responsive">
                    <table id="DemandeLocataireDatatable" class="table table-striped w-100">
                        <thead class="tableauEntete">
                            <tr>
                                <th>Actions</th>
                                <th>Référence</th>
                                <th>Locataire</th>
                                <th>Bien</th>
                                <th>Date de demande </th>
                                <th>Statut</th>
                                <th>Infos création</th>
                                
                            </tr>
                        </thead>

                    </table>
                </div>

            </div>
        </div>


        <div class="modal fade" id="DemandeLocataireModal" 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="modalTitreDemandeLocataire"></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="FormDemandeLocataireAdd g-3 needs-validation p-0" method="POST" novalidate>
                        @include('OPERATIONS/FORMS/DemandeLocataireForm')
                       
                    </div>
                        <div class="modal-footer">
                        <button class="btn btn-outline-danger" type="button" data-bs-dismiss="modal">Fermer</button>
                        <button class="btn btn-success" id="btnSubmit" type="submit">Enregistrer</button>
                        </div>

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


        <div class="modal fade" id="DemandeLocataireProformaModal" 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 modalTitreFacturePrestation"></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="FormProfomaDemandeLocataireAdd g-3 needs-validation p-0" method="POST" novalidate>

                             <div class="row g-2">
                              
                                   
                                        <div class="col-md-12 col-lg-3 col-xl-3 col-sm-12">
                                                <label class="FormLabel">Référence</label>
                                                <input type="text" class="form-control RefFacturePrestation" name="RefFacturePrestation" readonly>
                                                <input type="hidden" class="form-control RefFacturePrestationNumerique" name="RefFacturePrestationNumerique">
                                        </div>

                                        <div class="col-md-12 col-lg-3 col-xl-3 col-sm-12">
                                            <label class="FormLabel">Date</label>
                                                <input class="form-control datetimepicker dateFacturePrestation" name="dateFacturePrestation"           id="datepicker"
                                                    type="text" value="04/10/2026" placeholder="dd/mm/yyyy" data-options='{"disableMobile":true,"dateFormat":"d/m/Y"}'
                                                    required />
                                                <div class="invalid-dateDeb">
                                                </div>
                                        </div>
                                   
                                   
                              
                                
                                <div class="col-md-12 col-lg-3 col-xl-3 col-sm-12">
                                        <label class="FormLabel">Prestataire</label>
                                        <select class="form-select" name="Prestataire" id="PrestataireFacturePrestation" required>
                                           
                                             <option selected disabled value="">Choisir...</option>
                                           
                                        </select>

                                        <div class="invalid-feedback">
                                          Prestation obligatoire
                                    </div>  
                                </div>

                                
                                {{-- <div class="col-md-12 col-lg-3 col-xl-3 col-sm-12">
                                    <label class="FormLabel">Montant</label>
                                    <input type="text" class="form-control montantFacturePrestation SeparateurMillier NumeriqueAutorise" id="montantFacturePrestation" name="montantFacturePrestation" required>
                                    <div class="invalid-feedback">
                                      Montant obligatoire
                                    </div>  
                                </div> --}}

                                <div class="col-md-12 col-lg-3 col-xl-3 col-sm-12">
                                  <label class="FormLabel">Statut</label>
                                        <select class="form-select" name="StatutFacturePrestation" id="StatutFacturePrestation" required>
                                           
                                            <option value="1">Proforma</option>
                                            <option value="2">Facture</option>
                                           
                                        </select>
                                </div>
                            </div>

                            <div class="mb-3">
                                <label for="" class="FormLabel">Observation</label>
                                <textarea class="form-control" name="ObservationFacturePrestation" id="ObservationFacturePrestation" rows="3"></textarea>
                            </div>

                            <div>
                            
                                        <label class="FormLabel">Travaux</label>
                                        <select class="form-select" name="TravauxFacturePrestation" id="TravauxFacturePrestation">
                                           
                                            <option selected desabled value="" >choisir...</option>
                                            
                                        </select>
                            </div>

                        {{-- <div class="table-responsive">
                            <table align="center" class="table table-striped w-100" id="tacheTableDemandeLocataire">
                                <thead style="background:#76D7C4 ">
                                    <tr>
                                        <th>
                                            <div class="form-check d-flex justify-content-center">
                                                        <input class="form-check-input my-checkbox cursor-pointer" id="CheckAllCheckbox" type="checkbox" value="" />
                                            </div>
                                        </th>

                                        <th>
                                            Travaux
                                        </th>
                                    </tr>
                                </thead>
                                
                            </table>
                        </div> --}}
                        

                               <div>
                                    <input type="hidden" id="inputHiddenIDDemandeLocataire" name="inputHiddenIDDemandeLocataire">
                                </div>

                    
                             <div  class="table-responsive">
                                <table class="table table-light" id="TableTravauxPrestation">
                                    <thead>
                                        <tr>
                                            <th scope="col">#</th>
                                         
                                            <th scope="col">Libelle</th>
                                           
                                            <th scope="col">Statut</th>
                                        </tr>
                                    </thead>
                                   
                                </table>
                            </div>
                            </form>
                    </div>
                        <div class="modal-footer">
                        <button class="btn btn-outline-danger" type="button" data-bs-dismiss="modal">Fermer</button>
                        <button class="btn btn-success btnSubmit" id="btnSubmit" type="button">Enregistrer</button>
                        </div>
                       
                  </div>
            </div>
        </div>

        @include('../primary_footer')

    </div>

    @include('../chatblock')

</main>

@include('../rightbar')

@include('../footer')

<script>
    $(document).ready(function() {
        $('.nomPage').text('Demande locataire')
        $('.modal').each(function() {
            $(this).find('.Pselect2X').select2({
                dropdownParent: $(this),
                width: '100%' 
            });
        });
        Filepond()
        const inputElement = document.querySelector('input[name="media[]"]');
        const pond = FilePond.create( inputElement);
        var dateDebut = dateDebRecuperationdonnees()
        var dateFin = dateFinRecuperationdonnees()
        GetLocataire();
        GetDemandeLocataire();
        GetLocation();
        ReferenceDemandeLocataire();
        recuperationTypedePiece();
        ReferenceFacturePrestation();
        GetPrestataire();
        var modificationDocumentStatut = false;
        var countRow = 1;
         tableauIDDemandeLocataireLigne = [];
         TableTravaux = [];
         tableauDemandeLocataireLigne = [];
        $("#DemandeLocataireDatatable").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:[3],
                    className:'tblWidth-2 text-center'
                },
                {
                    targets:[2],
                    className:'tblWidth-1'
                }
            ]
        });
        $("#FormTableDocumentTableDemandeLocataire").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,
                    className: 'text-center'
                }
            ]
           
        });

        $("#tacheTableDemandeLocataire").DataTable({
            "paging": false,
            "searching":false,
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                //info: "Affichage de ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                info:"",
                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: 1,
                    className: 'tblWidth-0'
                }
            ]
           
        });

        $("#TableFacturePrestation").DataTable({
            "paging": false,
            "searching":false,
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                //info: "Affichage de ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                info:"",
                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,4],
                    className: 'text-center'
                },
                 {
                    targets:[3],
                    className: 'text-end'
                }
            ] 
           
        });

        $("#TableTravauxPrestation").DataTable({
            "paging": false,
            "searching":false,
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                //info: "Affichage de ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                info:"",
                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,2],
                    className: 'text-center'
                },
               
            ] 
           
        });

        $('.FormDemandeLocataireAdd').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('DemandeLocataire.creer') }}", "POST", new FormData(this), false, false,
                    "JSON",
                    function(resp) {

                    $('#DemandeLocataireModal').modal('hide')
                    Notification('Succès', resp.msg, 'top-right', 'success')
                    GetDemandeLocataire()
                    //pond.removeFiles();
                    $('.FormDemandeLocataireAdd').removeClass('was-validated');
                    $('.FormDemandeLocataireAdd')[0].reset();
                    $('.RefDemandeLocataireNumerique').val('')
                    },
                    null,
                    function(){

                        for(var i=1; i<=countRow; i++){
                        
                            if($.trim($('#motifDemandeLocataire'+i+'').val()).length==0){
                                    $('#motifRequired'+i+'').text('Champs obligatoire')
                                return false;
                            }else{
                            $('#motifRequired'+i+'').text('')
                            }
                        }
                    })
            }
           
        })

        $(document).on('click','#supprimerDemandeLocataire',function(){
             var GetId = $(this).attr('data-iddemandelocataire')
              SuppressionElement(GetId,'demande_locataire','IDDemandeLocataire',GetDemandeLocataire)
        })

        $(document).on('click','#modifierDemandeLocataire',function(){
            $('#modalTitreDemandeLocataire').text('Modification demande')
            
            var idDemandeLocataire = $(this).attr('data-iddemandelocataire')
            $('#btnSubmit').text('Modifier')
            var Bien = '';
            var locataire ='';
            $('.IDDemandeLocataireInput').val(idDemandeLocataire)
       
           MesrequetesAjax("{{ route('DemandeLocataire.recuperation') }}", "GET", {IDDemandeLocataire:idDemandeLocataire}, false, true,
            "JSON",
            function(resp) {

                  $('.dateDemandeLocataire').val(formatageDate(new Date(resp.ligne[0].dateDemande)))
                  $('#RefDemandeLocataire').val(resp.ligne[0].refDemandeLocataire)
                  $('#RefDemandeLocataireNumerique').val(resp.ligne[0].RefdemandeLocataireNumerique)
                 
                  $('#LocationSelect').val(resp.ligne[0].IDLocation).trigger('change')
                  $('#StatutDemandeLocataire').val(resp.ligne[0].statutDemande).trigger('change')
                  $('#commentaireLocataire').val(resp.ligne[0].CommentaireDemande)
                    
                  
                    /*recuperationPieceJoint(resp.PieceJointe)*/
                         var docAddtable = $('#FormTableDocumentTableDemandeLocataire').DataTable();
                         docAddtable.clear().draw();
                        $.each(resp.PieceJointe, 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();

                var countRow = 0;
                $('#MotifDemandeLocataireField').html('');
                if(resp.lignes.length > 0){

                    $.each(resp.lignes,function(key,value){
                    countRow++;
                    var htmlCode = '';
                    htmlCode+= '<tr id="row'+countRow+'">';
                    htmlCode+='<td><label for="" class="FormLabel">Motif</label><input type="text" name="motifDemandeLocataire[]" id="motifDemandeLocataire'+countRow+'" value="'+value.motifDemandeLocataire+'" class="form-control" style="width:502px">\
                    <small style="font-size:9px" class=" text-danger" id="motifRequired'+countRow+'"></small></td>';
                    htmlCode+='<td><label for="" class="FormLabel">Montant</label><input type="text" data-montant="montant" name="montant[]"  value="'+value.montantTache+'" id="montant1" class="form-control montant NumeriqueAutorise SeparateurMillier" style="width:200px"><input type="hidden" name="IDFacturePrestation[]"  value="'+value.IDFacturePrestation+'"  class="form-control">\
                    <small style="font-size:9px" class=" text-danger" id="montantRequired1"></small></td>';
                    htmlCode+='<td> &nbsp;<span style="height:30px;margin-top:22px;margin-right:3px;" id="DuplcateInput" class="badge bg-secondary cursor-pointer"> <i class="fa fa-plus-circle cursor-pointer text-white mt-1"></i></span><span style=" margin-top:22px;height:30px" id="DeleteRow" class="badge bg-danger cursor-pointer"><i  class="fa fa-trash cursor-pointer text-white mt-1"></i></span></td>';
                    htmlCode+= '</tr>';
                  $('#MotifDemandeLocataireField').append(htmlCode)
                   
                 })

                }else{
                    var htmlCode = '';
                    htmlCode+= '<tr>';
                    htmlCode+='<td><label for="" class="FormLabel">Motif</label><input type="text" name="motifDemandeLocataire[]" id="motifDemandeLocataire1" class="form-control" style="width:502px">\
                    <small style="font-size:9px" class=" text-danger" id="motifRequired1"></small></td>';
                    htmlCode+='<td><label for="" class="FormLabel">Montant</label><input type="text" data-montant="montant" name="montant[]" value="'+value.montantTache+'" id="montant1" class="form-control montant NumeriqueAutorise SeparateurMillier" style="width:200px"><input type="hidden" name="IDFacturePrestation[]"  value="'+value.IDFacturePrestation+'" class="form-control">\
                    <small style="font-size:9px" class=" text-danger" id="montantRequired1"></small></td>';
                    htmlCode+='<td>&nbsp;<button id="DuplcateInput" class="btn btn-phoenix-secondary me-1 mt-4 DuplcateInput1" type="button"><i class="fa fa-plus-circle"></i></button></td>';
                    htmlCode+= '</tr>';
                $('#MotifDemandeLocataireField').append(htmlCode)
                }
               
                
               
            })
            $('#DemandeLocataireModal').modal('show')
            
        }) 

         // SUPPRESSION DE FICHIER LORS DE LA MODIFICATION
        $(document).on('click', '#SuppressionFichierLorsDeLaModification', function() {
            var GetId = $(this).attr('data-id')
            var GetIDDemandeLocataire = $('.IDDemandeLocataireInput').val();
            suppressionPieceJointe(GetId,GetIDDemandeLocataire,7)
        })
        // TELECHARGEMENT DE FICHIER LORS DE LA MODIFICATION
        $(document).on('click', '#TelechargementFichierLorsDeLaModification', function() {
              var nomFichier = $(this).attr('data-NomFichier');
              telechargerPieceJoint(nomFichier,7) 
        })

        $(document).on('click','#BtnAppelModalAjoutDeDemande',function(){
            var table = $('#FormTableDocumentTableDemandeLocataire').DataTable();
                table.clear().draw();
                table.draw()
             $('#modalTitreDemandeLocataire').text('Ajout de nouvelle demande')
             $('.FormDemandeLocataireAdd')[0].reset();
             $('#BienSelect').html('')
             $('#LocataireSelect').html('')
             $('#btnSubmit').text('Enregistrer')
             $('.ZonePieceJointe').html('')
             GetLocataire()
             GetLocation()
             ReferenceDemandeLocataire()

            $('#MotifDemandeLocataireField').html('')
               var htmlCode = '';
                    htmlCode+= '<tr>';
                    htmlCode+='<td><label for="" class="FormLabel">Motif</label><input type="text" name="motifDemandeLocataire[]" id="motifDemandeLocataire1" class="form-control" style="width:502px">\
                    <small style="font-size:9px" class=" text-danger" id="motifRequired1"></small></td>';
                    htmlCode+='<td><label for="" class="FormLabel">Montant</label><input type="text" data-montant="montant" name="montant[]" id="montant1" class="form-control montant NumeriqueAutorise SeparateurMillier" style="width:200px">\
                    <small style="font-size:9px" class=" text-danger" id="montantRequired1"></small></td>';
                    htmlCode+='<td>&nbsp;<button id="DuplcateInput" class="btn btn-phoenix-secondary me-1 mt-4 DuplcateInput1" type="button"><i class="fa fa-plus-circle"></i></button></td>';
                    htmlCode+= '</tr>';
                $('#MotifDemandeLocataireField').append(htmlCode)
        })

        $('#dateSearch').on('click', function() {

            if($('.dateInputSearch').val().length==0){
               Notification('Erreur', 'Veuillez renseigner une intervalle de date', 'top-right', 'error')
                return false;
            }
            var e = $('.dateInputSearch').val();
            var dateDepart = e.slice(0, 10)
            var dateFin = e.slice(13, 23)
            var dateDepartFormater = dateDepart.slice(6, 10) + '-' + dateDepart.slice(3, 5) + '-' +dateDepart.slice(0, 2)
            var dateFinFormater = dateFin.slice(6, 10) + '-' + dateFin.slice(3, 5) + '-' + dateFin.slice(0, 2)
             GetDemandeLocataire(dateDepartFormater,dateFinFormater);
        })

        $(document).on('click','#DuplcateInput',function(){
                countRow++;
                var htmlCode = '';
                    htmlCode+= '<tr id="row'+countRow+'">';
                    htmlCode+='<td><label for="" class="FormLabel">Motif</label><input type="text" name="motifDemandeLocataire[]" id="motifDemandeLocataire'+countRow+'" class="form-control" style="width:502px">\
                    <small style="font-size:9px" class=" text-danger" id="motifRequired'+countRow+'"></small></td>';
                    htmlCode+='<td><label for="" class="FormLabel">Montant</label><input type="text" data-montant="montant" name="montant[]" id="montant1" class="form-control montant NumeriqueAutorise SeparateurMillier" style="width:200px">\
                    <small style="font-size:9px" class=" text-danger" id="montantRequired1"></small></td>';
                    htmlCode+='<td> &nbsp;<span style="height:30px;margin-top:22px;margin-right:3px;" id="DuplcateInput" class="badge bg-secondary cursor-pointer"> <i class="fa fa-plus-circle cursor-pointer text-white mt-1"></i></span><span style=" margin-top:22px;height:30px" id="DeleteRow" class="badge bg-danger cursor-pointer"><i class="fa fa-trash cursor-pointer text-white mt-1"></i></span></td>';
                    htmlCode+= '</tr>';
                $('#MotifDemandeLocataireField').append(htmlCode)
        })

        $(document).on('click', '#DeleteRow', function() {
                var row = $(this).closest('tr');
                row.remove();
        });

        // :::::::::::::::::::::::::::::::::::::::::::::::: SECTION DE DOCUMENTS :::::::::::::::::::::::::::::::::::::::::::::::::::

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

            if (modificationDocumentStatut == true) {
                Confirme = $.confirm({
                    icon: 'fa fa-warning',
                    title: '<span style="font-size:16px;color:black; font-weight:bolder">Attention !</span>',
                    content: '<span style="font-size:13px;color:black;">Voulez-vous abandonner cette opération ?</span>',
                    type: 'red',
                    typeAnimated: true,
                    buttons: {
                        tryAgain: {
                            text: 'OUI',
                            btnClass: 'btn-red',
                            action: function() {
                                MesrequetesAjax("{{ route('pieceJointetout.supprimer') }}",
                                    "GET", {
                                        typeDoc: 7
                                    }, null, true, "JSON",
                                    function(resp) {
                                        //recuperationDocumentDemande();
                                        $('#DemandeLocataireModal').modal('hide')
                                        $('.FormDemandeLocataireAdd')[0].reset();
                                        $('#btn-FichierDelete').css('display', 'none')
                                        $('#btn-ajoutFichier').css('display', 'flex')
                                        modificationDocumentStatut = false;
                                    })
                            }
                        },

                        fermer: {
                            text: 'NON',
                        },

                    }
                });

            }else{
            $('#ModalReglementPrestataire').modal('hide')
          }

        })

        $('.FermerCreation').on('click',function(){
            if (modificationDocumentStatut == true) {
                Confirme = $.confirm({
                    icon: 'fa fa-warning',
                    title: '<span style="font-size:16px;color:black; font-weight:bolder">Attention !</span>',
                    content: '<span style="font-size:13px;color:black;">Voulez-vous abandonner cette opération ?</span>',
                    type: 'red',
                    typeAnimated: true,
                    buttons: {
                        tryAgain: {
                            text: 'OUI',
                            btnClass: 'btn-red',
                            action: function() {
                                MesrequetesAjax("{{ route('pieceJointetout.supprimer') }}",
                                    "GET", {
                                        typeDoc: 7
                                    }, null, true, "JSON",
                                    function(resp) {

                                         //recuperationDocumentDemande();
                                        $('#DemandeLocataireModal').modal('hide')
                                        $('.FormDemandeLocataireAdd')[0].reset();
                                        $('#btn-FichierDelete').css('display', 'none')
                                        $('#btn-ajoutFichier').css('display', 'flex')
                                        modificationDocumentStatut = false;

                                      
                                    })

                            }
                        },

                        fermer: {
                            text: 'NON',
                        },

                    }
                });

            }
            else{
            $('#ModalReglementPrestataire').modal('hide')
          }
        })

        $('#fichierDocumentDemandeLocataire').change(function() {
           
            var filenames = $(this).val().split('\\').pop()
            if (filenames) {
                $('#btn-FichierDelete').css('display', 'flex')
                $('#btn-ajoutFichier').css('display', 'none')
                $('#nomFichierChoisirDemandeLocataire').val(filenames);
            }
        })

        // AJOUT DE FICHIER EN BASE DE DONNEE
        $(document).on('click', '#btn-AjouterDocuments', function() {

            if($('.TypeDocumentSelect').val() == 0){
                $('#typefichierDemandeLocataireRequired').text('Type document obligatoire')
                return false;
            }else{
                $('#typefichierDemandeLocataireRequired').text('')
            }
            if($('#fichierDocumentDemandeLocataire').val().length == 0){
                $('#fichierRequired').text('Fichier obligatoire')
                return false;
            }else{
                $('#fichierRequired').text('')
            }
            var docAddtable = $('#FormTableDocumentTableDemandeLocataire').DataTable();
            //var fileInput = $('#fichierDocumentDemandeLocataire')[0].files[0];
            var referecenceDoc = $('#referenceDocDemandeLocataire').val();
            var typeDocument = $('#DocumentSelectDemandeLocataire').val();
            var IDDemandeLocataireInput = $('#IDDemandeLocataireInput').val()

            GestionFichier(typeDocument, referecenceDoc, $('#fichierDocumentDemandeLocataire'), docAddtable,
                7,IDDemandeLocataireInput,7);
            modificationDocumentStatut = true;

        })

        //SUPPRESSION DE DOCUMENT
        $(document).on('click', '#btn-FichierDelete', function() {
            $('#nomFichierChoisir').val('');
            $('#fichierDocument').val('');
            $(this).css('display', 'none');
            $('#btn-ajoutFichier').css('display', 'flex');

        })

        $(document).on('click', '#btn-ajoutFichier', function() {
            $('#fichierDocumentDemandeLocataire').click();
        })

        $(document).on('click', '#suppressionDocument', function() {
            var GetId = $(this).attr('data-id');
            var tableau = $('#FormTableDocumentTableDemandeLocataire').DataTable();
            var IDDemandeLocataireInput = $('#IDDemandeLocataireInput').val()
          SupprimerPieceJointe(tableau,GetId,7,IDDemandeLocataireInput)

        })

        // :::::::::::::::::::::::::::::::::::::::::::::::: FIN DE SECTION DE DOCUMENTS :::::::::::::::::::::::::::::::::::::::::::::::::::
         
        $(document).on('click', '#CreerProforma', function() {
            var idDemandeLocataire = $(this).data('id');
            $('.modalTitreFacturePrestation').text('Ajout de facture prestation')
            $('#inputHiddenIDDemandeLocataire').val(idDemandeLocataire);
            MesrequetesAjax("{{ route('DemandeLocataireEtDemadeLigne.recuperation') }}", "GET",{IDDemandeLocataire:idDemandeLocataire}, null, true,
            "JSON",
            function(resp) {

                 //var table= $("#tacheTableDemandeLocataire").DataTable();
                 //table.clear().draw();
                 $('#TravauxFacturePrestation').html('')
                 $('#TravauxFacturePrestation').append('<option selected desabled value="" >choisir...</option>')

                $.each(resp.ligne,function(key,value){
                        $('#TravauxFacturePrestation').append('<option data-id="'+value.statusDemandeLocataireLigne+'" value="'+value.IDDemandeLocataireLigne+'">'+value.motifDemandeLocataire+'</option>')
                    
                   /* table.row.add([
                        '<div class="form-check d-flex justify-content-center" style="margin-left:-14px"><input class="form-check-input my-checkbox" data-checkbox="MyCheckbox" value="'+value.IDDemandeLocataireLigne+'" id="checkboxTable"  type="checkbox"/></div>',
                        value.motifDemandeLocataire
                    ])*/
                })

               // table.draw();
               // recuperationFacturePrestation()
                $('#DemandeLocataireProformaModal').modal('show')
            })
           
        })

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

            var motifDemandeLocataire = $(this).find('option:selected').text()
            var IDDemandeLocataireLigne = $(this).val()
             var status = $(this).find(':selected').data('id');

                var StatutBadge = ''
                if(status == 1){
                    StatutBadge = '<span class="badge bg-warning">En attente</span>'
                }else if(status == 2){
                    StatutBadge = '<span class="badge bg-success">En cours</span>'
                }else if(status == 3){
                    StatutBadge = '<span class="badge bg-danger">Annuler</span>'
                }else{
                    StatutBadge = '<span class="badge bg-secondary">En attente</span>'
                }

            TableTravaux.push({
                'IDDemandeLocataireLigne':IDDemandeLocataireLigne,
                'motifDemandeLocataire':motifDemandeLocataire,
                'status': StatutBadge,
                'Etat' : 0
            })

            var table =$("#TableTravauxPrestation").DataTable()
            table.clear().draw();
           $.each(TableTravaux,function(key,value){

                table.row.add([
                    '<i class="fa fa-trash text-danger cursor-pointer" id="deleteMotifDemandeLocataire" data-id="'+value.IDDemandeLocataireLigne+'"></i>',
                    value.motifDemandeLocataire,
                    value.status
                ])
           })
           

            table.draw();

             var idDemandeLocataire = $('#inputHiddenIDDemandeLocataire').val();
            MesrequetesAjax("{{ route('DemandeLocataireEtDemadeLigne.recuperation') }}", "GET",{IDDemandeLocataire:idDemandeLocataire}, null, true,
            "JSON",
            function(resp) {
                 
                 $('#TravauxFacturePrestation').html('')
                 $('#TravauxFacturePrestation').append('<option selected desabled value="" >choisir...</option>')

               
                $.each(resp.ligne,function(key,value){
                     var j = 0;
                    for(var i = 0; i<TableTravaux.length;i++){

                        if(TableTravaux[i].IDDemandeLocataireLigne == value.IDDemandeLocataireLigne){

                             j++;
                        }
                    }
                        
                    if(j<=0){

                           $('#TravauxFacturePrestation').append('<option data-id="'+value.statusDemandeLocataireLigne+'" value="'+value.IDDemandeLocataireLigne+'">'+value.motifDemandeLocataire+'</option>')
                    }
                   /* table.row.add([
                        '<div class="form-check d-flex justify-content-center" style="margin-left:-14px"><input class="form-check-input my-checkbox" data-checkbox="MyCheckbox" value="'+value.IDDemandeLocataireLigne+'" id="checkboxTable"  type="checkbox"/></div>',
                        value.motifDemandeLocataire
                    ])*/
                })

            })
        })

        $(document).on('click','#deleteMotifDemandeLocataire',function(){
                
                var IDDemandeLocataireLigneASupprimer = $(this).data('id');
                let indexASupprimer = -1;
                for (var i = 0; i < TableTravaux.length; i++) {
 
                    if (TableTravaux[i].IDDemandeLocataireLigne == IDDemandeLocataireLigneASupprimer) {
                        indexElementASupprimer = i;
                        //etat = tableComposition[i].Etat;
                        break; // Arrête la boucle une fois que l'élément est trouvé
                    }
                }

                    if(indexElementASupprimer !=-1){
                        TableTravaux.splice(indexElementASupprimer, 1);
                        afficheDemandeLocataireTravaux()
                    }


                    
            var idDemandeLocataire = $('#inputHiddenIDDemandeLocataire').val();
            MesrequetesAjax("{{ route('DemandeLocataireEtDemadeLigne.recuperation') }}", "GET",{IDDemandeLocataire:idDemandeLocataire}, null, true,
            "JSON",
            function(resp) {
                 
                 $('#TravauxFacturePrestation').html('')
                 $('#TravauxFacturePrestation').append('<option selected desabled value="" >choisir...</option>')

               
                $.each(resp.ligne,function(key,value){
                     var j = 0;
                    for(var i = 0; i<TableTravaux.length;i++){

                        if(TableTravaux[i].IDDemandeLocataireLigne == value.IDDemandeLocataireLigne){

                             j++;
                        }
                    }
                        
                    if(j<=0){

                           $('#TravauxFacturePrestation').append('<option data-id="'+value.statusDemandeLocataireLigne+'" value="'+value.IDDemandeLocataireLigne+'">'+value.motifDemandeLocataire+'</option>')
                    }
                   /* table.row.add([
                        '<div class="form-check d-flex justify-content-center" style="margin-left:-14px"><input class="form-check-input my-checkbox" data-checkbox="MyCheckbox" value="'+value.IDDemandeLocataireLigne+'" id="checkboxTable"  type="checkbox"/></div>',
                        value.motifDemandeLocataire
                    ])*/
                })

            })
               

                    
        })

              // :::::::::::::::::::::::::::::::::::::::::: CASE A COCHER TRES FONCTIONNELLE ::::::::::::::::::::::::::::::::::::::::
        $('#CheckAllCheckbox').on('click', function() {
            var table =  $("#tacheTableDemandeLocataire").DataTable();
            var rows = table.rows({ search: 'applied' }).nodes();
            $('input[type="checkbox"]', rows).prop('checked', this.checked);
             if (this.checked) {
                   
                tableauIDDemandeLocataireLigne.length = 0;
                    $('input[data-checkbox="MyCheckbox"]',rows).each(function() {
                    tableauIDDemandeLocataireLigne.push(this.value)
                    }) 
                    
            } else {
                tableauIDDemandeLocataireLigne.length = 0;
            }
            console.log(tableauIDDemandeLocataireLigne)
        });

        $(document).on('change', '#checkboxTable', function() {
            var valeurCase = $(this).val(); 
            if ($(this).is(':checked')) {
                tableauIDDemandeLocataireLigne.push(valeurCase);
            } else {
                var index = tableauIDDemandeLocataireLigne.indexOf(valeurCase);
                if (index !== -1) {
                    tableauIDDemandeLocataireLigne.splice(index, 1);
                }
            }
        });
        // :::::::::::::::::::::::::::::::::::::::::: FIN CASE A COCHER TRES FONCTIONNELLE ::::::::::::::::::::::::::::::::::::::::
        
        

        $('.FormProfomaDemandeLocataireAdd').on('submit',function(e){

            if(TableTravaux.length == 0){

                    Notification('Erreur','Veuillez selectionner au moins une tâche', 'top-right', 'error')
                    return false;
                }
             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();
                var formData = new FormData(this);
                formData.append('tabIDDemandeLocataireLigne',JSON.stringify(TableTravaux))
                 MesrequetesAjax("{{ Route('FacturePrestation.creer') }}", "POST",formData, false, false,
                    "JSON",
                    function(resp) {
                        if(resp.error){
                            Notification('Erreur', resp.msg, 'top-right', 'error')
                            return false;
                        }
                    Notification('Succès', resp.msg, 'top-right', 'success')
                    $('.FormProfomaDemandeLocataireAdd').removeClass('was-validated');
                    $('.FormProfomaDemandeLocataireAdd')[0].reset();
                    TableTravaux.length = 0;

                    $('#DemandeLocataireProformaModal').modal('hide')
                    //recuperationFacturePrestation();
                    },
                    null,
                    function(){

                        {{-- if($.trim($('#montantFacturePrestation').val()).length==0){
                            return false;
                        } --}}
                         if($.trim($('#PrestataireFacturePrestation').val()).length==0){
                            return false;
                        }
                        
                    })
            }
           
        })

        $('.btnSubmit').on('click',function(e){

            $('.FormProfomaDemandeLocataireAdd').submit();
        })

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

            var IDFactureprestation  = $(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('FacturePrestation.supprimer') }}",
                            "GET", {
                                IDFacturePrestation: IDFactureprestation, 
                            }, null, true, "JSON", function(response) {
                                Notification('Succès', response.msg, 'top-right','success')
                              recuperationFacturePrestation();

                            });

                        }
                    },

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

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

                var IDFactureprestation  = $(this).data('id');
                MesrequetesAjax("{{ route('FacturePrestation.recuperation') }}","GET", {
                                IDFacturePrestation: IDFactureprestation, 
                            }, null, true, "JSON", function(resp) {
                                
                var table= $("#tacheTableDemandeLocataire").DataTable();
                 table.clear().draw();
                 var i =0;
                $.each(resp.AllFacturePrestation,function(key,value){
                        
                     $.each(resp.ligne,function(key,values){
                                 $('.RefFacturePrestation').val(resp.ligne[0].refFacturePrestation)
                                 $('.dateFacturePrestation').val(resp.ligne[0].dateFacturePrestation)
                                 //$('#montantFacturePrestation').val(resp.ligne[0].montantFacturePrestation)
                                  $('#PrestataireFacturePrestation').val(resp.ligne[0].IDPrestataire).trigger('change')
                                  $('#StatutFacturePrestation').val(resp.ligne[0].statusFacturePrestation).trigger('change')
                                  $('#ObservationFacturePrestation').val(resp.ligne[0].observationFacturePrestation)
                                 
                                if(value.motifDemandeLocataire == values.motifDemandeLocataire){

                                        i++; 
                                }
                     })

                     if( i >0){

                             table.row.add([
                                            '<div class="form-check d-flex justify-content-center" style="margin-left:-14px"><input class="form-check-input my-checkbox" data-checkbox="MyCheckbox" checked="checked" value="'+value.IDDemandeLocataireLigne+'" id="checkboxTable"  type="checkbox"/></div>',
                                            value.motifDemandeLocataire
                                        ])
                     }else{

                        table.row.add([
                                            '<div class="form-check d-flex justify-content-center" style="margin-left:-14px"><input class="form-check-input my-checkbox" data-checkbox="MyCheckbox" value="'+value.IDDemandeLocataireLigne+'" id="checkboxTable"  type="checkbox"/></div>',
                                            value.motifDemandeLocataire
                                        ])
                     }
                   
                })

                table.draw();
                });
        })

         //29-01-2024
        // IMPRESSION LISTE DES LOCATIONS
        $(document).on('click','#ImprimerListeDemadeLocataire',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:9,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:9,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 TablerecuperationDemandeLocataire(response) {
        var table = $("#DemandeLocataireDatatable").DataTable();
        table.clear().draw();
        var photoprofil = '';
        var statut = '';
        $.each(response, function(key, value) {
            {{-- if (value.photoProfil != "") {
                photoprofil = '<img class="imgInTableRow animate__animated  animate__flash" src="media/PhotoProfil/' + value.photoProfil + '">';
            } --}}

            if(value.TypeLocataire==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.statutDemande == 1) {
                statut = '<span class="badge bg-success">En cours</span>'
            }else if(value.statutDemande == 2){
                  statut = '<span class="badge bg-warning">En attente</span>'
            }else{
                 statut = '<span class="badge bg-success">Terminer</span>'
            }

            var prenom ='';
            if(value.prenom !=null){
                prenom = value.prenom;
            }
            var heure = value.dateCreationDemandeLocataire.substr(11,19)
            table.row.add([
            '<i class="fa fa-plus-circle text-warning cursor-pointer" title="Création de facture proforma" data-id="'+value.IDDemandeLocataire+'" id="CreerProforma"></i> &nbsp;&nbsp; <i id="supprimerDemandeLocataire" title="Supprimer" data-iddemandelocataire="'+value.IDDemandeLocataire+'" class="fa fa-trash text-danger cursor-pointer"></i> &nbsp;&nbsp; <i id="modifierDemandeLocataire" title="Modifier" data-iddemandelocataire="'+value.IDDemandeLocataire+'" class="fa fa-edit text-success cursor-pointer"></i>',
            value.refDemandeLocataire,
            photoprofil+' '+value.nom+' '+prenom,
            value.intituleBien,
            formatageDate(new Date(value.dateDemande)),
            statut,
            '<span style="color:black;font-weight:bold">Par '+ value.nom_utilisateur +' '+ value.prenom_utilisateur +'</span> <br> le '+
                formatageDate(new Date(value.dateCreationDemandeLocataire))+' '+heure
            ]);
        })

        table.draw()
    }
    
    function GetDemandeLocataire($dateDebut,$dateFin){
         MesrequetesAjax("{{ route('DemandeLocataire.recuperation') }}", "GET",{dateDebut:$dateDebut,dateFin:$dateFin}, null, true,
            "JSON",
            function(response) {
                $('div#loaders').addClass('hiddenElement');
                TablerecuperationDemandeLocataire(response)
            }, null,
            function() {
                $('div#loaders').removeClass('hiddenElement');
            });
    }
    function GetLocataire(){
         MesrequetesAjax("{{ route('Locataire.recuperation') }}", "GET", null, true, true, "JSON", function(response) {
            
            $.each(response.ligne,function(key,value){

                 var prenom = "";
                if(value.prenom !=null){
                    prenom = value.prenom;
                }
                  $('#LocataireSelect').append($('<option>',{value:value.IDLocataire, text: value.nom+' '+prenom}))  
            })
        });
    }
    function ReferenceFacturePrestation(){
         MesrequetesAjax("{{ route('referenceFacturePrestation.creer') }}", "GET", null, true, true, "JSON", function(resp) {
            $('.RefFacturePrestation').val(resp[0]);
            $('.RefFacturePrestationNumerique').val(resp[1]);
        });
    }
    function GetLocation(){

            MesrequetesAjax("{{ route('Location.recuperation') }}", "GET",null, true, true,"JSON", function(response) {
                
                 $('#LocationSelect').html('')
                 $('#LocationSelect').append(' <option selected disabled value="">Choisir...</option>')
                $.each(response.data,function(key,value){
                    var  prenom = '';
                    if(value.prenom !=null){
                        prenom = value.prenom;
                    }
                  $('#LocationSelect').append($('<option>',{value:value.IDLocation, text: value.refLocation+'   <>   '+value.nom+' '+prenom}))  
                })  
            })
    }

    function GetPrestataire(){
         MesrequetesAjax("{{ route('Prestataire.recuperation') }}", "GET", null, true, true, "JSON", function(response) {
            $('#PrestataireFacturePrestation').html('')
            $('#PrestataireFacturePrestation').append('<option selected disabled value="">Choisir...</option>')
            $.each(response.data, function(key, value) {
                var prenom = "";
                if(value.prenom !=null){
                    prenom = value.prenom
                }
                $('#PrestataireFacturePrestation').append($('<option>', {
                    value: value.IDPrestataire,
                    text: value.nom+' '+prenom
                }))
            })
        });
    }

    function recuperationFacturePrestation(){
        var IddemandeLocataire = $('#inputHiddenIDDemandeLocataire').val();
      
          MesrequetesAjax("{{ route('FacturePrestation.recuperation') }}", "GET", {IdDemandeLocataire : IddemandeLocataire }, null, true, "JSON", function(response) {
                var table = $("#TableFacturePrestation").DataTable();
                    table.clear().draw();
                $.each(response.ligne,function(key,value){
                    var statusFacturePrestation ='<span class="badge bg-success">Proforma</span>'
                    if(value.statusFacturePrestation == 2){
                        statusFacturePrestation =  '<span class="badge bg-warning">Facture</span>';
                    }
                    table.row.add([
                        '<i class="fa fa-trash text-danger cursor-pointer" title="Supprimer facture prestation" id="SupprimerFacturePrestation" data-id="'+value.IDFacturePrestation+'"></i> <i class="fa fa-edit text-success cursor-pointer" title="Modification de facture prestation" id="modifierFaturePrestation" data-id="'+value.IDFacturePrestation+'"></i>',
                        formatageDate( new Date(value.dateFacturePrestation)),
                        value.refFacturePrestation,
                        formaterNombre(value.montantFacturePrestation)+' F',
                        statusFacturePrestation,
                    ])
                })

                table.draw();
          })
          ReferenceFacturePrestation();
    }
    
    function ReferenceDemandeLocataire(){

         MesrequetesAjax("{{ route('getReferenceDemandeLocataire.creer') }}", "GET", null, true, true, "JSON", function(resp) {
            $('.RefDemandeLocataire').val(resp[0]);
            $('.RefDemandeLocataireNumerique').val(resp[1]);
            
        });
    }
    function recuperationTypedePiece(){
        MesrequetesAjax("{{ route('typePiece.recuperation') }}", "GET", null, true, true, "JSON", function(resp) {
            $.each(resp.data, function(key, values) {
                $('.TypeDocumentSelect').append($('<option>', {
                    value: values.IDTypepiece,
                    text: values.libelleType_piece
                }))
            })
        });  
    }
    function recuperationDocumentDemande() {
        var docAddtable = $('#FormTableDocumentTableDemandeLocataire').DataTable();
        var IDprestataire = $('#IDprestataire').val()
        MesrequetesAjax("{{ route('Document.recuperation') }}", "GET", {
            typeDossier: 7,
            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 afficheDemandeLocataireTravaux(){
           var table =$("#TableTravauxPrestation").DataTable()
            table.clear().draw();
           $.each(TableTravaux,function(key,value){

                table.row.add([
                    '<i class="fa fa-trash text-danger cursor-pointer" id="deleteMotifDemandeLocataire" data-id="'+value.IDDemandeLocataireLigne+'"></i>',
                    value.motifDemandeLocataire,
                    value.status
                ])
           })
         table.draw()
    }
</script>

</body>

</html>