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

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

    @include('../navigation')

    <div class="content">
             @include('../loading')
        <div class="d-flex justify-content-between">
            <h4> <i class="fas fa-fan"></i> Listes des prestataires</h4>


                <div class="d-flex">
                
                    <button type="button" id="ImprimerListePrestataire" style="margin-right:8px;"  class="btn btn-warning btn-sm rounded-pill"><i data-feather="printer"></i>
                        Impression
                    </button>
                    @if( $D_Creation_prestataire)
                        <button type="button" class="btn btn-success btn-sm rounded-pill" id="btn-addprestataireCallModal"
                    ><i data-feather="plus-circle"></i> Ajouter</button>
                    @endif
                </div>
                
            
        </div>
        <hr>
        <div class="card card-shadow">

            <div class="card-body">
                <div class="table-responsive">
                    <table id="PrestataireDatatable" class="table table-striped w-100">
                        <thead class="tableauEntete">
                            <tr>
                                <th>Actions</th>
                                <th>Matricule</th>
                                <th>Prestataire</th>
                                <th>Email</th>
                                <th>Téléphone mobile</th>
                                <th>Adresse postale</th>
                                <th>BIC/SWIF</th>
                                <th>IBAN</th>
                                <th>Info création</th>

                            </tr>
                        </thead>

                    </table>
                </div>

            </div>
        </div>

        <div class="modal fade" id="ModalPrestataireParticulier" tabindex="-1" aria-labelledby="staticBackdropLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header  modal-header-Bg">
                        <h5 class="modal-title text-white" id="modalTitleParticulier"></h5>
                        <button class="btn p-1 FermerCreationParticulier" type="button" data-bs-dismiss="modal" aria-label="Close"><span
                                class="fas fa-times fs--1 text-white"></span></button>

                                <button class="btn p-1 FermerModificationParticulier" style="display:none" type="button"><span
                                class="fas fa-times fs--1 text-white"></span></button> 
                    </div>
                    <div class="modal-body">
                        <form class="formPrestataireAdd  needs-validation p-0" method="POST" novalidate>
                           @include('FICHES/prestataireForm')
                    </div>
                    <div class="modal-footer">

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

         <div class="modal fade" id="PrestataireEntrepriseModal" tabindex="-1" aria-labelledby="staticBackdropLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header  modal-header-Bg">
                        <h5 class="modal-title text-white" id="modalTitleEntreprise"></h5>
                        
                            <button class="btn p-1 FermerCreationEntreprise" type="button" data-bs-dismiss="modal" aria-label="Close">
                             <span class="fas fa-times fs--1 text-white"></span>
                            </button>

                            <button class="btn p-1 FermerModificationEntreprise" style="display:none" type="button">
                                <span class="fas fa-times fs--1 text-white"></span>
                            </button>

                    </div>
                    <div class="modal-body">
                   
                        <form class="FormAddPrestataireEntreprise needs-validation p-0" method="POST" novalidate>

                                @csrf
                                
                                  <input type="hidden" class="form-control IDprestataireEntrepriseInput" value="0" id="IDprestataireEntrepriseInput"name="IDprestataireEntrepriseInput">
                                  
                                <div class="row g-3">
                                
                                    <div class="col-md-2">
                                        <label for="" class="FormLabel">Matricule</label>
                                        <input type="text" class="form-control matriculePrestataire" id="matriculePrestataire" name="matriculePrestataire" readonly>
                                        <input type="hidden" class="form-control matriculeNumeriquePrestataire" id="matriculeNumeriquePrestataire" name="matriculeNumeriquePrestataire" readonly>
                                       
                                    </div>

                                    <div class="col-md-4">
                                        <label for="nom" class="FormLabel">Raison sociale</label>
                                        <input type="text" class="form-control RaisonSocial" id="RaisonSocial" name="RaisonSocial" required>
                                        <div class="invalid-feedback">
                                            Raison sociale obligatoire
                                        </div>
                                    </div>

                                    <div class="col-md-2">
                                        <label for="" class="FormLabel">Type de société</label>
                                        <select class="form-select TypeSocieteSelect" id="TypeSocieteSelect" name="TypeSocieteSelect" required>
                                            <option selected disabled value="">Choisir...</option>
                                        </select>
                                        <div class="invalid-feedback">
                                            Type de société obligatoire
                                        </div>
                                    </div>

                                    <div class="col-md-4">
                                        <label for="" class="FormLabel">Email (Société)</label>
                                       <input type="text" class="form-control EmailEntreprise" id="EmailEntreprise" name="EmailEntreprise">
                                    </div>

                                </div>

                                     <div class="row g-3">
                                
                                          <div class="col-md-4">
                                                <label for="" class="FormLabel">Téléphone</label>
                                                <input type="text" class="form-control telephoneEntreprise" id="telephoneEntreprise" name="telephoneEntreprise">
                                                <div class="invalid-feedback">
                                                Téléphone obligatoire
                                                </div>
                                            </div>

                                            <div class="col-md-4">
                                                <label for="" class="FormLabel">Code postal</label>
                                                <input type="text" class="form-control CodepostalEntreprise" id="CodepostalEntreprise" name="CodepostalEntreprise">
                                                <div class="invalid-feedback">
                                            
                                                </div>
                                            </div>

                                            <div class="col-md-4">
                                                <label for="" class="FormLabel">Adresse postale</label>
                                                <input type="text" class="form-control AdressepostaleEntreprise" id="AdressepostaleEntreprise" name="AdressepostaleEntreprise">
                                                <div class="invalid-feedback">
                                            
                                                </div>
                                            </div>
                                    </div>

                                 <div class="row g-3">
                                
                                    <div class="col-md-3">
                                        <label for="" class="FormLabel">RCCM</label>
                                        <input type="text" class="form-control Rccm" id="Rccm" name="Rccm" required>
                                        <div class="invalid-feedback">
                                           RCCM obligatoire
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                        <label for="" class="FormLabel">Numéro compte contribuable</label>
                                        <input type="text" class="form-control CpteContribuable" id="CpteContribuable" name="CpteContribuable" required>
                                        <div class="invalid-feedback">
                                            Numéro compte contribuable obligatoire
                                        </div>
                                    </div>

                                    <div class="col-md-3">
                                    <label for="" class="FormLabel">Pays</label>
                                            <select class="form-select PaysSelect Pselect2X" id="PaysSelect" name="Pays">
                                                <option selected disabled value="">Choisir...</option>

                                            </select>
                                    </div>
                                    <div class="col-md-3">
                                     <label for="" class="FormLabel">Ville</label>
                                            <select class="form-select VilleSelect Pselect2X" id="VilleSelect" name="Ville">
                                                <option selected disabled value="">Choisir...</option>
                                            </select>
                                    </div>
                                
                                </div>
                                <div class="row g-3">
                                
                                  <div class="col-md-6">
                                            <label for="IbanGerantSociete" class="FormLabel">IBAN</label>
                                            <input type="text" class="form-control IbanGerantSociete" id="IbanGerantSociete" name="IbanGerantSociete" >
                                            <div class="invalid-feedback">
                                            
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <label for="BicGerantSociete" class="FormLabel">BIC/SWIF</label>
                                            <input type="text" class="form-control BicGerantSociete" id="BicGerantSociete" name="BicGerantSociete" >
                                            <div class="invalid-feedback">
                                            
                                            </div>
                                        </div>
                                </div>

                                <h5 class="mt-3">::. Gérant</h5>

                                <div class="mt-3" style="width:100%; border:0.2px solid green;border-radius:5px;padding:20px;">
                                    <div class="row g-3">
                                        <div class="col-md-7 mt-4">
                                            <div class="form-check form-switch">
                                                <input class="form-check-input" role="switch" id="QuestionCheckbox" type="checkbox" />
                                                <label class="form-check-label" for="QuestionCheckbox">Est-ce que le gérant existe en tant que propriétaire directe ?</label> <label class="form-check-label" id="confirmLabel">Si oui veuillez sectionner dans la liste</label>
                                            </div>
                                        </div>

                                        <div style="display:none" id="ZoneInputListePrestataire" class="col-md-5">
                                            <select class="form-select PrestataireSelect" id="PrestataireSelect" name="GerantSelect">
                                                <option selected disabled value="">Choisir...</option>
                                            </select>
                                            <div class="invalid-feedback">
                                              
                                            </div>
                                        </div>
                                    
                                    </div>
                                    <div class="row g-3 mb-3">
                                    
                                        <div class="col-md-3">
                                            <label for="NomGerantSociete" class="FormLabel">Nom</label>
                                            <input type="text" class="form-control NomGerantSociete" id="NomGerantSociete" name="NomGerantSociete" required>
                                            <div class="invalid-feedback">
                                                Nom du gérant obligatoire
                                            </div>
                                        </div>

                                        <div class="col-md-3">
                                            <label for="PrenomGerantSociete" class="FormLabel">Prénom(s)</label>
                                            <input type="text" class="form-control PrenomGerantSociete" id="PrenomGerantSociete" name="PrenomGerantSociete" required>
                                            <div class="invalid-feedback">
                                                Prénom du gérant obligatoire
                                            </div>
                                        </div>


                                        <div class="col-md-3">
                                            <label for="NumeroGerantSociete" class="FormLabel">Téléphone mobile</label>
                                            <input type="text" class="form-control NumeroGerantSociete" id="NumeroGerantSociete" name="NumeroGerantSociete" required>
                                            <div class="invalid-feedback">
                                                Téléphone obligatoire
                                            </div>
                                        </div>

                                        <div class="col-md-3">
                                            <label for="EmailGerantSociete" class="FormLabel">Email (Gérant)</label>
                                            <input type="text" class="form-control EmailGerantSociete" id="EmailGerantSociete" name="EmailGerantSociete">
                                            <div class="invalid-feedback">
                                        
                                            </div>
                                        </div>    
                                    </div>
                                  
                                </div><br>

                                
                                <div class="d-flex">
                                    <h5>::. Documents</h5>
                                    <div class="gradient-background1" style="width:90%;height:1px;margin-top:13px;margin-left:3px"></div>
                                </div>
                                <div class="row g-3">
                                    <div class="col-md-3">
                                        <label for="" class="FormLabel">Type document</label>
                                        <select class="form-select TypepieceSelect" id="TypedocumentEntreprise" name="documentEntreprise">
                                                <option selected style="color:gray" value="0">Choisir...</option>
                                        </select>
                                        <small class="text-danger" style="font-size:10x;" id="typefichierPretaireEntrepriseRequired"></small>
                                        <input type="file" class="form-control" id="fichierDocumentEntreprise" hidden>
                                    </div>

                                    <div class="col-md-3">
                                        <label for="" class="FormLabel">Référence document</label>
                                        <input type="text" class="form-control referenceDocEntreprise" id="referenceDocEntreprise">
                                        <div class="invalid-feedback">
                                        </div>
                                    </div>

                                    <div class="col-md-4" style="margin-top:32px">
                                    <input type="text" class="form-control" id="nomFichierEntrepriseChoisir" value="Aucun fichier choisi..." readonly>
                                    <small class="text-danger" style="font-size:10x;" id="fichierRequired"></small>
                                    </div>

                                    <div class="col-md-2" style="margin-top:32px;">
                                    <div style="float:right" class="d-flex">
                                        
                                        <button  class="btn btn-danger rounded-pill animate__animated animate__wobble" id="btn-FichierDeleteEntreprise" style="display:none;margin-right:5px" title="Supprimer" type="button"><i data-feather="trash"></i></button>
                                        <button  style="margin-right:5px" class="btn btn-warning rounded-pill" id="btn-ajoutFichierEntreprise" title="Choisir un fichier" type="button"><i data-feather="file"></i></button>
                                        <button  type="button" class="btn btn-secondary rounded-pill" id="btn-AjoutEntrepriseBD"  title="Ajouter"><i data-feather="plus-circle"></i></button>
                                    </div>
                                    
                                    </div>
                                </div>
                                <br>
                                <div class="table-responsive">

                                    <table id="tableFormDocumentPrestataireEntreprise" class="table table-bordered">
                                        <thead>
                                        <tr>
                                        <th>#</th>
                                        <th>Type document</th>
                                        <th>Référence document</th>
                                        <th>Document</th>
                                        </tr>
                                        </thead>
                                    
                                    </table>  
                                </div>

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

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

        <div class="modal fade" id="ModalPrestataireDetail" tabindex="-1" aria-labelledby="staticBackdropLabel"
            aria-hidden="true">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header  modal-header-Bg">
                        <h5 class="modal-title text-white">Fiche prestataire</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">
                      
                       <div class="card card-shadow">
                        
                            <div class="card-body">

                                <div id="prestataireInfos" class="d-flex flex-wrap" >
    
                                </div> 

                             <hr>
                           <div class="d-flex flex-wrap justify-content-center animate__animated animate__zoomIn">
                            <div style="margin-right:15px;font-weight:bold">Total facture : <span style="color:green" id="totalFacturePrestataireComplet">0</span></div>
                            <div style="margin-right:15px;font-weight:bold">Total règlement :  <span style="color:orange" id="totalPrestataireComplet" >0</span></div>
                            <div style="font-weight:bold">Solde :  <span style="color:red" id="SoldePrestataireComplet">0</span></div>
                           </div>
                            </div>
                        </div>

                    {{-- ONGLETS --}}
                        <ul class="nav nav-underline" id="myTab" role="tablist">
                            <li class="nav-item" role="presentation"><a class="nav-link active" id="home-tab"
                                    data-bs-toggle="tab" href="#tab-home" role="tab" aria-controls="tab-home"
                                    aria-selected="false" tabindex="-1">Documents</a></li>
                            {{-- <li class="nav-item" role="presentation"><a class="nav-link" id="profile-tab"
                                    data-bs-toggle="tab" href="#tab-profile" role="tab"
                                    aria-controls="tab-profile" aria-selected="false" tabindex="-1">Travaux</a></li> --}}
                            <li class="nav-item" role="presentation"><a class="nav-link " id="contact-tab"
                                    data-bs-toggle="tab" href="#tab-contact" role="tab"
                                    aria-controls="tab-contact" aria-selected="true">Factures</a></li>
                            <li class="nav-item" role="presentation"><a class="nav-link" id="reglementPrestataire-tab"
                                    data-bs-toggle="tab" href="#tab-reglementPrestataire" role="tab"
                                    aria-controls="tab-reglementPrestataire" aria-selected="true">Règlements</a>
                            </li>

                            <li class="nav-item" role="presentation"><a class="nav-link" id="reglementPrestataireUtilise-tab"
                                    data-bs-toggle="tab" href="#tab-reglementPrestataireUtilise" role="tab"
                                    aria-controls="tab-reglementPrestataireUtilise" aria-selected="true">Règlements utilisé</a>
                            </li>
                    

                        </ul>
                        <div class="tab-content mt-3" id="myTabContent">
                            <div class="tab-pane fade active show" id="tab-home" role="tabpanel"
                                aria-labelledby="home-tab">

                                <div class="table-responsive">
                                    <table id="DocumentTable" class="table table-light">
                                        <thead>
                                            <th>#</th>
                                            <th>Type document</th>
                                            <th>Référence</th>
                                            <th>Libellé</th>

                                        </thead>
                                    </table>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="tab-profile" role="tabpanel"
                                aria-labelledby="profile-tab">

                                <div class="d-flex">
                                    <div>
                                        <span>Total : </span>
                                        <span id="MontantTotalTravaux"></span>
                                    </div>   
                                </div>

                                <div class="table-responsive">
                                    <table id="TravauxTable" class="table table-light">
                                        <thead>
                                            <th>Date début</th>
                                            <th>Date fin</th>
                                            <th>Référence</th>
                                            <th>Statut</th>
                                            <th>Bien</th>
                                            <th>Type de bien</th>
                                            <th>Type précis</th>                                       
                                            <th>Locataire</th>
                                            <th>Ville</th>
                                            <th>Montant travaux</th>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                            <div class="tab-pane fade " id="tab-contact" role="tabpanel"
                                aria-labelledby="contact-tab">
                               
                                 <div class="d-flex">
                                        <div>
                                            <span>Total : </span>
                                            <span id="montantTotalFactureTravaux"></span>
                                        </div>   
                                    </div>

                                <div class="table-responsive">
                                 
                                    <table id="FactureTable" class="table table-light">
                                        <thead>
                                            <th>Date</th>
                                            <th>Référence</th>
                                            <th>Montant facture</th>
                                            
                                        </thead>
                                    </table>
                                </div>
                            </div>

                            <div class="tab-pane fade" id="tab-reglementPrestataire" role="tabpanel"
                                aria-labelledby="reglementPrestataire-tab">

                                <div class="d-flex justify-content-between mb-2">
                                    <div><span>Total : </span> <span id="montanttotalReglement"></span></div>
                                    <div><span>Total réglé : </span> <span id="montanttotalRegle"></span></div>
                                    <div><span>Solde : </span> <span id="montantSolde"></span></div>
                                   
                                    <button type="button" class="btn btn-success" id="btnAddReglementPrestataire">
                                        <i class="fa fa-plus-circle"></i> Faire un Règlement
                                    </button>
                                </div>
                                <input type="hidden" id="IDPrestataireInputHidden">
                                <div class="table-responsive">

                                    <table id="ReglementsPrestataireTable" class="table table-light">
                                        <thead>
                                            <tr>
                                                <th>Date</th>
                                                <th>Réference</th>
                                                 <th>Réference manuelle</th>
                                                <th>Mode règlement</th>
                                                <th>Numero chèque</th>
                                                <th>Banque</th>
                                                <th>Statut</th>
                                                <th>Mont. règlement</th>
                                                <th>Mont. réglé</th>
                                                <th>Solde</th>
                                            </tr>
                                        </thead>
                                    </table>
                                </div>
                            </div>

                            <div class="tab-pane fade" id="tab-reglementPrestataireUtilise" role="tabpanel"
                                aria-labelledby="reglementPrestataireUtilise-tab">

                                <div class="d-flex justify-content-between mb-2">
                                    <div><span>Total : </span> <span id="montantUtiliseReglement"></span></div>
                                    
                                </div>
                                <div class="table-responsive">

                                <table id="TableReglementLignePrestataire" class="table table-light w-100">
                                <thead>
                                    <tr>
                                     
                                        <th>Réference facture</th>
                                        <th>Date opération</th>
                                        <th>Montant</th>
                                        {{-- <th>MontantMasquer</th> --}}
                                        <th>Date de Créarion</th>
                                    </tr>
                                </thead>
                            </table>

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

                    </div>

                    {{-- FIN ONGLET --}}
                    <div class="modal-footer">

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

        @include('../primary_footer')

    </div>

    @include('../chatblock')

</main>

@include('../rightbar')

@include('../footer')

<script>
$(document).ready(function(){
$('.nomPage').text('Prestataires')
    RecuperationPrestataire();

      $('.modal').each(function() {
            $(this).find('.Pselect2X').select2({
                dropdownParent: $(this),
                width: '100%' 
            });
        });
})
</script>
<script>
    $(document).ready(function() {
        $("#PrestataireDatatable").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],
                    className:'text-center'
                },
                 {
                    targets:[4],
                    className:'text-center'
                },
                 {
                    targets:[1,2,4,5,6,7,8],
                    className:'tblWidth-2'
                }
            ]
        });

        $("#tableFormDocumentPrestataireParticulier").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'
                }
            ] 
        });

        $("#tableFormDocumentPrestataireEntreprise").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'
                }
                 
            ]
        });

        $("#DocumentTable").DataTable({

            searching: false,
            "lengthChange": false,
            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: [{
                target: [0, 1, 2],
                className: "text-center"
            }]
        });

        $("#TravauxTable").DataTable({

            searching: false,
            "lengthChange": false,
            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: [
            {
                target: [0, 1, 2,3,4,5,6],
                className: "text-center"
            },
             {
                target: [9],
                className: "text-end"
            }
            ]
        });

        $("#FactureTable").DataTable({

            searching: false,
            "lengthChange": false,
            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: [{
                target: [0, 1],
                className: "text-center"
            },
            
            {
                target: [2],
                className: "text-end"
            }
            ]
        });

        $("#ReglementsPrestataireTable").DataTable({

            searching: false,
            "lengthChange": false,
            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: [
                {
                target: [0, 1,2,3,4,5,6],
                className: "text-center"
                },
                {
                target: [7,8,9],
                className: "text-end"
                }
            ]
        });

        $("#TableReglementLignePrestataire").DataTable({

            searching: false,
            "lengthChange": false,
            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: [{
                target: [0, 1, 3],
                className: "text-center"
            },
            {
                target: [2],
                className: "text-end"
            }]
        });

        var modificationEntrepriseDocumentStatut = false;
        var modificationParticulierDocumentStatut = false;
        recuperationPays();
        TypeSocieteSelect();
        recuperationCivilite();
        recuperationTypedePiece();
        recuperationListeComboProprietaire()
       
        
        $('#RemovePicture').on('click', function() {

            $('.imgPhoto').attr('src', 'assets/img/white.png')
            $('.imgPhoto').attr('alt', '')
            $('.inputPhoto').val('');
            $(this).css('display', 'none')

        })

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

            $('#RemovePicture').css({
                'border-radius': '120px',
                'display': 'block',
                'margin-top': '-42px',
                'width': '30px',
                'height': '30px',
                'margin-left': '38px'
            })
        })

        $('.formPrestataireAdd').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('PrestataireParticulier.creer') }}", "POST", new FormData(this), false,
                    false, "JSON",
                    function(resp) {
                        Notification('Succès', resp.msg, 'top-right', 'success')
                            RecuperationPrestataire();
                            if(resp.error){
                                Notification('Erreur', resp.msg, 'top-right', 'error')
                                return false
                            }
                        $('#ModalPrestataireParticulier').modal('hide')
                        $('.formPrestataireAdd').removeClass('was-validated');
                        $('.formPrestataireAdd')[0].reset();
                        modificationParticulierDocumentStatut = false;
                    },
                    function(error) {},
                    function() {

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

                        if ($('#VilleSelect').val() == 'Choisir...') {
                            return false;
                        }

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

        $('#btn-addprestataireCallModal').on('click',function(){
             $('#modalTitle').text('Ajout de nouveau Prestataire')
             $('.formPrestataireAdd')[0].reset();
             $('.InputHiddenphotoUrlPrestataire').val(0)
             $('.InputHiddenIDPrestataire').val(0)

        })

        var jc;
        // SUPPRESSION DE PRESTATAIRE
        $(document).on('click','#supprimerPrestataire',function(){
             var GetId = $(this).attr('data-id')
             SuppressionElement(GetId,'prestataires','IDPrestataire',RecuperationPrestataire)
        })
        
        //MODIFICATION DE PRESTATAIRE
        $(document).on('click','#ModifierPrestataire',function(){
             $('#modalTitleParticulier').text('Modification prestataire')
            var IdPrestataire = $(this).attr('data-id')
            MesrequetesAjax("{{ route('Prestataire.recuperation') }}", "GET", {IDPrestataire :IdPrestataire}, null, true, "JSON", function(resp) {

                //$('.imgPhoto').css('display','block')
               // $('.imgPhoto').prop("src","media/PhotoProfil/"+resp.data[0].photoProfil)
                $('.nomPrestataire').val(resp.data[0].nom)
                $('.PrenomPrestataire').val(resp.data[0].prenom)
                $('.prestatairetelephoneMobile').val(resp.data[0].telephoneMobile)
                $('.prestatairetelephonefix').val(resp.data[0].telephoneFix)
                $('.prestataireIBAN').val(resp.data[0].iban)
                $('.prestataireBIC').val(resp.data[0].bic_swif)
                $('.IDprestataireParticulier').val(resp.data[0].IDPrestataire)
                $('.prestataireemail').val(resp.data[0].mail)
                $('.prestataireCodePostal').val(resp.data[0].codePostale)
                $('.prestataireAdressePostal').val(resp.data[0].adressePostale)
                $('.CiviliteSelect').val(resp.data[0].IDCivilite)

     

                 //:::::::::::::::::::::::::::::: ENTREPPRISE :::::::::::::::::::::::::::::::::::
                    $('.RaisonSocial').val(resp.data[0].nom)
                    $('.TypeSocieteSelect').val(resp.data[0].IDTypeSociete).trigger('change')
                    $('.PaysSelect').val(resp.data[0].IDPays).trigger('change')
                    $('.VilleSelect').val(resp.data[0].IDVille).trigger('change')
                    $('.Rccm').val(resp.data[0].rccm)
                    $('.CpteContribuable').val(resp.data[0].compteContribuable)

                    $('.EmailEntreprise').val(resp.data[0].mail)
                    $('.telephoneEntreprise').val(resp.data[0].telephoneMobile)
                    $('.CodepostalEntreprise').val(resp.data[0].codePostale)
                    $('.AdressepostaleEntreprise').val(resp.data[0].adressePostale)
                    
                    $('.NomGerantSociete').val(resp.data[0].nomGerant)
                    $('.PrenomGerantSociete').val(resp.data[0].prenomGerant)
                    $('.EmailGerantSociete').val(resp.data[0].mailGerant)
                    $('.NumeroGerantSociete').val(resp.data[0].numeroGerant)
                    $('.IbanGerantSociete').val(resp.data[0].iban)
                    $('.BicGerantSociete').val(resp.data[0].bic_swif)
                    $('.IDprestataireEntrepriseInput').val(resp.data[0].IDPrestataire)
                    $('.matriculePrestataire').val(resp.data[0].matriculePrestataire)
                    $('.matriculeNumeriquePrestataire').val(resp.data[0].matriculePrestataireNumerique)

                    if(resp.data[0].gerantSociete !=null){
                        $('#QuestionCheckbox').prop('checked',true)
                        $('#ZoneInputListePrestataire').css('display','block');
                        $('.PrestataireSelect').val(resp.data[0].gerantSociete).trigger('change')
                    }

                if(resp.data[0].TypePrestataire ==1){
                   var tabDocumentP = $("#tableFormDocumentPrestataireParticulier").DataTable();
                       tabDocumentP.clear().draw();
                    $.each(resp.PieceJointe, function(key,value) {
                         tabDocumentP.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])
                    })
                    tabDocumentP.draw();
                    $('#ModalPrestataireParticulier').modal('show')
                }else{

                     var tabDocumentE = $("#tableFormDocumentPrestataireEntreprise").DataTable();
                        tabDocumentE.clear().draw();
                        $.each(resp.PieceJointe, function(key,value) {
                            tabDocumentE.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])
                        })
                        tabDocumentE.draw();
                        $('#modalTitleEntreprise').text('Modification prestataire (Entreprise)')
                     $('#PrestataireEntrepriseModal').modal('show')
                }
                 

            })
           
        })
        $(document).on('click','#btn-addprestataireCallModal',function(){
               
                    
                /* $('.FermerModalEntreprises').css('display','none');
                 $('.FermerModalEntreprise').css('display','block');
            
                $('#btn-FichierDelete').css('display','none')
                $('#btn-ajoutFichier').css('display','flex')

                 $('#btn-FichierDeleteEntreprise').css('display','none')
                 $('#btn-ajoutFichierEntreprise').css('display','flex')
                recuperationDocumentProprietaire()*/
               jc =  $.confirm({
                title: '',
                content: '<div class="d-flex flex-row flex-wrap justify-content-around align-items-center mt-3 mb-2"><div class="card card-shadow cursor-pointer text-center" style="width:150px;" id="CreerPrestataireEtreprise"> <div class="card-body"> <i class="fa fa-home"></i><br> Entreprise </div> </div>  <div class="card card-shadow cursor-pointer text-center" style="width:150px;" id="CreerParticulierPrestataire"><div class="card-body"> <i class="fa fa-user"></i><br> Particulier </div></div></div>',
                type:'orange',
                backgroundDismiss: true,
                onContentReady: function () {
                    var self = this;
                    this.setContentPrepend('');
                },
                buttons: {
                    fermer: {
                        text: 'Fermer',
                    },
                },
                columnClass: 'small',
            });
            /* matriculeProprietaire()
            $('#btn-AjouterPrestataire').css('display','block')
            $('#btn-ModifierPrestataire').css('display','none')
            
            $('.IDproprietaire').val(0)
            $('.PhotoProfilInputHidden').val(0)
            $('.formProprietraireAdd')[0].reset();
            $('.FormAddProprietaireEntreprise')[0].reset();
            
            $('.imgPhoto').attr('src', 'assets/img/white.png')
            $('.imgPhotos').attr('src', 'assets/img/white.png')
            $('.ZonePieceJointe').html('')

             $('#NomGerantSociete').prop('readonly',false)
            $('#PrenomGerantSociete').prop('readonly',false)
            $('#EmailGerantSociete').prop('readonly',false)
            $('#NumeroGerantSociete').prop('readonly',false)

            $('#IbanGerantSociete').prop('readonly',false)
            $('#BicGerantSociete').prop('readonly',false)*/
          
        })

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

            var table = $('#tableFormDocumentPrestataireParticulier').DataTable();
            table.clear().draw();
            table.draw()
             matriculePrestataires();
            $('.FermerModificationParticulier').css('display','none')
            $('.FermerCreationParticulier').css('display','block')
            $('.modal-title').text('Ajout de nouveau prestataire')
            $('#ModalPrestataireParticulier').modal('show')
            jc.close();
        })

        $(document).on('click','#CreerPrestataireEtreprise',function(){
           
            var table = $('#tableFormDocumentPrestataireEntreprise').DataTable();
            table.clear().draw();
            table.draw()
            $('#confirmLabel').hide();
            matriculePrestataires();
            $('.FermerModificationEntreprise').css('display','none')
            $('.FermerCreationEntreprise').css('display','block')
             $('#modalTitleEntreprise').text('Ajout de nouveau prestataire (Entreprise)')
            $('#PrestataireEntrepriseModal').modal('show'),
            jc.close();
        })

        $('.PaysSelect').on('change',function(){

            var getIdpays = $(this).val();
            MesrequetesAjax("{{ route('villePardIdPays.recuperation') }}", "GET", {Idpays:getIdpays}, null, true, "JSON", function(
               resp) {
                     $('.VilleSelect').html('')
                    $.each(resp.data, function(key, values) {
                            $('.VilleSelect').append($('<option>', {
                                value: values.IDVille,
                                text: values.Libelleville
                     }))
              })

            })
        })

        $('.PaysSelectParticulier').on('change',function(){

            var getIdpays = $(this).val();
            MesrequetesAjax("{{ route('villePardIdPays.recuperation') }}", "GET", {Idpays:getIdpays}, null, true, "JSON", function(
               resp) {
                     $('.VilleSelectParticulier').html('')
                    $.each(resp.data, function(key, values) {
                            $('.VilleSelectParticulier').append($('<option>', {
                                value: values.IDVille,
                                text: values.Libelleville
                     }))
              })

            })
        })

        // :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: SECTION DOCUMENT ENTREPRISE ::::::::::::::::::::::::::::::::::::::::::::::::::::
        // TELECHARGEMENT DE FICHIER LORS DE LA MODIFICATION
        $(document).on('click', '#TelechargementFichierLorsDeLaModification', function() {
            var nomFichier = $(this).attr('data-NomFichier');
            telechargerPieceJoint(nomFichier, 0)
        })
        $('#fichierDocumentEntreprise').change(function() {
            var filenames = $(this).val().split('\\').pop()
            if (filenames) {
                $('#btn-FichierDeleteEntreprise').css('display','flex')
                $('#btn-ajoutFichierEntreprise').css('display','none')
                $('#nomFichierEntrepriseChoisir').val(filenames);
            }
        })

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

                    if($('#TypedocumentEntreprise').val() == 0){

                        $('#typefichierPretaireEntrepriseRequired').text('Type document obligatoire')
                        return false;
                    }else{
                        $('#typefichierPretaireEntrepriseRequired').text('')
                    }

                    if($('#fichierDocumentEntreprise').val().length == 0){

                        $('#fichierRequired').text('Fichier obligatoire')
                        return false;
                    }else{
                        $('#fichierRequired').text('')
                    }
                    
                     $('.FermerModificationEntreprise').css('display','block')
                     $('.FermerCreationEntreprise').css('display','none')
                    var docAddtable =  $('#tableFormDocumentPrestataireEntreprise').DataTable();
                    var fileInput = $('#fichierDocumentEntreprise')[0].files[0];
                    var referecenceDoc = $('#referenceDocEntreprise').val();
                    var typeDocument = $('#TypedocumentEntreprise').val();
                    var IDproprietaireEntreprise = $('#IDproprietaireEntrepriseInput').val()
                    GestionFichier(typeDocument,referecenceDoc,$('#fichierDocumentEntreprise'),docAddtable,0,IDproprietaireEntreprise,0);
                    
                     modificationEntrepriseDocumentStatut = true;
                  
        })

        //SUPPRESSION DE DOCUMENT
        $(document).on('click','#btn-FichierDeleteEntreprise',function(){
            $('#nomFichierEntrepriseChoisir').val('');
            $('#fichierDocumentEntreprise').val('');
            $('#referenceDocEntreprise').val('');
            $(this).css('display','none');
            $('#btn-ajoutFichierEntreprise').css('display','flex');

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

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

                if(modificationEntrepriseDocumentStatut == 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:0}, null, true, "JSON", function(resp) {
                                        
                                            $('#PrestataireEntrepriseModal').modal('hide')
                                            $('.FormAddPrestataireEntreprise')[0].reset();
                                            $('#btn-FichierDeleteEntreprise').css('display','none')
                                            $('#btn-ajoutFichierEntreprise').css('display','flex')
                                            modificationEntrepriseDocumentStatut = false
                                        })
                                    }
                                },

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

        $('#QuestionCheckbox').on('click',function(){         
            if ($(this).is(':checked')) {

                        $('#confirmLabel').show();
                        $('#ZoneInputListePrestataire').css('display','block');
            } else {
                    $('#confirmLabel').hide();
                    $('#ZoneInputListePrestataire').css('display','none');
                        $('#NomGerantSociete').val('')
                        $('#PrenomGerantSociete').val('')
                        $('#EmailGerantSociete').val('')
                        $('#NumeroGerantSociete').val('')
                        $('#BicGerantSociete').val('')
                        $('#IbanGerantSociete').val('')

                         $('#NomGerantSociete').prop('readonly',false)
                        $('#PrenomGerantSociete').prop('readonly',false)
                        $('#EmailGerantSociete').prop('readonly',false)
                        $('#NumeroGerantSociete').prop('readonly',false)

                        $('#IbanGerantSociete').prop('readonly',false)
                        $('#BicGerantSociete').prop('readonly',false)
            }  
        })

        $('.PrestataireSelect').on('change',function(){
            var IdProprietaire = $(this).val();
            MesrequetesAjax("{{ route('Proprietaire.recuperation') }}", "GET", {IDProprietaire:IdProprietaire}, null, true, "JSON", function(
            resp) {
            
            $('#NomGerantSociete').val(resp.data[0].nom)
            $('#PrenomGerantSociete').val(resp.data[0].prenom)
            $('#EmailGerantSociete').val(resp.data[0].mail)
            $('#NumeroGerantSociete').val(resp.data[0].telephoneMobile)

            $('#IbanGerantSociete').val(resp.data[0].iban)
            $('#BicGerantSociete').val(resp.data[0].bic_swif)

            $('#NomGerantSociete').prop('readonly',true)
            $('#PrenomGerantSociete').prop('readonly',true)
            $('#EmailGerantSociete').prop('readonly',true)
            $('#NumeroGerantSociete').prop('readonly',true)

            $('#IbanGerantSociete').prop('readonly',true)
            $('#BicGerantSociete').prop('readonly',true)
            
            })

        })

        $(document).on('click','#VoirPrestataireDetail',function(){
            var IdPrestataire = $(this).data('id');
            $('#IDPrestataireInputHidden').val(IdPrestataire)
            fichePrestataires(IdPrestataire)
            $('#ModalPrestataireDetail').modal('show')
         })

        // :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: SECTION DOCUMENT PARTICULIER :::::::::::::::::::::::::::::::::::::::::::::::::::::::

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

        //  AJOUT DE PIECE JOINTE
        $(document).on('click','#btn-AjoutBD',function(){

                if($('#TypeDocument').val() == 0){

                        $('#typefichierParticulierRequired').text('Type document obligatoire')
                        return false;
                    }else{
                        $('#typefichierParticulierRequired').text('')
                    }

                    if($('#fichierDocument').val().length == 0){

                        $('#fichierParticulierRequired').text('Fichier obligatoire')
                        return false;
                    }else{
                        $('#fichierParticulierRequired').text('')
                    }
                    

                $('.FermerModificationParticulier').css('display','block')
                $('.FermerCreationParticulier').css('display','none')
                    var docAddtable =  $('#tableFormDocumentPrestataireParticulier').DataTable();
                    var referecenceDoc = $('#referenceDoc').val();
                    var typeDocument = $('#TypeDocument').val();
                    var IDproprietaireParticulier = $('#IDprestataire').val()
                    GestionFichier(typeDocument,referecenceDoc,$('#fichierDocument'),docAddtable,0,IDproprietaireParticulier,0);
                    modificationParticulierDocumentStatut = true;
                  
        })

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

        })

        $(document).on('click','.FermerModificationParticulier',function(){
            
            if(modificationParticulierDocumentStatut == 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:0}, null, true, "JSON", function(resp) {
                                        
                                        //recuperationDocumentProprietaire();
                                        $('#ModalPrestataireParticulier').modal('hide')
                                        $('.formPrestataireAdd')[0].reset();
                                        $('#btn-FichierDelete').css('display','none')
                                        $('#btn-ajoutFichier').css('display','flex')
                                        modificationParticulierDocumentStatut =false;
                                    })  
                                }
                            },

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


        $(document).on('click','#suppressionDocument',function(){
                var GetId = $(this).attr('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('pieceJointe.supprimer') }}", "GET", {IDPieceJointe:GetId,typeDossier:0}, null, true, "JSON", function(resp) {
                                Notification('Succès',resp.msg,'top-right','success');
                                recuperationDocumentPrestataire();
                                recuperationDocumentPrestataireEntreprise();
                            })
                        }
                    },

                    fermer: {
                        text: 'Fermer',
                    },
                
                }
            });
        
        
        })
        
        //:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: FIN SECTION DOCUMENT PARTICULIER :::::::::::::::::::::::::::::::::::::::

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

                         RecuperationPrestataire();
                            if(resp.error){
                                Notification('Erreur', resp.msg, 'top-right', 'error')
                                return false
                            }
                        $('#PrestataireEntrepriseModal').modal('hide')
                        $('.FormAddPrestataireEntreprise').removeClass('was-validated');
                       modificationEntrepriseDocumentStatut = false
                    },
                    function(error) {},
                    function() {

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

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

                        if ($('#TypeSocieteSelect').val() == 'Choisir...') {
                            return false;
                        }

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

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

                    }
                )
            }
                   
        })

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

            var IdPrestataire = $('#IDPrestataireInputHidden').val()
            
            if (!$(this)[0].checkValidity()) {

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

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

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

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

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

                var IdPrestataire = $('#IDPrestataireInputHidden').val()
                    MesrequetesAjax("{{ route('Prestataire.recuperation') }}", "GET", {IDPrestataire :IdPrestataire}, null, true, "JSON", function(resp) {
                         $('.PrestataireSelects').html('')
                        $.each(resp.data, function(key, value) {
                            var prenom = "";
                            if(value.prenom !=null){

                                prenom = value.prenom
                            }
                            $('.PrestataireSelects').append($('<option>', {
                                value: value.IDPrestataire,
                                text: value.nom+' '+prenom
                            }))
                         })
                    })
                $('#ModalPrestataireDetail').modal('hide')
                $('#ModalReglementPrestataire').modal('show')
        })

        $(document).on('click','#FermerCreation',function(){
                 $('#ModalPrestataireDetail').modal('show')
                $('#ModalReglementPrestataire').modal('hide')
        })

            //26-01-2024
    // IMPRESSION LISTE DES PROPRIETAIRE
    $(document).on('click','#ImprimerListePrestataire',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:4,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:4,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 TableRecuperationPrestataire(response) {
        var table = $('#PrestataireDatatable').DataTable();
        table.clear().draw();
         var photoprofil = "";
        var prenom = '';
        <br />
<b>Warning</b>:  Undefined variable $D_Modification_prestataire in <b>E:\install\laragon\www\reditas\resources\views\FICHES\prestataire.blade.php</b> on line <b>1609</b><br />
<br />
<b>Warning</b>:  Undefined variable $D_Suppression_prestataire in <b>E:\install\laragon\www\reditas\resources\views\FICHES\prestataire.blade.php</b> on line <b>1609</b><br />
           table.column(0).visible(false)
                $.each(response, function(key, value) {
             actionBtnVoir= '<i id="VoirPrestataireDetail" data-id="' + value.IDPrestataire +'"  class="fa fa-eye cursor-pointer text-success"></i>';
            <br />
<b>Warning</b>:  Undefined variable $D_Modification_prestataire in <b>E:\install\laragon\www\reditas\resources\views\FICHES\prestataire.blade.php</b> on line <b>1614</b><br />
            actionBtn= '';
          
           <br />
<b>Warning</b>:  Undefined variable $D_Suppression_prestataire in <b>E:\install\laragon\www\reditas\resources\views\FICHES\prestataire.blade.php</b> on line <b>1620</b><br />
            actionBtnSupprimer= '';
          
         if (value.TypePrestataire == 1) {
            photoprofil = '<img class="imgInTableRow" src="media/PhotoProfil/userDefault.png">';
         }else{
             photoprofil = '<img class="imgInTableRow" src="media/PhotoProfil/buldingDefault.png">';
         }

         if(value.prenom !=null){

            prenom = value.prenom
         }
          var heure = value.dateCreationPrestataire.substr(11,19)
             table.row.add([
                actionBtnVoir+'&nbsp;&nbsp;'+actionBtnSupprimer+''+actionBtn,
                value.matriculePrestataire,photoprofil+' '+value.nom+' '+prenom,
                value.mail,value.telephoneMobile,
                value.adressePostale,
                value.bic_swif,
                value.iban,
                '<span style="color:black;font-weight:bold">Par '+ value.nom_utilisateur +' '+ value.prenom_utilisateur +'</span> <br> le '+
                formatageDate(new Date(value.dateCreationPrestataire))+' '+heure
                ])
        })
      table.draw();

    }

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

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

            $('.PaysSelect').html('')
            $('.PaysSelectParticulier').html('')
            $.each(resp.data, function(key, values) {
                $('.PaysSelect').append($('<option>', {
                    value: values.IDPays,
                    text: values.Libellepays
                }))

                 $('.PaysSelectParticulier').append($('<option>', {
                    value: values.IDPays,
                    text: values.Libellepays
                }))
            })
        });
        
    }
    function TypeSocieteSelect(){

        MesrequetesAjax("{{ route('typeSociete.recuperation') }}", "GET", null, true, true, "JSON", function(resp) {
            $.each(resp.data, function(key, value) {
                $('#TypeSocieteSelect').append($('<option>', {
                    value: value.IDTypeSociete,
                    text: value.libelleTypeSociete
                }))
            })
        });
    }
    function recuperationCivilite() {
        MesrequetesAjax("{{ route('Civilite.recuperation') }}", "GET", null, true, true, "JSON", function(resp) {
            $.each(resp.data, function(key, values) {
                $('#CiviliteSelect').append($('<option>', {
                    value: values.IDCivilite,
                    text: values.libelleCivilite
                }))
            })
        });
    }
    function recuperationTypedePiece(){
        MesrequetesAjax("{{ route('typePiece.recuperation') }}", "GET", null, true, true, "JSON", function(resp) {
            $.each(resp.data, function(key, values) {
                $('.TypepieceSelect').append($('<option>', {
                    value: values.IDTypepiece,
                    text: values.libelleType_piece
                }))
            })
        });  
    }

    function recuperationDocumentPrestataire(){
        var docAddtable =  $('#tableFormDocumentPrestataireParticulier').DataTable();
         var IDprestataireParticulier = $('#IDprestataire').val()
         MesrequetesAjax("{{ route('Document.recuperation') }}", "GET", {typeDossier:0,IdDoc:IDprestataireParticulier}, 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 recuperationDocumentPrestataireEntreprise(){
        var docAddtable =  $('#tableFormDocumentPrestataireEntreprise').DataTable();
         var IDproprietaireEntreprise = $('#IDproprietaireEntrepriseInput').val()
         MesrequetesAjax("{{ route('Document.recuperation') }}", "GET", {typeDossier:0,IdDoc:IDproprietaireEntreprise}, 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 recuperationListeComboProprietaire() {
        MesrequetesAjax("{{ route('Proprietaire.recuperation') }}", "GET", null, true, true, "JSON", function(
            resp) {
            $.each(resp.data, function(key, values) {
                var name = '';
                if(values.prenom !=null){
                    name = values.prenom;
                }
                $('.PrestataireSelect').append($('<option>', {
                    value: values.IDProprietaire,
                    text: values.nom + ' ' +name 
                }))
            })
        });
    }

    function matriculePrestataires() {
        MesrequetesAjax("{{ route('matriculePrestataire.recuperation') }}", "GET", null, true, true, "JSON", function(resp) {
            $('.matriculePrestataire').val(resp[0]);
            $('.matriculeNumeriquePrestataire').val(resp[1]);
            
        });
    }

    function ReglementPrestataireTable(response){

        var table = $("#ReglementsPrestataireTable").DataTable();
        table.clear().draw()
                var montantTotal = 0;
                var totalUtilise = 0;
                var totalRestant = 0;
        $.each(response, function(key,value) {
            
            montantTotal +=parseInt(value.montantReglementPrestataire);
            totalUtilise +=parseInt(value.TotalUtilise);
            var montantSolde = parseInt(value.montantReglementPrestataire) - parseInt(value.TotalUtilise) 
            var photoprofil = '';
            var prenom = '';
                
            if(value.TypePrestataire==1 ){
               photoprofil = '<img class="imgInTableRow" src="media/imgDefault/userDefault.png">';
            }

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

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

              status = 'Encaissé';
           
            }else if(value.statutReglement == 3){

              status = 'Réjetté';
            }
           
        }
        else{
             status = 'R.A.S';
        }
        
           
            table.row.add([
                formatageDate(new Date(value.dateReglementPrestataire)),value.RefReglementInterne,value.RefReglementExterne, 
                '<span class="badge bg-warning">'+value.intituleModeReglement + '</span>',value.numeroCheque,value.nomBanque,status, '<span style="font-weight:bolder">' +
                formaterNombre(value.montantReglementPrestataire) + ' F</span>', '<span style="font-weight:bolder">' +
                formaterNombre(value.TotalUtilise) + ' F</span>', '<span style="font-weight:bolder">' +
                formaterNombre(montantSolde) + ' F</span>',
               
            ]);
        })

        table.draw()

             $('#montanttotalReglement').text(formaterNombre(montantTotal)+' F');
        
            $('#montanttotalRegle').text(formaterNombre(totalUtilise)+' F');

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

            $('#montantSolde').text(formaterNombre(Solde)+' F');

            $('#totalPrestataireComplet').text(formaterNombre(totalUtilise)+' F')

            var soldes = $('#totalFacturePrestataireComplet').text();
            var e = soldes.replace(/\s+/g,'')
            var t = parseInt(e);
            $('#SoldePrestataireComplet').text(formaterNombre(t - totalUtilise)+' F')
          
    }

    function reglementLigneRecuperation($IdReglementPrestataire){
         var table = $("#TableReglementLignePrestataire").DataTable();
        MesrequetesAjax("{{ route('ReglementsLignePrestataire.recuperation') }}", "GET",{IDPrestataire:$IdReglementPrestataire}, null, true, "JSON", function(resp) {
               
                 table.clear().draw()
                 var montantTotal = 0;
                 $.each(resp,function(key, value) {
                    montantTotal +=parseInt(value.MontantReglementLignePrestataire)
                     table.row.add([
                        value.refFacturePrestation,formatageDate(new Date(value.DateReglementLignePrestataire)),
                        formaterNombre(value.MontantReglementLignePrestataire)+' F',formatageDate(new Date(value.created_at))
                     ])
                 })

                table.draw()

                $('#montantUtiliseReglement').text(formaterNombre(montantTotal)+' F')
        })

    }

    function fichePrestataires($id){
               
             MesrequetesAjax("{{ route('Prestataire.recuperation') }}", "GET", {IDPrestataire:$id}, null, true, "JSON", function(resp) {

                        $('#prestataireInfos').html('')
                        var prestataireDefaultImg = '';
                        var contact = 'Aucun';
                        var email ='Aucun';
                        var iban ='Aucun';
                        var Swift_bic = '/Aucun';
                        var pays ='Aucun';
                        var ville ='Aucune';
                        var prenom ='';
                        var adressePostale = 'Aucune';
                        
                            if(resp.data[0].prenom !=null){
                            prenom = resp.data[0].prenom;
                            }

                            if(resp.data[0].telephoneMobile !=null){
                            contact = resp.data[0].telephoneMobile;
                            }

                            if(resp.data[0].mail !=null){
                            email = resp.data[0].mail;
                            }
                            if(resp.data[0].iban !=null){
                            iban = resp.data[0].iban;
                            }

                            if(resp.data[0].bic_swif !=null){
                            Swift_bic = '/'+resp.data[0].bic_swif;
                            }

                            if(resp.data[0].Libellepays !=null){
                            pays = resp.data[0].Libellepays;
                            }

                            if(resp.data[0].Libelleville !=null){
                            ville = '/'+resp.data[0].Libelleville;
                            }

                            if(resp.data[0].adressePostale !=null){
                            adressePostale = resp.data[0].adressePostale;
                            }

                        if(resp.data[0].TypePrestataire !=1){
                            prestataireDefaultImg = '<img class="imgInTableRow" src="media/PhotoProfil/buldingDefault.png">';
                        }

                        if(resp.data[0].TypePrestataire ==1){
                            prestataireDefaultImg = '<img class="imgInTableRow" src="media/PhotoProfil/userDefault.png">';
                        }

    

                            $('#prestataireInfos').append(' <div>'+prestataireDefaultImg+'</div>\
                                                        <div class="mt-2 nomCompletProprietaire" style="margin-left:15px;">'+resp.data[0].nom+'&nbsp;'+prenom+'</div>\
                                                        <div class="mt-2 contactProprietaire" style="margin-left:15px;"><i class="text-warning cursor-pointer fas fa-phone" title="Contact"></i>&nbsp;'+contact+'</div>\
                                                        <div class="mt-2 emailProrietaire" style="margin-left:15px;"> <i class="text-warning cursor-pointer fas fa-mail-bulk" title="Email"></i>&nbsp;'+email+'</div>\
                                                        <div class="mt-2 ibanProprietaire" style="margin-left:15px;"><i class="far fa-credit-card text-warning" title="IBAN/BIC_SWIFT"></i>&nbsp;'+iban+''+Swift_bic+'</div>\
                                                        <div class="mt-2 ibanProprietaire" style="margin-left:15px;"><i class="text-warning cursor-pointer fas fa-map-marked-alt" title="Pays/Ville"></i>&nbsp;'+pays+'/'+ville+'</div>\
                                                        <div class="mt-2 ibanProprietaire" style="margin-left:15px;"><i class="text-warning cursor-pointer far fa-compass" title="Adresse postale"></i>&nbsp;'+adressePostale+'</div>\
                            ')

                var tabDocument = $("#DocumentTable").DataTable();
                tabDocument.clear().draw();
                $.each(resp.PieceJointe, function(key, value) {
                    tabDocument.row.add([
                        '<span class="badge bg-warning cursor-pointer" title="Télécharger"  id="TelechargementFichierLorsDeLaModification" data-NomFichier="' +
                        value.UrlFichier + '" data-id="' + value.IDPiecejoint +
                        '"><i class="fa fa-arrow-down"></i></span>', value
                        .libelleType_piece, value.referenceDocument, value
                        .UrlFichier
                    ])
                })
                tabDocument.draw();


                    
                    var TravauxTable = $('#TravauxTable').DataTable();
                        TravauxTable.clear().draw(); 
                        var MontantTotalTravaux = 0;
                        $.each(resp.Travaux,function(key,value){
                            
                            var LocatairePrenom ='';
                            var statut = '';
                            if(value.LocatairePrenom !=null){
                                LocatairePrenom = value.LocatairePrenom
                            }

                            if(value.statutTravaux==1){
                                statut ='<span class="badge bg-success">En cours</span>'
                            }else if(value.statutTravaux==2){
                                    statut ='<span class="badge bg-danger">Suspendu</span>'
                            }else{
                                statut ='<span class="badge bg-warning">Terminé</span>'
                            }

                            MontantTotalTravaux +=parseInt(value.montantTravaux)
                            TravauxTable.row.add([
                                formatageDate(new Date(value.dateDebutTravaux)),
                                formatageDate(new Date(value.dateFinTravaux)),
                                value.refTravaux,
                                statut,
                                value.intituleBien,
                                value.intituleTypeBien,
                                value.libelleTypePrecis,
                                value.LocataireNom+' '+LocatairePrenom,
                                value.Libelleville,
                                formaterNombre(value.montantTravaux)+' F'
                            ])

                        })

                        TravauxTable.draw();
                        $('#MontantTotalTravaux').text(formaterNombre(MontantTotalTravaux)+' F')

                        var FactureTables = $('#FactureTable').DataTable();
                        FactureTables.clear().draw(); 
                        var MontantTotalFactureTravaux = 0;
                        $.each(resp.FactureTravaux,function(key,value){
                            
                            var LocatairePrenom ='';
                            if(value.LocatairePrenom !=null){
                                LocatairePrenom = value.LocatairePrenom
                            }

                            MontantTotalFactureTravaux +=parseInt(value.montantFacturePrestation)
                            FactureTables.row.add([
                                formatageDate(new Date(value.dateFacturePrestation)),
                                value.refFacturePrestation,
                               formaterNombre(value.montantFacturePrestation)+' F',
                                
                            ])

                        })
                        FactureTables.draw();
                        $('#montantTotalFactureTravaux').text(formaterNombre(MontantTotalFactureTravaux)+' F')
                        

                        $('#totalFacturePrestataireComplet').text(formaterNombre(MontantTotalFactureTravaux)+' F')
                        

                         MesrequetesAjax("{{ route('RegelementPrestataire.recuperation') }}", "GET",{IDprestataire :$id }, null, true, "JSON",
                         function(response) {
                            ReglementPrestataireTable(response)
                         })

                         reglementLigneRecuperation($id)
                        
                    
            })
    }
    
   
</script>
<script>
    const photoZone = document.querySelector('#PhotoZone');
    const inputPhotoPersonnel = document.querySelector('#photo');
    const ImgPhoto = document.querySelector('.imgPhoto');
    photoZone.addEventListener('click', () => {
        inputPhotoPersonnel.click();
    })

    inputPhotoPersonnel.addEventListener('change', function(e) {

        const clickFile = this.files[0];
        if (clickFile) {

            ImgPhoto.style = "display:block";
            const reader = new FileReader();
            reader.readAsDataURL(clickFile);
            reader.onloadend = function() {

                const result = reader.result;
                let src = this.result;
                ImgPhoto.src = src;
                ImgPhoto.alt = clickFile.name
            }

        }

    })
</script>
</body>

</html>