@include('../header')

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

    @include('../navigation')

    <div class="content">

        <div class="d-flex justify-content-between">
            <h4> <i class="fas fa-fan"></i> Listes des factures prestataire</h4>

                <button type="button" id="ImprimerListeFacturePrestataire" style="margin-right:8px;"  class="btn btn-warning btn-sm rounded-pill"><i data-feather="printer"></i>
                        Impression
                    </button>
            {{-- <button type="button" id="callPopup" class="btn btn-success btn-sm rounded-pill"><i
                    data-feather="plus-circle"></i>
                Générer</button> --}}
        </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 dateInput" 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="TableFactureTravaux" class="table table-striped w-100">
                        <thead class="tableauEntete">
                            <tr>
                                <th>Actions</th>
                                <th>Date</th>
                                
                                <th>Référence</th>
                                
                                <th>Prestataire</th>
                                
                                <th>Statut</th>
                                <th>Montant</th>
                                <th>Avance</th>
                                <th>Reste</th>
                            </tr>

                        </thead>
                    </table>

                </div>

                <div class="modal fade" id="ModificationModalFacturePrestation" 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="">Modification</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 id="" class="formFactureUpdate needs-validation p-0" method="POST" novalidate>
                                            @csrf
                                            <div class="row g-2 mb-3">

                                                <div class="col-md-12 col-lg-4 col-xl-4 col-sm-12">
                                                <label class="FormLabel">Référence demande</label>
                                                <input type="text" class="form-control" name="" id="refDemande" readonly>
                                                </div>

                                                <div class="col-md-12 col-lg-4 col-xl-4 col-sm-12">
                                                <label class="FormLabel">Référence facture</label>
                                                <input type="text" class="form-control" name="" id="refFacturePrestation" readonly>
                                                </div>

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

                                            <input type="hidden" id="IDfacturePrestation" name="IDfacturePrestation">
                                            <input type="hidden" id="IDDemandeLocataire">

                                            <div class="mb-3">
                                                <label class="FormLabel">Tâche</label>
                                                <select class="form-select" name="" id="listeDemandeLigne"></select>
                                            </div>

                                            <div class="table-responsive">
                                                <table style="width:70%;" align="center" class="table table-striped table-bordered">
                                                <thead style="background: #76D7C4">
                                                <th class="text-center">#</th>
                                                <th>Tâche</th>
                                                <th>Statut</th>
                                                </thead>
                                                <tbody id="tableDemandeLigne">
                                                
                                                </tbody>
                                                </table> 
                                            </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="submit">Modifier</button>
                                        </div>
                                        </form>
                                    </div>
                                </div>
                    </div>



                {{-- <div class="table-responsive">

                    <table id="TableFacturePrestation" class="table table-striped w-100">
                        <thead class="tableauEntete">
                            <tr>
                                <th>Actions</th>
                                <th>Date</th>
                                
                                <th>Référence</th>
                                
                                <th>Prestataire</th>
                                
                                <th>Montant</th>
                            </tr>

                        </thead>
                    </table>

                </div> --}}


            </div>
        </div>


        @include('../primary_footer')

    </div>


</main>

@include('../rightbar')

@include('../footer')


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

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

        });

        
        $("#TableFacturePrestation").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,3],
                        className:'text-center'
                    },
                     {
                        targets:[4],
                        className:'text-end'
                    },
                   
                ] --}}

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

        $('#callPopup').on('click', function() {
            $.confirm({
                  title: '<span style="font-size:15px">Génération de facture</span>',
                  buttons: {
                    fermer: {
                        text: 'Fermer',
                    },
                    formSubmit: {
                        text: 'GENERER',
                        btnClass: 'btn-green',
                        action: function () {
                           
                         var IDprestataire = $('#IdPrestataire').val();
                         MesrequetesAjax("{{ route('facturePrestataire.creer') }}", "GET", {IDPrestataire:IDprestataire}, null, true, "JSON", function(
                           resp) {
                                Notification('Succès',resp.msg,'top-right','success')
                                recuperationFactTravaux()
                           })
                            
                            
                           // $.alert(l)
                        }
                    },
                    
                },
                content: function() {
                    var self = this;
                    return $.ajax({
                        url: '{{route("Prestataire.recuperation")}}',
                        dataType: 'json',
                        method: 'get'
                    }).done(function(response) {
                        
                        var option = '<option value="0">TOUS</option>';
                        $.each(response.data,function(key,value){
                            
                            option +='<option value="'+value.IDPrestataire+'">'+value.nom+'</option>'
                        })
                        self.setContent('<select class="form-select" id="IdPrestataire" name="">'+option+'</select>');
                       
                    }).fail(function() {
                        self.setContent('Une erreur s\'est produite');
 
                    });
                }
            });
        })

        $(document).on('click','#ImprimerFactureTravaux',function(){
               var IDfactTravaux = $(this).data('id');
                var IDprestataire = $(this).data('idprestataire')                         
                             // mode:1 => impression avec Entete
                            // 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('facturePrestataire.imprimer') }}", "GET", {IDFacturePrestation:IDfactTravaux,IDPrestaire:IDprestataire,mode:0 }, null, true, null, function(resp) {

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

                                               }

                                            },

                                    tryAgain: {
                                        text: 'OUI',
                                        btnClass: 'btn-red',
                                        action: function() {
                                           
                                                    MesrequetesAjax("{{ route('facturePrestataire.imprimer') }}", "GET", {IDFacturePrestation:IDfactTravaux,IDPrestaire:IDprestataire,mode:1 }, null, true, null, function(resp) {

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

                                        }
                                    },
                                },

                            });

               
        })

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

            var IDFactPrestation = $(this).data('id');
            var IDprestataire = $(this).data('idprestataire')
            $.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:IDFactPrestation,IDPrestataire:IDprestataire}, null, true, "JSON", function(resp) {
                                Notification('Succès',resp.msg,'top-right','success');
                                if(resp.error){
                                    Notification('Erreur',resp.msg,'top-right','error');
                                }
                                recuperationFactTravaux()

                               
                            }) 

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

        })

        $(document).on('change','#ChangerStatusFacturePrestation',function(){

            /*var IDFactTravaux = $(this).data('id');
            var IDprestataire = $(this).data('idprestataire')*/

            var valeur = $(this).val();
            IDFacturePrestation = $(this).find(':selected').data('id')

            $.confirm({
            icon: 'fa fa-warning',
            title: '<span style="font-size:15px;color:black; font-weight:bolder">Voulez-vous vraiment changer le statut ?</span>',
            content: '',
            type: 'orange',
            typeAnimated: true,
            buttons: {
                tryAgain: {
                    text: 'OUI',
                    btnClass: 'btn-red',
                    action: function() {
                        
                        MesrequetesAjax("{{ route('StatutFacturePrestation.Update') }}", "GET", {IDFacturePrestation:IDFacturePrestation,ValeurStatus:valeur}, null, true, "JSON", function(resp) {
                            Notification('Succès',resp.msg,'top-right','success');
                            recuperationFactTravaux()
                        }) 
                    }
                },
                fermer: {
                    text: 'NON',
                    action: function() {

                            recuperationFactTravaux()

                    }
                },
            
            }
        });
        })

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

                var idfacturePrestation = $(this).data('id');
                var idDemandeLocataire = $(this).data('demandelocataire')
                $('#IDDemandeLocataire').val(idDemandeLocataire)
                $('#IDfacturePrestation').val(idfacturePrestation)
                recuperationFactureInfo(idfacturePrestation,idDemandeLocataire)
              
                $('#ModificationModalFacturePrestation').modal('show') 
        })

        $(document).on('change','#changeStatusTache',function(){

                var  getID= $(this).find(':selected').data('iddemandelocataireligne')
                var valeur = $(this).val();

               var IDDemandeLocatairesLigne =  $('#IDDemandeLocataire').val()
               var IDfacturePrestations =  $('#IDfacturePrestation').val()

                $.confirm({
                    icon: 'fa fa-warning',
                    title: '<span style="font-size:15px;color:black; font-weight:bolder">Voulez-vous vraiment changer le statut ?</span>',
                    content: '',
                    type: 'orange',
                    typeAnimated: true,
                    buttons: {
                        tryAgain: {
                            text: 'OUI',
                            btnClass: 'btn-red',
                            action: function() {

                                MesrequetesAjax("{{ route('DemandeLocataireLigneStatus.modifier') }}", "GET", {IDDemandeLocataireLigne:IDDemandeLocatairesLigne,Valeur:valeur}, null, true, "JSON", function(resp) {

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

                                })
                            }
                        },
                        fermer: {
                            text: 'NON',
                            action: function() {
                                    recuperationFactureInfo(IDfacturePrestations,IDDemandeLocatairesLigne)
                            }
                        },
                    
                    }
                });
               
                 
                
        })

        $(document).on('change','#listeDemandeLigne',function(){

               var idfacturePrestation =  $('#IDfacturePrestation').val()
               var idDemandeLocataire = $('#IDDemandeLocataire').val()
               var valeurTache = $(this).val()
               MesrequetesAjax("{{ route('AjoutTacheAfactureSpecifique.creer') }}", "GET", {IDFacturePrestation:idfacturePrestation,Valeur:valeurTache}, null, true, "JSON", function(resp) {
                
                Notification('Succès',resp.msg,'top-right','success');
                recuperationFactureInfo(idfacturePrestation,idDemandeLocataire)
               })
        })

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

                var idTache = $(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('Tachefacture.supprimer') }}", "GET", {IDDemandeLocataireLigne:idTache}, null, true, "JSON", function(resp) {
                                Notification('Succès',resp.msg,'top-right','success');
                                var idfacturePrestation =  $('#IDfacturePrestation').val()
                                var idDemandeLocataire = $('#IDDemandeLocataire').val()
                                recuperationFactureInfo(idfacturePrestation,idDemandeLocataire)

                            }) 

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

        })
        
        $('.formFactureUpdate').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('facturePrestation.modifier') }}", "POST", new FormData(this), false,
                    false, "JSON",
                    function(resp) {
                       
                        Notification('Succès',resp.msg,'top-right','success')

                        $('#ModificationModalFacturePrestation').modal('hide')
                         recuperationFactTravaux();
                        $('.formFactureUpdate').removeClass('was-validated');

                },null,
                function(){
                    
                    if($('#montantFacturePrestation ').val().length==0){
                        
                        return false;
                    }


                    
                    
                })
            }
        })
           
                           //29-01-2024
    // IMPRESSION LISTE DES FACTURES PRESTATAIRES
    $(document).on('click','#ImprimerListeFacturePrestataire',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:13,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:13,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 recuperationFactTravaux(){

        MesrequetesAjax("{{ route('facturePrestataire.recuperation') }}", "GET", null, null, true, "JSON", function(resp) {
                            tableFactureTravaux(resp)
                           })
        
    }
    function tableFactureTravaux(response){

        var table = $('#TableFactureTravaux').DataTable();
        table.clear().draw();
        $.each(response,function(key,value){
            var prenom ='';
            if(value.prenom !=null){
                prenom = value.prenom;
            }

            var Statut = '';
            
            if(value.statusFacturePrestation ==1){
                Statut = '<select class="form-select" id="ChangerStatusFacturePrestation"><option selected data-id="'+value.IDFacturePrestation+'" value="1">Proforma</option> <option data-id="'+value.IDFacturePrestation+'" value="2">Facture</option> </select>';
            }else{
                Statut = '<select class="form-select" id="ChangerStatusFacturePrestation"><option data-id="'+value.IDFacturePrestation+'" value="1">Proforma</option> <option data-id="'+value.IDFacturePrestation+'"  selected value="2">Facture</option> </select>';
            }

            var reste = 0;
            reste = value.montantFacturePrestation - value.TotalRegleFacture;
            table.row.add([
                '<i id="SupprimerFacturePrestataire" title="Supprimer" data-id="'+value.IDFacturePrestation+'" data-idprestataire="'+value.IDPrestataire+'" class="fa fa-trash text-danger cursor-pointer"></i> &nbsp;&nbsp;<i title="Imprimer" id="ImprimerFactureTravaux" data-idprestataire="'+value.IDPrestataire+'"  data-id="'+value.IDFacturePrestation+'" class="fa fa-print text-warning cursor-pointer"></i>&nbsp;&nbsp; <i title="Modifier" class="fa fa-edit text-success cursor-pointer" id="ModificationFacturePrestation" data-id="'+value.IDFacturePrestation+'" data-demandelocataire="'+value.IDDemandeLocataire+'"></i>',
                formatageDate(new Date(value.dateFacturePrestation)),
                value.refFacturePrestation,
                value.nom+' '+prenom,
                Statut,
                formaterNombre(value.montantFacturePrestation)+' F',
                formaterNombre(value.TotalRegleFacture)+' F',
                formaterNombre(reste)+' F'

            ])
        })

         table.draw();
    }

    function recuperationFactureInfo($idfacturePrestation,$idDemandeLocataire){

          MesrequetesAjax("{{ route('FacturePrestationModification.recuperation') }}", "GET", {IDFacturePrestation:$idfacturePrestation,IDDemandeLocataire:$idDemandeLocataire}, null, true, "JSON", function(resp) {

                     $('#listeDemandeLigne').html('')
                     $('#listeDemandeLigne').append(' <option selected desabled value="">Choisir...</option>')
                     $.each(resp.RecuperationDemandeLigneOfNull,function(key,value){

                        $('#listeDemandeLigne').append($('<option>',{
                            value:value.IDDemandeLocataireLigne,
                            text:value.motifDemandeLocataire
                        }))
                    })

                    
                    $('#tableDemandeLigne').html('')
                    $.each(resp.data,function(key,value){
                        $('#refDemande').val(value.refDemandeLocataire)
                        $('#refFacturePrestation').val(value.refFacturePrestation)
                        InputSeparateurMillierAffectation(value.montantFacturePrestation,$('#montantFacturePrestation'))
                      
                        $.each(value.DemandeLigne,function(key,values){
                            var status = '';
                            if(values.statusDemandeLocataireLigne == 1){
                                status = '<select class="form-select" id="changeStatusTache"><option selected data-iddemandelocataireligne ="'+values.IDDemandeLocataireLigne+'" value="1">En attente</option><option data-iddemandelocataireligne ="'+values.IDDemandeLocataireLigne+'" value="2">En cours</option><option data-iddemandelocataireligne ="'+values.IDDemandeLocataireLigne+'" value="3">Annuler</option><option data-iddemandelocataireligne ="'+values.IDDemandeLocataireLigne+'" value="4">Terminer</option></select>';
                            }else if(values.statusDemandeLocataireLigne == 2){
                               status = '<select class="form-select" id="changeStatusTache"><option data-iddemandelocataireligne ="'+values.IDDemandeLocataireLigne+'" value="1">En attente</option><option selected data-iddemandelocataireligne ="'+values.IDDemandeLocataireLigne+'" value="2">En cours</option><option data-iddemandelocataireligne ="'+values.IDDemandeLocataireLigne+'" value="3">Annuler</option><option data-iddemandelocataireligne ="'+values.IDDemandeLocataireLigne+'" value="4">Terminer</option></select>';
                            }else if(values.statusDemandeLocataireLigne == 3){
                               status = '<select class="form-select" id="changeStatusTache"><option data-iddemandelocataireligne ="'+values.IDDemandeLocataireLigne+'" value="1">En attente</option><option data-iddemandelocataireligne ="'+values.IDDemandeLocataireLigne+'" value="2">En cours</option><option selected data-iddemandelocataireligne ="'+values.IDDemandeLocataireLigne+'" value="3">Annuler</option><option data-iddemandelocataireligne ="'+values.IDDemandeLocataireLigne+'" value="4">Terminer</option></select>';
                            }else{
                               status = '<select class="form-select" id="changeStatusTache"><option selected data-iddemandelocataireligne ="'+values.IDDemandeLocataireLigne+'" value="1">En attente</option><option data-iddemandelocataireligne ="'+values.IDDemandeLocataireLigne+'" value="2">En cours</option><option  data-iddemandelocataireligne ="'+values.IDDemandeLocataireLigne+'" value="3">Annuler</option><option selected data-iddemandelocataireligne="'+values.IDDemandeLocataireLigne+'" value="4">Terminer</option></select>';
                            }

                          $('#tableDemandeLigne').append('<tr><td class="text-center"><i id="SupprimerTache" data-id="'+values.IDDemandeLocataireLigne+'" class="fa fa-trash text-danger cursor-pointer"></i></td><td>'+values.motifDemandeLocataire+'</td><td>'+status+'</td></tr>');
                        })   
                    })

                    
                })
    }
</script>
</body>

</html>