@php

    $D_Creation_proprietaire = session()->get('D_Creation_proprietaire');
    $D_Modification_proprietaire = session()->get('D_Modification_proprietaire');
    $D_Suppression_proprietaire = session()->get('D_Suppression_proprietaire');
@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 propriétaires</h4>

            <div class="d-flex">
                <button type="button" id="ImprimerListeProprietaire" style="margin-right:8px;"  class="btn btn-success btn-sm rounded-pill"><i data-feather="printer"></i>
                        Impression
                </button>
                <span id="FetchInputFilname" style="margin-right:8px;display:none;margin-left:7px;"></span>
                <form id="importEXcel" method="post" enctype="multipart/form-data" class="Excelform">
                    @csrf
                    <input type="file" accept="csv/*" name="fichierExcel" id="ExcelInput" class="form-control"
                        hidden>
                </form>

                <button type="button" id="btn-callExcel" style="margin-right:8px;"
                    class="btn btn-warning btn-sm rounded-pill"><i data-feather="file"></i> Excel</button>

                <button type="button" style="display:none;margin-right:8px" id="btn-ExcelDownload"
                    class="btn btn-warning btn-sm rounded-pill animate__animated animate__wobble"><i
                        data-feather="arrow-down"></i>Intégrer</button>

                <button type="button" style="display:none;margin-right:8px" id="btn-ExcelDelete"
                    class="btn btn-danger btn-sm rounded-pill animate__animated animate__wobble"><i
                        data-feather="trash"></i></button>

                @if ($D_Creation_proprietaire)
                    <button type="button" id="btn-CallModalAdd" class="btn btn-success btn-sm rounded-pill"><i
                            data-feather="plus-circle"></i> Ajouter</button>
                @endif
            </div>



        </div>
        <hr>

        <div class="card card-shadow">

            <div class="card-body">
                <div class="row g-3">
                    <div class="col-md-2">

                    </div>
                    <div class="col-md-2">
                        <label for="" class="FormLabel">Type propriétaire</label>
                        <select class="form-select TypeProprietaireSelect Pselect2" id="TypeProprietaireSelect">
                            <option selected style="color:gray" value="0">Tous</option>
                            <option value="1">Personne physique</option>
                            <option value="2">Personne morale</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label for="" class="FormLabel">Pays</label>
                        <select class="form-select PaysSelect Pselect2" id="paysfilter">
                            <option selected style="color:gray" value="0">Tous</option>
                        </select>
                    </div>

                    <div class="col-md-2">
                        <label for="" class="FormLabel">Villes</label>
                        <select class="form-select VilleSelect Pselect2" id="Villesfilter">
                            <option selected style="color:gray">Tous</option>
                        </select>
                    </div>

                    <div class="col-md-2">
                        <button class="btn btn-secondary btn-sm mt-4" id="btn-filter"> <i class="fa fa-search"></i> </button>
                    </div>
                    <div class="col-md-2"></div>
                </div>
                <div class="table-responsive">
                    <table id="ProprietaireDatatable" class="table table-striped w-100">
                        <thead class="tableauEntete">
                            <tr>
                                <th>Actions</th>
                                <th>Propriétaire</th>
                                <th>Type</th>
                                <th>Téléphone mobile</th>
                                <th>Téléphone fixe</th>
                                <th>Email</th>
                                <th>Pays</th>
                                <th>Ville</th>
                                <th>IBAN</th>
                                <th>BIC/SWIF</th>
                                <th>Code postale</th>
                                <th>Infos création</th>
                            </tr>
                        </thead>
                        <tbody>
                        </tbody>
                    </table>
                </div>

            </div>
        </div>


        <div class="modal fade" id="ProprietaireModal" data-bs-backdrop="static" data-bs-keyboard="false" 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="staticBackdropLabel">Ajout de nouveau propriétaire</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="formProprietraireAdd g-3 needs-validation p-0" method="POST" novalidate>
                            @include('FICHES/proprietaireForm')

                    </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-AjouterProprietaire"
                            type="submit">Enregistrer</button>
                        <button class="btn btn-success" id="btn-ModifierProprietaire" style="display:none"
                            type="submit">Modifier</button>
                    </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="modal fade" id="ProprietaireEntrepriseModal" data-bs-backdrop="static" data-bs-keyboard="false"
            role="dialog" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog modal-xl" role="document">
                <div class="modal-content">
                    <div class="modal-header modal-header-Bg">
                        <h5 class="modal-title text-white" id="staticBackdropLabel"></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="FormAddProprietaireEntreprise needs-validation p-0" method="POST" novalidate>

                            @csrf
                           

                            <input type="hidden" class="form-control IDproprietaireEntrepriseInput" value="0"
                                id="IDproprietaireEntrepriseInput"name="IDproprietaireEntrepriseInput">
                            <input type="hidden" class="form-control PhotoProfilEntrepriseInputHidden"
                                id="PhotoProfilEntrepriseInputHidden" name="PhotoProfilEntrepriseInputHidden">

                            <div class="row g-3">

                                <div class="col-md-2">
                                    <label for="nom" class="FormLabel">Matricule</label>
                                    <input type="text" class="form-control maticuleProprietaire"
                                        id="maticuleProprietaire" name="maticuleProprietaire" readonly>
                                    <input type="hidden" class="form-control maticuleNumeriqueProprietaire"
                                        id="maticuleNumeriqueProprietaire" name="maticuleNumeriqueProprietaire"
                                        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">

                                    </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 PaysSelectParticulier Pselect2X" id="PaysSelectParticulier" name="Pays" required>
                                        <option selected disabled value="">Choisir...</option>
                                    </select>
                                </div>
                                <div class="col-md-3">
                                    <label for="" class="FormLabel">Ville</label>
                                    <select class="form-select VilleSelectParticulier Pselect2X" id="VilleSelectParticulier" 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="ZoneInputListeProriétaire" class="col-md-5">
                                        <select class="form-select ProprietaireSelect" id="ProprietaireSelect"
                                            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">

                                        </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 disabled value="">Choisir...</option>
                                    </select>
                                    <small class="text-danger" style="font-size:10x;" id="typefichierProprietaireEntrepriseRequired"></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>
                                </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>
                            <div class="table-responsive">

                                <table id="tableLorsInsertionProprietaireEntreprise"
                                    class="table table-bordered mt-4">
                                    <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="ProprietaireDetailModal" 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="staticBackdropLabel">Fiche propriétaire</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="proprietaireInfos" class="d-flex flex-wrap">

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


                        <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">Biens</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 location</a></li>
                            <li class="nav-item" role="presentation"><a class="nav-link" id="reglementLocataire-tab"
                                    data-bs-toggle="tab" href="#tab-reglementLocataire" role="tab"
                                    aria-controls="tab-reglementLocataire" aria-selected="true">Règlements facture</a>
                            </li>
                            <li class="nav-item" role="presentation"><a class="nav-link" id="reglementUtilise-tab"
                                    data-bs-toggle="tab" href="#tab-reglementUtilise" role="tab"
                                    aria-controls="tab-reglementUtilise" aria-selected="true">Règlements utilisé</a>
                            </li>
                            <li class="nav-item" role="presentation"><a class="nav-link"
                                    id="VersementProprietaire-tab" data-bs-toggle="tab"
                                    href="#tab-VersementProprietaire" role="tab"
                                    aria-controls="tab-VersementProprietaire" aria-selected="true">Versements</a></li>
                            <li class="nav-item" role="presentation"><a class="nav-link " id="versementUtilise-tab"
                                    data-bs-toggle="tab" href="#tab-versementUtilise" role="tab"
                                    aria-controls="tab-versementUtilise" aria-selected="true">Versement 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">

                                <table id="BienTable" class="table table-light">
                                    <thead>
                                        <th>Référence</th>
                                        <th>Bien</th>
                                        <th>Type de bien</th>
                                        <th>Type précis</th>
                                        <th>Taux P. (%)</th>
                                        <th>Locataire</th>
                                        <th>Ville</th>
                                        <th>Commune</th>
                                    </thead>
                                </table>
                            </div>
                            <div class="tab-pane fade " id="tab-contact" role="tabpanel"
                                aria-labelledby="contact-tab">
                                <div class="d-flex flex-wrap">
                                    <span style="margin-right:10px" id="montantTotalFacture"></span>

                                    <span style="margin-right:10px" id="" class="text-warning">Encaissement
                                        : </span>

                                    <span style="margin-right:10px" id="montantTotalFactureEncaisse"></span>

                                    <span style="margin-right:10px" id="montantTotalFactureRestante"></span>

                                    <span style="margin-right:10px" id=""class="text-warning">Versement :
                                    </span>

                                    <span style="margin-right:10px" id="montantTotalFactureVerse"></span>

                                    <span style="margin-right:10px" id="montantTotalFactureVerseRestante"></span>
                                </div><br>

                                <div class="table-responsive">

                                    <table id="FactureTable" class="table table-light">
                                        <thead>
                                            <th>Date</th>
                                            <th>Référence</th>
                                            <th>Montant facture</th>
                                            <th>Part P.</th>
                                            <th>Taux P. (%)</th>
                                            <th>Encaissement</th>
                                            <th>Versement</th>
                                        </thead>
                                    </table>
                                </div>
                            </div>

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

                                <div class="d-flex  mb-2">
                                    <span id="montanttotalReglement" style="margin-right:15px"></span>
                                    <span id="montanttotalRegle"></span>
                                    {{-- <button class="btn btn-success" id="reglementLocataires">
                                        <i class="fa fa-plus-circle"></i> Faire un Règlement
                                    </button> --}}
                                </div>
                                <div class="table-responsive">

                                    <table id="ReglementsLocataireTable" class="table table-light">
                                        <thead>
                                            <tr>
                                                <th>Date</th>
                                                <th>Réference</th>
                                                <th>Locataire</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-reglementUtilise" role="tabpanel"
                                aria-labelledby="reglementUtilise-tab">

                                <div class="d-flex justify-content-between mb-2">
                                    <span id="montanttotalUtilise"></span>
                                    

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

                                    <table id="ReglementsUtiliseLocataireTable" class="table table-light">
                                        <thead>
                                            <tr>
                                                <th>Date</th>
                                                <th>Référence réglement</th>
                                                <th>Référence facture</th>
                                                <th>Mode règlement</th>
                                                <th>Numero chèque</th>
                                                <th>Banque</th>
                                                <th>Montant facture</th>

                                            </tr>
                                        </thead>
                                    </table>
                                </div>


                            </div>

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

                                <div class="d-flex justify-content-between mb-2">
                                    <span id="montanttotalVersement"></span>
                                    <a class="btn btn-success" id="CallversementModal">
                                        <i class="fa fa-plus-circle"></i> Faire un versement
                                    </a>
                                </div>
                                <div class="table-responsive">

                                    <table id="VersementProprietaireTable" class="table table-light">
                                        <thead>
                                            <tr>
                                                <th>Date</th>
                                                <th>Mode règlement</th>
                                                <th>Numero chèque</th>
                                                <th>Banque</th>
                                                <th>Statut</th>
                                                <th>Montant</th>
                                                <th>Montant réglé</th>
                                                <th>Solde</th>
                                            </tr>
                                        </thead>
                                    </table>


                                </div>


                            </div>

                            <div class="tab-pane fade" id="tab-versementUtilise" role="tabpanel"
                                aria-labelledby="versementUtilise-tab">
                                <input type="hidden" id="idProprietaire">
                                <div class="d-flex justify-content-between mb-2">
                                    <span id="totalVersement"></span>

                                </div>
                                <div class="table-responsive">
                                    <table id="VersementsTable" class="table table-light">
                                        <thead>
                                            <th>Date</th>
                                            <th>Référence</th>
                                            <th>Montant réglé</th>
                                            <th>Infos</th>
                                        </thead>
                                    </table>
                                </div>
                            </div>
                        </div>

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

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

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

                        <ul class="nav nav-underline" id="myTab" role="tablist">
                            <li class="nav-item" role="presentation"><a class="nav-link active" id="Commentaire-tab"
                                    data-bs-toggle="tab" href="#tab-Commentaire" role="tab"
                                    aria-controls="tab-Commentaire" aria-selected="true">Commentaire</a></li>
                            <li class="nav-item" role="presentation"><a class="nav-link" id="ListeCommentaire-tab"
                                    data-bs-toggle="tab" href="#tab-ListeCommentaire" role="tab"
                                    aria-controls="tab-ListeCommentaire" aria-selected="false" tabindex="-1">Liste
                                    de commentaire</a></li>
                        </ul>

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

                                <form id="FormCommentaire" class="needs-validation p-0" method="POST" novalidate>

                                    @csrf
                                    <div>
                                        <label class="FormLabel">Titre</label>
                                        <input type="text" class="form-control" id="titre" name="titre"
                                            required>
                                        <div class="invalid-feedback">Champ obligatoire</div>
                                    </div>

                                    <input type="hidden" class="form-control" id="Idproprietaire"
                                        name="Idproprietaire">
                                    <input type="hidden" value="0" class="form-control" id="Verification"
                                        name="Verification">
                                    <input type="hidden" value="5" class="form-control" id="typefichier"
                                        name="typefichier">

                                    <div>
                                        <label class="FormLabel">Commentaire</label>
                                        <textarea class="form-control" id="summernoteCommentaire" name="libelle"></textarea>
                                        <small style="font-size:9px" class="text-danger"
                                            id="libelleRequired"></small>

                                    </div>

                                    <div class="mb-2 mt-4" style="display:flex;justify-content:right">
                                        <button class="btn btn-outline-danger" style="margin-right:6px"
                                            type="button" data-bs-dismiss="modal">Fermer</button>
                                        <button class="btn btn-success" type="submit">Enregistrer</button>
                                    </div>

                                </form>

                            </div>

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

                                <div class="table-responsive">
                                    <table id="tableDataCommentaire" class="table table-light">
                                        <thead>
                                            <tr>
                                                <th scope="col">#</th>
                                                <th scope="col">Titre</th>
                                                <th scope="col">Commentaire</th>
                                            </tr>
                                        </thead>

                                    </table>
                                </div>

                                <div class="mb-2 mt-4" style="display:flex;justify-content:right">
                                    <button class="btn btn-outline-danger" style="margin-right:6px" type="button"
                                        data-bs-dismiss="modal">Fermer</button>

                                </div>
                            </div>

                        </div>



                    </div>



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


        @include('../primary_footer')

    </div>

    @include('../chatblock')

</main>

@include('../rightbar')

@include('../footer')

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

        
       
        
         $('.modal').each(function() {
            $(this).find('.Pselect2X').select2({
                dropdownParent: $(this),
                width: '100%' 
            });
        });

     
        
        $("#ProprietaireDatatable").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: [{
                    target: [0],
                    className: "text-center tblWidth-3"
                },

                {
                    targets: [3, 4, 5, 6, 7, 10],
                    className: "tblWidth-2 text-center"
                },
                {
                    targets: [1, 8],
                    className: "tblWidth-0"
                },
                {
                    targets: [8],
                    className: "text-center"
                },
                {
                    targets: [11],
                    className: "tblWidth-2"
                }

            ]
        });

        $("#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: 25,
            columnDefs: [{
                target: [0, 1, 2],
                className: "text-center"
            }]
        });

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


        });

        $("#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: [2, 3, 5, 6],
                    className: "text-end"
                },
                {
                    target: [0, 1, 4],
                    className: "text-center"
                },
                {
                    target: [5, 6],
                    className: "tblWidth-3"
                }
            ],

            order: []

        });

        $("#tableDataCommentaire").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],
                className: "text-center"
            }],

            order: []

        });

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

        });

        $("#VersementProprietaireTable").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: 25,
            columnDefs: [{
                    targets: [0, 1, 3],
                    className: 'text-center'
                },
                {
                    targets: [2,5,6,7],
                    className: 'text-end'
                }
            ]

        });

        $("#ReglementsLocataireTable").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: 25,
            columnDefs: [{
                    targets: [0],
                    className: 'text-center tblWidth-3'
                },
                {
                    targets:[7,8,9],
                    className: 'text-end'
                } 
            ]

        });

        $("#ReglementsUtiliseLocataireTable").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: 25,
            columnDefs: [{
                    targets: [0],
                    className: 'text-center tblWidth-3'
                },
                {{-- {
                    targets:[1,2,3,4,5],
                    className: 'tblWidth-2'
                } --}}
            ]

        });


        /////////////////////////////////////////////////////


        $("#tableLorsInsertionProprietaireParticulier").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: 25,
            columnDefs: [{
                target: [0],
                className: "text-center"
            }]


        });

        $("#tableLorsInsertionProprietaireEntreprise").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: 25,
            columnDefs: [{
                target: [0],
                className: "text-center"
            }]


        });

    })
</script>


<script>
    $(document).ready(function() {
        $('.nomPage').text('Proprietaires')
        recuperationCivilite();

        recuperationProprietaire();
        recuperationListeComboProprietaire();
        recuperationPays();
        recuperationTypedePiece();
        TypeSocieteSelect();
        recuperationDocumentProprietaire()
        recuperationDocumentProprietaireEntreprise();
        GetLocataire()
        referenceReglement()
        Filepond()
        const inputElement = document.querySelector('input[name="media[]"]');
        const pond = FilePond.create(inputElement);
        var jc;
        var Confirme;
        var modificationEntrepriseDocumentStatut = false
        var modificationParticulierDocumentStatut = false


        $('#summernoteCommentaire').summernote({
            placeholder: 'Entrez du texte ici...',
            tabsize: 2,
            height: 200
        });

        $('.nomProprietaire').on('input', function() {
            $(this).css('text-transform', 'uppercase')
        })

        $('.PrenomProprietaire').on('input', function() {
            $(this).css('text-transform', 'uppercase')
        })

        $('.formProprietraireAdd').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('Proprietaire.creer') }}", "POST", new FormData(this), false,
                    false, "JSON",
                    function(resp) {
                        Notification('Succès', resp.msg, 'top-right', 'success')
                        MesrequetesAjax("{{ route('Proprietaire.recuperation') }}", "GET", null,
                            true, true, "JSON",
                            function(response) {
                                TableRecuperationProprietaire(response.data)
                            });
                        $('#ProprietaireModal').modal('hide')
                        $('.formProprietraireAdd').removeClass('was-validated');
                        $('.IDproprietaire').val(0)
                        $('.PhotoProfilInputHidden').val(0)
                        $('.formProprietraireAdd')[0].reset();
                        pond.removeFiles();
                    },
                    function(error) {},
                    function() {

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

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

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


                    }
                )
            }
        })

        $('.FormAddProprietaireEntreprise').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('ProprietaireEntreprise.creer') }}", "POST", new FormData(
                        this), false,
                    false, "JSON",
                    function(resp) {
                        Notification('Succès', resp.msg, 'top-right', 'success')
                        MesrequetesAjax("{{ route('Proprietaire.recuperation') }}", "GET", null,
                            true, true, "JSON",
                            function(response) {
                                TableRecuperationProprietaire(response.data)
                            });
                        $('#ProprietaireEntrepriseModal').modal('hide')
                        $('.FormAddProprietaireEntreprise').removeClass('was-validated');
                        pond.removeFiles();
                    },
                    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;
                        }

                    }
                )
            }

        })

        $('#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'
            })
        })

        $(document).on('click', '#btn-CallModalAdd', 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="CreerEtreprise"> <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="CreerParticulier"><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-AjouterProprietaire').css('display', 'block')
            $('#btn-ModifierProprietaire').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)

        })

        // :::::::::::::::::::::::::::: OPTION CREATION DE PROPRIETAIRE PARTICULIER OU ENTREPRISE ::::::::::::::::::::::::::::::::

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


            var table = $('#tableLorsInsertionProprietaireEntreprise').DataTable();
            table.clear().draw();
            table.draw()
            $('#confirmLabel').hide();
            $('.modal-title').text('Ajout de nouveau propriétaire (Entreprise)')
            $('.FermerModificationEntreprise').css('display', 'none')
            $('.FermerCreationEntreprise').css('display', 'block')
            $('#ProprietaireEntrepriseModal').modal('show'),
                jc.close();
        })

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

            var table = $('#tableLorsInsertionProprietaireParticulier').DataTable();
            table.clear().draw();
            table.draw()
            $('.modal-title').text('Ajout de nouveau propriétaire')
            $('.FermerModificationParticulier').css('display', 'none')
            $('.FermerCreationParticulier').css('display', 'block')
            $('#ProprietaireModal').modal('show'),
                jc.close();
        })

        // :::::::::::::::::::::::::::: FIN OPTION CREATION DE PROPRIETAIRE PARTICULIER OU ENTREPRISE ::::::::::::::::::::::::::::::::


        // SUPPRESSION DE FICHIER LORS DE LA MODIFICATION
        $(document).on('click', '#SuppressionFichierLorsDeLaModification', function() {
            var GetId = $(this).attr('data-id')
            var GetIDProprietaire = $('.IDproprietaire').val();
            suppressionPieceJointe(GetId, GetIDProprietaire, 5)
        })

        // MODIFICATION DE PROPRIETAIRE
        $(document).on('click', '#ModifierProprietaire', function() {
            var docAddtable = $('#tableLorsInsertionProprietaireParticulier').DataTable();
            var docAddtableEntreprise = $('#tableLorsInsertionProprietaireEntreprise').DataTable();
            $('#btn-AjouterProprietaire').css('display', 'none')
            $('#btn-ModifierProprietaire').css('display', 'block')
            $('.modal-title').text('Modification propriétaire')
            var IdProprietaire = $(this).attr('data-id');
            var typeProp = $(this).attr('data-typeproprietaire');

            $('.FermerModalEntreprises').css('display', 'block');
            $('.FermerModalEntreprise').css('display', 'none');

            $('.IDproprietaire').val(IdProprietaire)
            MesrequetesAjax("{{ route('Proprietaire.recuperation') }}", "GET", {
                IDProprietaire: IdProprietaire
            }, null, true, "JSON", function(resp) {
                var typeBien = '';
                var civilite = '';

                $.each(resp.data, function(key, value) {
                    TypeProprietaire = value.libelleTypeProprietaire;
                    civilite = value.libelleCivilite;
                    $('.imgPhoto').css('display', 'block');
                    $('.imgPhoto').attr('src', 'media/PhotoProfil/' + value.photoProfil)
                    $('.nomProprietaire').val(value.nom)
                    $('.PhotoProfilInputHidden').val(value.photoProfil)
                    $('.PrenomProprietaire').val(value.prenom)
                    $('.proprietairetelephoneMobile').val(value.telephoneMobile)
                    $('.proprietairetelephonefix').val(value.telephoneFix)
                    $('.proprietaireemail').val(value.mail)
                    $('.proprietaireIBAN').val(value.iban)
                    $('.proprietaireBIC').val(value.bic_swif)
                    $('.proprietaireNationalite').val(value.nationalite)
                    $('.proprietaireCodePostal').val(value.codePostale)

                    $('.CiviliteSelect').val(value.IDCivilite).trigger('change')
                    $('.TypepieceSelect').val(value.IDTypepiece).trigger('change')
                    $('.NumeroPiece').val(value.numeroPiece)
                    $('.proprietaireAdressePostal').val(value.adressePostale)



                    //:::::::::::::::::::::::::::::: ENTREPPRISE :::::::::::::::::::::::::::::::::::
                    $('.RaisonSocial').val(value.nom)
                    $('.TypeSocieteSelect').val(value.IDTypeSociete).trigger('change')
                    $('.PaysSelect').val(value.IDPays).trigger('change')
                    $('.VilleSelect').val(value.IDVille).trigger('change')
                    $('.Rccm').val(value.rccm)
                    $('.CpteContribuable').val(value.compteContribuable)

                    $('.EmailEntreprise').val(value.mail)
                    $('.telephoneEntreprise').val(value.telephoneMobile)
                    $('.CodepostalEntreprise').val(value.codePostale)
                    $('.AdressepostaleEntreprise').val(value.adressePostale)

                    $('.NomGerantSociete').val(value.nomGerant)
                    $('.PrenomGerantSociete').val(value.prenomGerant)
                    $('.EmailGerantSociete').val(value.mailGerant)
                    $('.NumeroGerantSociete').val(value.numeroGerant)
                    $('.IbanGerantSociete').val(value.iban)
                    $('.BicGerantSociete').val(value.bic_swif)
                    $('.imgPhotos').css('display', 'block');
                    $('.imgPhotos').attr('src', 'media/PhotoProfil/' + value
                        .photoProfil)
                    $('.IDproprietaireEntrepriseInput').val(value.IDProprietaire)
                    $('.PhotoProfilEntrepriseInputHidden').val(value.photoProfil)

                    $('.maticuleProprietaire').val(value.matriculeProprietaire)
                    $('.maticuleNumeriqueProprietaire').val(value
                        .matriculeProprietaireNumerique)

                    if (value.gerantSociete != null) {
                        $('#QuestionCheckbox').prop('checked', true)
                        $('#ZoneInputListeProriétaire').css('display', 'block');
                        $('.ProprietaireSelect').val(value.gerantSociete).trigger(
                            'change')
                    }

                })

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

                // REMPLISSAGE TABLEAU DOCUMENT ENTREPRISE
                $.each(resp.data, function(key, value) {
                    docAddtableEntreprise.clear().draw();
                    $.each(resp.PieceJointe, function(key, value) {
                        docAddtableEntreprise.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
                        ])
                    })
                    docAddtableEntreprise.draw();
                })

                if (resp.PieceJointe.length > 0) {
                    recuperationPieceJoint(resp.PieceJointe)
                } else {
                    $('.ZonePieceJointe').html('')
                }

                if (typeProp == 1) {
                    $('.FermerModificationParticulier').css('display', 'none')
                    $('.FermerCreationParticulier').css('display', 'block')
                    $('#ProprietaireModal').modal('show')
                } else {

                    $('.FermerModificationEntreprise').css('display', 'none')
                    $('.FermerCreationEntreprise').css('display', 'block')
                    $('#ProprietaireEntrepriseModal').modal('show')
                }
            })
        })
        // SUPPRESSION DE PROPRIETAIRE PATICULIER
        $(document).on('click', '#supprimerProprietaire', function() {

            var IdProprietaire = $(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('Proprietaire.supprimer') }}",
                            "GET", {
                                IDProprietaire: IdProprietaire
                            }, null, true, "JSON", function(resp) {
                                Notification('Succès', resp.msg, 'top-right',
                                    'success')
                                MesrequetesAjax(
                                    "{{ route('Proprietaire.recuperation') }}",
                                    "GET", null, true, true, "JSON",
                                    function(response) {
                                        TableRecuperationProprietaire(response
                                            .data)
                                    });

                            })

                        }
                    },

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

        // TELECHARGEMENT DE FICHIER LORS DE LA MODIFICATION
        $(document).on('click', '#TelechargementFichierLorsDeLaModification', function() {
            var nomFichier = $(this).attr('data-NomFichier');
            telechargerPieceJoint(nomFichier, 5)

        })

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

                $('#confirmLabel').show();
                $('#ZoneInputListeProriétaire').css('display', 'block');
            } else {
                $('#confirmLabel').hide();
                $('#ZoneInputListeProriétaire').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)
            }
        })

        $('.ProprietaireSelect').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)

            })

        })

        $('.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
                    }))
                })

            })


        })

        //::::::::::::::::::::::::::::::::::::::::::::::: EXCEL ::::::::::::::::::::::::::::::::::::::::::::

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

        $('#ExcelInput').change(function() {
            var filenames = $(this).val().split('\\').pop()
            if (filenames) {
                $('#btn-ExcelDownload').css('display', 'flex')
                $('#btn-ExcelDelete').css('display', 'flex')
                $('#btn-callExcel').css('display', 'none')
                 $('#FetchInputFilname').css('display', 'flex');
                $('#FetchInputFilname').text(filenames);
            }
        })

        $('#importEXcel').on('submit', function(e) {
            e.preventDefault();
            MesrequetesAjax("{{ Route('ExcelProprietaire.importation') }}", "POST", new FormData(this),
                false,
                false, "JSON",
                function(resp) {

                    $('div#loaders').addClass('hiddenElement');
                    Notification('Succès', resp.msg, 'top-right', 'success')
                    recuperationProprietaire()

                }, null,
                function() {

                    $('.nomPage').text('Intégration')
                    $('div#loaders').removeClass('hiddenElement');

                })

        })
        $('#btn-ExcelDownload').on('click', function() {

            $('#importEXcel').submit();
        })

        $(document).on('click', '#btn-ExcelDelete', function() {
            $('#FetchInputFilname').text('');
            $('#ExcelInput').val('');
            $('#btn-ExcelDownload').css('display', 'none');
            $(this).css('display', 'none');
            $('#btn-callExcel').css('display', 'flex');
            $('#FetchInputFilname').css('display', 'none');

        })

        //::::::::::::::::::::::::::::::::::::::::::::::: FIN EXCEL ::::::::::::::::::::::::::::::::::::::::::::

        //::::::::::::::::::::::::::::::::::::::::::::: 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($('.TypepieceSelect').val() == 0){
                $('#typefichierProprietaireParticulierRequired').text('Type document obligatoire');
                return false;
            }else{
                 $('#typefichierProprietaireParticulierRequired').text('');
            }
            $('.FermerModificationParticulier').css('display', 'block')
            $('.FermerCreationParticulier').css('display', 'none')
            /*var docAddtable =  $('#tableLorsInsertionProprietaireParticulier').DataTable();
            var fileInput = $('#fichierDocument')[0].files[0];*/

            var docAddtable = $('#tableLorsInsertionProprietaireParticulier').DataTable();
            var referecenceDoc = $('#referenceDoc').val();
            var typeDocument = $('#TypeDocument').val();
            var IDproprietaireParticulier = $('#IDproprietaire').val()
            GestionFichier(typeDocument, referecenceDoc, $('#fichierDocument'), docAddtable, 5,
                IDproprietaireParticulier, 5);
            modificationParticulierDocumentStatut = true;

        })

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

        })

        // VOIR FICHE PROPRIETAIRE
        $(document).on('click', '#VoirProprietaire', function() {
            var idProprietaire = $(this).attr('data-id');
            $('#idProprietaire').val(idProprietaire)
            var tabFacture = $("#FactureTable").DataTable();
            var tabBien = $("#BienTable").DataTable();
            var tabDocument = $("#DocumentTable").DataTable();
            var tabVersement = $("#VersementsTable").DataTable();
            MesrequetesAjax("{{ route('Proprietaire.recuperation') }}", "GET", {
                IDProprietaire: idProprietaire
            }, null, true, "JSON", function(resp) {

                $('#proprietaireInfos').html('')
                var proprietaireDefaultImg = '';
                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].TypeProprietaire != 1 && resp.data[0].photoProfil == null) {
                    proprietaireDefaultImg =
                        '<img class="imgInTableRow" src="media/PhotoProfil/buldingDefault.png">';
                }

                if (resp.data[0].TypeProprietaire == 1 && resp.data[0].photoProfil == null) {
                    proprietaireDefaultImg =
                        '<img class="imgInTableRow" src="media/PhotoProfil/userDefault.png">';
                }

                if (resp.data[0].photoProfil != null) {
                    proprietaireDefaultImg =
                        '<img class="imgInTableRow" src="media/PhotoProfil/' + resp.data[0]
                        .photoProfil + '">';
                }

                $('#proprietaireInfos').append(' <div>' + proprietaireDefaultImg +
                    '</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 montantTotalfacture = 0;
                var montantTotalfactureEncaisse = 0;
                var montantTotalfactureResteEncaisse = 0;
                var montantTotalfactureVerse = 0;
                var montantTotalfactureResteVerse = 0;
                tabFacture.clear().draw();
                $.each(resp.FacturelocationProprietaire, function(key, value) {
                    montantTotalfacture += parseInt(value.montantFacture);
                    var resteEncaisse = parseInt(value.montantFacture) - parseInt(value
                        .totalEncaisse)
                    var resteVerse = parseInt(value.MontantPartProprietaire) - parseInt(
                        value.totalverse)
                    montantTotalfactureEncaisse += parseInt(value.totalEncaisse);
                    montantTotalfactureResteEncaisse += parseInt(resteEncaisse);

                    montantTotalfactureVerse += parseInt(value.totalverse)
                    montantTotalfactureResteVerse += parseInt(resteVerse)
                    tabFacture.row.add([formatageDate(new Date(value.dateFacture)),
                        value.refFacture, formaterNombre(value.montantFacture) +
                        ' F',
                        formaterNombre(value.MontantPartProprietaire) + ' F',
                        value.TauxCommissionGestion,
                        '<span class=" badge bg-success"> Encaissé : ' +
                        formaterNombre(value.totalEncaisse) + ' F</span>' +
                        ' ' + '<span class="badge bg-danger">Reste : ' +
                        formaterNombre(resteEncaisse) + ' F</span>',
                        '<span class="badge bg-success"> Versé : ' +
                        formaterNombre(value.totalverse) + ' F</span>' + ' ' +
                        '<span class="badge bg-danger">Reste : ' +
                        formaterNombre(resteVerse) + ' F</span>'
                    ])
                })

                tabFacture.draw();
                $('#montantTotalFacture').text('Total : ' + formaterNombre(
                    montantTotalfacture) + ' F')

                $('#montantTotalFactureEncaisse').html('')
                $('#montantTotalFactureRestante').html('')

                $('#montantTotalFactureVerse').html('')
                $('#montantTotalFactureVerseRestante').html('')

                $('#montantTotalFactureEncaisse').append(
                    '<span class="text-success">Encaissé => ' + formaterNombre(
                        montantTotalfactureEncaisse) + ' F </span>')
                $('#montantTotalFactureRestante').append('<span class="text-danger">Reste => ' +
                    formaterNombre(montantTotalfactureResteEncaisse) + ' F </span>')

                $('#montantTotalFactureVerse').append('<span class="text-success">Versé => ' +
                    formaterNombre(montantTotalfactureVerse) + ' F </span>')
                $('#montantTotalFactureVerseRestante').append(
                    '<span class="text-danger">Reste => ' + formaterNombre(
                        montantTotalfactureResteVerse) + ' F </span>')

                tabBien.clear().draw();
                $.each(resp.BienProprietaire, function(key, value) {
                    tabBien.row.add([value.refBien, value.intituleBien, value
                        .intituleTypeBien, value.libelleTypePrecis, value.taux,
                        value.NomLocataire, value.Libelleville, value
                        .Libellecommune
                    ])
                })

                tabBien.draw();

                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 totalversement = 0;
                tabVersement.clear().draw();
                $.each(resp.VersementProrietaire, function(key, value) {
                    totalversement += parseInt(value.montantVersementLigne)
                    var heure = '';
                    if (value.dateVersementLigne != null) {
                        heure = value.dateVersementLigne.substr(11, 19)
                    }
                    tabVersement.row.add([formatageDate(new Date(value
                            .dateVersementLigne)) + ' ' + heure, value
                        .refFacture, formaterNombre(value
                        .montantVersementLigne) + ' F', value.nom_utilisateur +
                        ' ' + value.prenom_utilisateur
                    ])
                })
                tabVersement.draw();

                //Versement
                TableRecuperationVersement(resp.Versement)

                // Reglement
                TableRecuperationReglement(resp.Reglement)

                // Reglement ligne (Reglement utilisé)
                TableRecuperationReglementUtilise(resp.ReglementLigne)

                $('#totalVersement').text('Total : ' + formaterNombre(totalversement) + ' F')

            })

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

        $(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: 5
                                    }, null, true, "JSON",
                                    function(resp) {

                                        recuperationDocumentProprietaireEntreprise();
                                        $('#ProprietaireEntrepriseModal').modal('hide')
                                        $('.FormAddProprietaireEntreprise')[0].reset();
                                        $('#btn-FichierDeleteEntreprise').css('display',
                                            'none')
                                        $('#btn-ajoutFichierEntreprise').css('display',
                                            'flex')
                                        modificationEntrepriseDocumentStatut = false
                                    })
                            }
                        },

                        fermer: {
                            text: 'NON',
                        },

                    }
                });

            }


        })

        $(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: 5
                                    }, null, true, "JSON",
                                    function(resp) {

                                        recuperationDocumentProprietaire();
                                        $('#ProprietaireModal').modal('hide')
                                        $('.formProprietraireAdd')[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: 5
                            }, null, true, "JSON", function(resp) {
                                Notification('Succès', resp.msg, 'top-right',
                                    'success');
                                recuperationDocumentProprietaire();
                                recuperationDocumentProprietaireEntreprise();
                            })
                        }
                    },

                    fermer: {
                        text: 'Fermer',
                    },

                }
            });


        })


        //:::::::::::::::::::::::::::::::::::::::: ENTREPRISE :::::::::::::::::::::::::::::::::::::::::

        $(document).on('click', '.FermerModalEntreprises', function() {
            $('#ProprietaireEntrepriseModal').modal('hide')
        })

        $('#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($('.TypepieceSelect').val() == 0){
                $('#typefichierProprietaireEntrepriseRequired').text('Type document obligatoire');
                return false;
            }else{
                 $('#typefichierProprietaireEntrepriseRequired').text('');
            }
            $('.FermerModificationEntreprise').css('display', 'block')
            $('.FermerCreationEntreprise').css('display', 'none')
            var docAddtable = $('#tableLorsInsertionProprietaireEntreprise').DataTable();
            var fileInput = $('#fichierDocumentEntreprise')[0].files[0];
            var referecenceDoc = $('#referenceDocEntreprise').val();
            var typeDocument = $('#TypedocumentEntreprise').val();
            var IDproprietaireEntreprise = $('#IDproprietaireEntrepriseInput').val()

            GestionFichier(typeDocument, referecenceDoc, $('#fichierDocumentEntreprise'), docAddtable,
                5, IDproprietaireEntreprise, 5);

            modificationEntrepriseDocumentStatut = true;

        })

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

        })

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

        // FILTRE 
        $(document).on('click', '#btn-filter', function() {

            var typeproprietaire = $('.TypeProprietaireSelect').val();
            var choisirPays = $('.PaysSelect').val();
            var choisirVille = $('.VilleSelect').val();
            MesrequetesAjax("{{ route('proprietaire.filtrer') }}", "GET", {
                pays: choisirPays,
                typeProprietaire: typeproprietaire,
                ville: choisirVille
            }, null, true, "JSON", function(resp) {

                if (resp.length == 0) {
                    recuperationProprietaire()
                } else {
                    TableRecuperationProprietaire(resp)
                }
            })
        })

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

            var IDproprietaire = $(this).data('id');
            $('#Idproprietaire').val(IDproprietaire)
            recuperationCommentaire(IDproprietaire)
            $('#CommentaireProprietaireModal').modal('show')
        })

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

            var $idProprietaire = $('#Idproprietaire').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('CommentaireProprietaire.creer') }}", "POST", new FormData(
                        this), false, false, "JSON",
                    function(resp) {

                        Notification('Succès', resp.msg, 'top-right', 'success')
                        //$('#CommentaireProprietaireModal').modal('hide')
                        $('#FormCommentaire').removeClass('was-validated');
                        $('#FormCommentaire')[0].reset();
                        recuperationCommentaire($idProprietaire)
                        $('#summernoteCommentaire').summernote('reset')
                    }, null,
                    function() {

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

                        if ($('#summernoteCommentaire').summernote('isEmpty')) {
                            $('#libelleRequired').text('Champ obligtoire')
                            return false;
                        } else {
                            $('#libelleRequired').text('')
                        }
                    })
            }

        })

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

                            MesrequetesAjax("{{ route('Commentaire.supprimer') }}",
                            "GET", {
                                IDCommentaire: getID,
                                IddocConcerne: $idProprietaire,
                                typefichier: 5
                            }, null, true, "JSON", function(resp) {
                                Notification('Succès', resp.msg, 'top-right',
                                    'success');
                                recuperationCommentaire($idProprietaire)
                            })
                        }
                    },

                    fermer: {
                        text: 'Fermer',
                    },

                }
            });

        })


        $('#titre').on('input', function() {
            $(this).css('text-transform', 'uppercase')
        })

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

            var IDProprietaire = $('#idProprietaire').val()
            $('#modalTitleVersementCaution').text('Nouveau versement')
            MesrequetesAjax("{{ route('Proprietaire.recuperation') }}", "GET", {
                IDProprietaire: IDProprietaire
            }, null, true, "JSON", function(response) {

                $('#ProprietaireSelect').val(response.data[0].IDProprietaire).trigger('change')

                $('#ProprietaireSelect').prop('disabled', true);
            })
            $('#ProprietaireDetailModal').modal('hide')
            $('#ModalVersement').modal('show')

        })

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

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

        $(document).on('submit', '.formVersementAdd', function(e) {
            var idProprietaire = $('#idProprietaire').val()

            var formData = new FormData(this);
            var selectedValue = $('#ProprietaireSelect').val();
            formData.append('ProprietaireSelect', selectedValue);

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

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

                        MesrequetesAjax("{{ route('versement.recuperation') }}", "GET", {
                            IDProprietaire: idProprietaire
                        }, null, true, "JSON", function(response) {
                            TableRecuperationVersement(response.data)

                            $('#ProprietaireDetailModal').modal('show');
                        })

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

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

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

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

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

            $('#Titremodal').text('Nouveau règlement')
             $('#ProprietaireDetailModal').modal('hide')
            $('#ModalReglementLocataire').modal('show')
        })

        $('.formReglementAdd').on('submit', function(e) {
           
            if (!$(this)[0].checkValidity()) {
                $(this).addClass('was-validated');
                e.preventDefault();
                e.stopPropagation();
            } else {
                
                e.preventDefault();
               
                MesrequetesAjax("{{ Route('Reglement.creer') }}", "POST", new FormData(
                        this), false, false,
                    "JSON",
                    function(resp) {

                        $('#ModalReglementLocataire').modal('hide');
                        
                        Notification('Succès', resp.msg, 'top-right', 'success')
                        TableRecuperationReglement(resp.Reglement)
                         $('#ProprietaireDetailModal').modal('show')
                        $('.InputIDRegelement').val(0)
                        $('.formReglementAdd')[0].reset()
                        $('.formReglementAdd').removeClass('was-validated');
                    },
                    function(error) {},
                    function() {
          
                        {{-- if ($.trim($('.montantReglementLocataire').val()).length == 0) {
                            return false;
                        }
                        if ($('.ModeReglementSelect').val().length == 0) {
                            return false;
                        } 

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

                        if ($('.dateReglement').val().length == 0) {
                            return false;
                        } --}}

                    })
            }

        })

    //26-01-2024
    // IMPRESSION LISTE DES PROPRIETAIRE
    $(document).on('click','#ImprimerListeProprietaire',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:2,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:2,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 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 GetLocataire() {
        MesrequetesAjax("{{ route('Locataire.recuperation') }}", "GET", null, true, true, "JSON", function(response) {
           
            $.each(response.ligne, function(key, value) {
                 var prenom = "";
                if(value.prenom !=null){
                    prenom = value.prenom;
                }
                $('#LocataireSelect').append($('<option>', {
                    value: value.IDLocataire,
                    text: value.nom + ' ' + prenom
                }))
            })
        });
    }

    function recuperationTypeProprietaire() {
        MesrequetesAjax("{{ route('TypeProprietaire.recuperation') }}", "GET", null, true, true, "JSON", function(
            resp) {
            $.each(resp.data, function(key, values) {
                $('#TypeProprietaireSelect').append($('<option>', {
                    value: values.IDTypeProprietaire,
                    text: values.libelleTypeProprietaire
                }))
            })
        });
    }

    function TableRecuperationProprietaire(response) {
        var table = $('#ProprietaireDatatable').DataTable();
        table.clear().draw();
        <br />
<b>Warning</b>:  Undefined variable $D_Modification_proprietaire in <b>E:\install\laragon\www\reditas\resources\views\FICHES\proprietaire.blade.php</b> on line <b>2597</b><br />
<br />
<b>Warning</b>:  Undefined variable $D_Suppression_proprietaire in <b>E:\install\laragon\www\reditas\resources\views\FICHES\proprietaire.blade.php</b> on line <b>2597</b><br />
        table.column(0).visible(false)
                $.each(response, function(key, value) {
            var photoprofil = "";
            var typeProprietaire = '';
            var Nomproprietaire = value.nom + ' ' + value.prenom;
            var telephoneFixe = value.telephoneFix;
            var mail = value.mail;
            var iban = value.iban;
            var bic_swif = value.bic_swif;
            var codePostale = value.codePostale;
            actionBtnVoir = '<i id="VoirProprietaire" data-id="' + value.IDProprietaire +
                '" data-typeproprietaire="' + value.TypeProprietaire +
                '" class="fa fa-eye cursor-pointer text-success"></i>';
            <br />
<b>Warning</b>:  Undefined variable $D_Modification_proprietaire in <b>E:\install\laragon\www\reditas\resources\views\FICHES\proprietaire.blade.php</b> on line <b>2612</b><br />
            actionBtn = '';
            
            <br />
<b>Warning</b>:  Undefined variable $D_Suppression_proprietaire in <b>E:\install\laragon\www\reditas\resources\views\FICHES\proprietaire.blade.php</b> on line <b>2620</b><br />
            actionBtnSupprimer = '';
            
            {{-- if (value.photoProfil != null) {
                photoprofil = '<img class="imgInTableRow" src="media/PhotoProfil/' + value.photoProfil + '">';
            } --}}
            if (value.TypeProprietaire == 1) {
                photoprofil = '<img class="imgInTableRow" src="media/PhotoProfil/userDefault.png">';
            }

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


            if (value.TypeProprietaire == 1) {
                typeProprietaire = 'Personne physique'
            } else {
                typeProprietaire = 'Personne morale'
                Nomproprietaire = value.nom
            }

            if (value.mail == null) {
                mail = '?'
            }
            if (value.telephoneFix == null) {
                telephoneFixe = '?'
            }

            if (value.iban == null) {
                iban = '?'
            }

            if (value.bic_swif == null) {
                bic_swif = '?'
            }

            if (value.codePostale == null) {
                codePostale = '?'
            }

            var heure = value.dateCreationProprietaire.substr(11,19)
            table.row.add([
                actionBtnVoir + '&nbsp;&nbsp;' +
                '<i class="fa-solid fa-comments cursor-pointer" title="Ajouter un commentaire" data-id="' +
                value.IDProprietaire + '" id="AjouterCommentaire"></i> &nbsp;&nbsp;' +
                actionBtnSupprimer + ' ' + actionBtn,
                photoprofil + ' &nbsp;' + Nomproprietaire,
                '<span class="badge bg-secondary">' + typeProprietaire + '</span>',
                value.telephoneMobile,
                telephoneFixe,
                mail,
                value.Libellepays,
                value.Libelleville,
                iban,
                bic_swif,
                codePostale,
                '<span style="color:black;font-weight:bold">Par '+ value.nom_utilisateur +' '+ value.prenom_utilisateur +'</span> <br> le '+
                formatageDate(new Date(value.dateCreationProprietaire))+' '+heure
            ])
        })
        table.draw();
    }

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

    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;
                }
                $('.ProprietaireSelect').append($('<option>', {
                    value: values.IDProprietaire,
                    text: values.nom + ' ' + name
                }))
            })
        });
    }

    function recuperationPays() {

        MesrequetesAjax("{{ route('pays.recuperation') }}", "GET", null, true, true, "JSON", function(
            resp) {
                $('.PaysSelect').html('')
                    $.each(resp.data, function(key, values) {
                        $('.PaysSelect').append($('<option>', {
                            value: values.IDPays,
                            text: values.Libellepays
                        }))
                    })

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

    }

    function recuperationTypedePiece() {
        MesrequetesAjax("{{ route('typePiece.recuperation') }}", "GET", null, true, true, "JSON", function(resp) {
            $('.TypepieceSelect').html('')
            $.each(resp.data, function(key, values) {
                $('.TypepieceSelect').append($('<option>', {
                    value: values.IDTypepiece,
                    text: values.libelleType_piece
                }))
            })
        });
    }

    function TypeSocieteSelect() {

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

             $('#TypeSocieteSelect').html('')
            $.each(resp.data, function(key, value) {
                $('#TypeSocieteSelect').append($('<option>', {
                    value: value.IDTypeSociete,
                    text: value.libelleTypeSociete
                }))
            })
        });
    }

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

        });
    }

    function recuperationDocumentProprietaire() {
        var docAddtable = $('#tableLorsInsertionProprietaireParticulier').DataTable();
        var IDproprietaireParticulier = $('#IDproprietaire').val()
        MesrequetesAjax("{{ route('Document.recuperation') }}", "GET", {
            typeDossier: 5,
            IdDoc: IDproprietaireParticulier
        }, 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 recuperationDocumentProprietaireEntreprise() {
        var docAddtable = $('#tableLorsInsertionProprietaireEntreprise').DataTable();
   
        var IDproprietaireEntreprise = $('#IDproprietaireEntrepriseInput').val()
        MesrequetesAjax("{{ route('Document.recuperation') }}", "GET", {
            typeDossier: 5,
            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 recuperationCommentaire(Idproprietaire) {
        var table = $('#tableDataCommentaire').DataTable();
        MesrequetesAjax("{{ route('Commentaire.recuperation') }}", "GET", {
            IDProprietaire: Idproprietaire
        }, null, true, "JSON", function(resp) {
            table.clear().draw();
            $.each(resp.ligne, function(key, value) {
                var libelle = value.libelleCommentaire
                if (value.libelleCommentaire.length > 100) {
                    libelle = value.libelleCommentaire.substr(0, ) + '...'
                }
                table.row.add([
                    '<i id="SupprimerCommentaire" data-id="' + value.IDCommentaire +
                    '" class="fa fa-trash text-danger cursor-pointer"></i>', value
                    .TitreCommentaire, libelle
                ])
            })
            table.draw()

        })
    }

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

            montantTotal += parseInt(value.montantVersement);

            var solde = parseInt(value.montantVersement) - parseInt(value.montantRegle);

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

                var statusVersement = 'À encaisser';
            } else if (value.verificationmodeVersementProprietaire == 1 && value.statutVersementProprietaire ==
                2) {

                var statusVersement = 'Encaissé';

            } else if (value.verificationmodeVersementProprietaire == 1 && value.statutVersementProprietaire ==
                3) {

                var statusVersement = 'Réjetté';
            } else {
                statusVersement = 'R.A.S';
            }
            var btnAjouterVersement = '<i id="FaireVersement" data-idversement="' + value.IDVersement +
                '"  data-id="' + value.IDProprietaire + '" data-nomproprietaire ="' + value.nom +
                ' "data-prenomproprietaire ="' + value.prenom + '" data-reference ="' + value
                .referenceVersement +
                '" class="fa fa-plus-circle text-warning cursor-pointer" title="éffectuer un versement"></i>'
            if (value.verificationmodeVersementProprietaire == 1 && value.statutVersementProprietaire != 2) {
                var btnAjouterVersement =
                    '<i class="fa fa-plus-circle text-danger cursor-pointer" title="Veuillez Encaisser le chèque pour faire un versement"></i>'
            }

            table.row.add([

                formatageDate(new Date(value.dateVersement)), value.intituleModeReglement, value
                .numeroCheque, value.Nombanque, statusVersement, formaterNombre(value
                .montantVersement) + ' F', formaterNombre(value.montantRegle) + ' F', formaterNombre(
                    solde) + ' F'
            ])
        })
        table.draw();
        $('#montanttotalVersement').text('Total : ' + formaterNombre(montantTotal) + ' F')

    }

    function TableRecuperationReglement(response) {
        var table = $('#ReglementsLocataireTable').DataTable();
        table.clear().draw();
        var montantTotal = 0;
        var montanttotalRegle = 0;
        $.each(response, function(key, value) {

            montantTotal += parseInt(value.montantReglement);
            montanttotalRegle += parseInt(value.montantRegle);
            var solde = parseInt(value.montantReglement) - parseInt(value.montantRegle);
            if (value.statutReglement > 0) {

                if (value.statutReglement == 1) {

                    var statutReglement = 'À encaisser';
                } else if (value.statutReglement == 2) {

                    var statutReglement = 'Encaissé';

                } else {

                    var statutReglement = 'Réjetté';
                }

            } else {
                statutReglement = 'R.A.S';
            }
            /* var btnAjouterVersement  = '<i id="FaireVersement" data-idversement="'+value.IDVersement+'"  data-id="'+value.IDProprietaire+'" data-nomproprietaire ="'+value.nom+' "data-prenomproprietaire ="'+value.prenom+'" data-reference ="'+value.referenceVersement+'" class="fa fa-plus-circle text-warning cursor-pointer" title="éffectuer un versement"></i>'
            if(value.statutReglement > 0 && value.statutReglement !=2){
                var btnAjouterVersement = '<i class="fa fa-plus-circle text-danger cursor-pointer" title="Veuillez Encaisser le chèque pour faire un versement"></i>'
            }*/
            var prenom = '';
            if (value.prenom != null) {

                prenom = value.prenom;
            }

            table.row.add([

                formatageDate(new Date(value.dateReglement)), value.RefReglementInterne, value.nom +
                ' ' + prenom, value.intituleModeReglement, value.numeroCheque, value.nomBanque,
                statutReglement, formaterNombre(value.montantReglement) + ' F',
                formaterNombre(value.montantRegle) + ' F', formaterNombre(solde) + ' F'
            ])
        })
        table.draw();
        $('#montanttotalReglement').text('Total règlement : ' + formaterNombre(montantTotal) + ' F')
        $('#montanttotalRegle').text('Total réglé : ' + formaterNombre(montanttotalRegle) + ' F')

    }

    function TableRecuperationReglementUtilise(response) {
        var table = $('#ReglementsUtiliseLocataireTable').DataTable();
        table.clear().draw();
        var montantTotal = 0;

        $.each(response, function(key, value) {

            montantTotal += parseInt(value.MontantReglementLigne);
            /* var btnAjouterVersement  = '<i id="FaireVersement" data-idversement="'+value.IDVersement+'"  data-id="'+value.IDProprietaire+'" data-nomproprietaire ="'+value.nom+' "data-prenomproprietaire ="'+value.prenom+'" data-reference ="'+value.referenceVersement+'" class="fa fa-plus-circle text-warning cursor-pointer" title="éffectuer un versement"></i>'
            if(value.statutReglement > 0 && value.statutReglement !=2){
                var btnAjouterVersement = '<i class="fa fa-plus-circle text-danger cursor-pointer" title="Veuillez Encaisser le chèque pour faire un versement"></i>'
            }*/
            var prenom = '';
            if (value.prenom != null) {

                prenom = value.prenom;
            }

            table.row.add([

                formatageDate(new Date(value.DateReglementLigne)),
                value.RefReglementInterne,
                value.refFacture,
                value.intituleModeReglement,
                value.numeroCheque,
                value.nomBanque,
                formaterNombre(value.MontantReglementLigne) + ' F',
            ])
        })
        table.draw();
        $('#montanttotalUtilise').text('Total règlement : ' + formaterNombre(montantTotal) + ' F')

    }

    function referenceReglement() {
        MesrequetesAjax("{{ route('getReferenceReglement.creer') }}", "GET", null, true, true, "JSON", function(resp) {
            
            $('#ReferenceReglement').val(resp[0]);
            $('#ReferenceReglementNumerique').val(resp[1]);
            
        });
    }
</script>


</body>

</html>