@php
    $D_Creation_bien = session()->get('D_Creation_bien');
    $D_Modification_bien = session()->get('D_Modification_bien');
    $D_Suppression_bien = session()->get('D_Suppression_bien');
@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 biens</h4>

            <div class="d-flex">

                <button type="button" id="ImprimerListeBien" 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; margin-left:7px;display:none"></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_bien)
                    <button type="button" id="BtnAppelModalAjoutDeBien" class="btn btn-success btn-sm rounded-pill"
                        data-bs-toggle="modal" data-bs-target="#BienModal"><i data-feather="plus-circle"></i>
                        Ajouter
                    </button>
                @endif
            </div>


        </div>
        <hr>
        <div class="card card-shadow mb-4">

            <div class="card-body">

                <div class="row g-3 mb-3">

                    <div class="col-md-3">
                        <label for="" class="FormLabel">Type de bien</label>
                        <select class="form-select typeBienSelect Pselect2" id="SuggestiontypeBien">
                            <option selected value="0">Tous</option>
                        </select>
                    </div>

                    <div class="col-md-3">
                        <label for="" class="FormLabel">Type précis</label>
                        <select class="form-select typeprecis Pselect2" id="SuggestionTypeprecis">
                            <option selected value="0">Tous</option>
                        </select>
                    </div>


                    <div class="col-md-3">
                        <label for="" class="FormLabel">Pays</label>
                        <select class="form-select PaysSelect Pselect2" id="Suggestionpays">
                            <option selected value="0">Tous</option>
                        </select>
                    </div>


                    <div class="col-md-2">
                        <label for="referenceBien" class="FormLabel">Ville</label>
                        <select class="form-select ville Pselect2" id="Suggestionville">
                            <option selected value="0">Tous</option>
                        </select>
                    </div>

                    <div class="col-md-1">
                        <button style="float:right" class="btn btn-secondary btn-sm mt-4" id="btn-filter"><i
                                class="fa fa-search"></i></button>
                    </div>

                </div>

                <div class="table-responsive">
                    <table id="BienDatatable" class="table table-striped w-100 ">
                        <thead class="tableauEntete">
                            <tr>
                                <th>Actions</th>
                                <th>Référence</th>
                                <th>Intitulé</th>
                                <th>Code postal</th>
                                <th>Adresse postale</th>
                                <th>Type</th>
                                <th>Type précis</th>
                                <th>Pays</th>
                                <th>Ville</th>

                                <th>Superficie</th>
                                <th>Situation géographique</th>

                                <th>Longitude GPS</th>
                                <th>Latitude GPS</th>
                                <th>Date début contrat</th>
                                <th>Date fin contrat</th>
                                <th>créer par</th>
                                <th>créer le</th>
                            </tr>
                        </thead>

                    </table>
                </div>

            </div>
        </div>

        {{--  MODAL AJOUT DE BIEN --}}
        <div class="modal fade" id="BienModal" tabindex="-1" data-bs-backdrop="static" data-bs-keyboard="false" 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="modalTitreBien"></h5>
                        <button class="btn p-1 FermerCreation" type="button" ><span class="fas fa-times fs--1 text-white"></span></button>
                        <button class="btn p-1 FermerModification" style="display:none" type="button"><span class="fas fa-times fs--1 text-white"></span></button>
                    </div>
                    <div class="modal-body">
                        <form class="formBienAdd g-3 needs-validation p-0" method="POST" novalidate>
                            @include('FICHES/BienForm')
                    </div>
                    <div class="modal-footer"
                        style="background: rgb(113,195,162); background: linear-gradient(90deg, rgba(113,195,162,0.8184523809523809) 4%, rgba(13,144,12,0.8016456582633054) 32%, rgba(255,255,255,0.33665966386554624) 58%),url('assets/img/atboard.png');background-size:cover; background-position:20% 20%">

                        <button class="btn btn-outline-danger FermerCreation" type="button">Fermer</button>
                        <button type="button" class="btn btn-outline-danger FermerModification" id="FermerModification" style="display:none">Fermer</button>
                        <button id="btn-addBien" class="btn btn-success" type="submit">Enregistrer</button>
                        <button id="btn-UpdateBien" class="btn btn-success" style="display:none"
                            type="submit">Modifier</button>
                    </div>
                    </form>
                </div>
            </div>
        </div>

        {{-- ASSOCIER PROPRIETAIRE A UN BIEN --}}
        <div class="modal fade" id="AjoutProprietaireDeBienModal" tabindex="-1"
            aria-labelledby="staticBackdropLabel" aria-hidden="true">
            <div class="modal-dialog modal-lg modal-dialog-centered">
                <div class="modal-content">
                    <div class="modal-header modal-header-Bg">
                        <h5 class="modal-title text-white" id="staticBackdropLabel">Associé des propiétaires</h5>
                        <button class="btn p-1" type="button" data-bs-dismiss="modal" aria-label="Close"><span
                                class="fas fa-times fs--1 text-white"></span></button>
                    </div>
                    <div class="modal-body">
                        <form id="formAttacheProprietaireAndBien" class=" row  g-3 needs-validation" method="POST"
                            novalidate>
                            @include('FICHES/AjoutdePropritaireForm')

                        </form>

                        <form class=" row  g-3 needs-validation" method="POST" novalidate>
                            <div class="col-md-12">
                                <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                                <div class="table-responsive">
                                    <table class="table table-striped table-hover table-borderless align-middle">
                                        <thead class="tableauEntete">
                                            <tr>
                                                <th class="text-center" style="width:80px;font-size:12px;">Action</th>
                                                <th style="font-size:12px;">Proprietaires</th>
                                                <th style="font-size:12px;" class="text-center">Part(%)</th>

                                            </tr>
                                        </thead>
                                        <tbody id="TableProprietaireETbien">
                                        </tbody>

                                    </table>
                                </div>

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

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

        @include('../primary_footer')

    </div>

    {{-- VOIR DETAIL DE BIEN --}}
    <div class="modal fade" id="DetailBienModal" 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 de bien<span id="RefBien"></span></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" style="background-image:url('assets/img/bg.png');background-size:cover">

                      <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">Informations principales</a></li>

                         <li class="nav-item" role="presentation"><a class="nav-link" id="ListeLocation" data-bs-toggle="tab" href="#ListeLocations" role="tab" aria-controls="ListeLocation" aria-selected="false" tabindex="-1">Listes locations</a></li>

                          <li class="nav-item" role="presentation"><a class="nav-link" id="ListeFacture" data-bs-toggle="tab" href="#ListeFactures" role="tab" aria-controls="ListeFactures" aria-selected="false" tabindex="-1">Listes facture</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="true">Documents</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">
                        
                                     <h5>::. Informations du bien</h5>
                                    <hr>
                                    <div id="DetailBienBlock1" class="row g-3">
                                    </div>
                                    <div id="DetailBienBlock2" class="row g-2"></div>
                        </div>
                        <div class="tab-pane fade" id="ListeLocations" role="tabpanel" aria-labelledby="ListeLocation">

                                    <div>
                                        <span id="montantTotalLocation"></span>
                                    </div>
                                <div class="table-responsive">

                                    <table id="ListeLocationTable" class="table table-light">
                                        <thead>
                                            <th>Date</th>
                                            <th>Référence</th>
                                            <th>Locataire</th>
                                            <th>Montant</th>
                                        </thead>
                                    </table>
                                </div>
                                
                                </div>
                                    

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

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



                        <div class="tab-pane fade" id="tab-profile" role="tabpanel" aria-labelledby="profile-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>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-outline-danger" type="button" data-bs-dismiss="modal">Fermer</button>

                </div>

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


    @include('../primary_footer')

    </div>

    @include('../chatblock')

</main>

@include('../rightbar')

@include('../footer')

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


         $('.modal').each(function() {
            $(this).find('.Pselect2X').select2({
                dropdownParent: $(this),
                width: '100%' 
            });
         })
        
        $("#BienDatatable").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: 'tblWidth-3 text-center'
                },
                {
                    target: [1,16,11, 12],
                    className: 'tblWidth-2 text-center'
                },
                {
                    target: [2],
                    className: 'tblWidth-0'
                },

                {
                    targets: [3, 5, 6, 7, 8, 10,13, 14],
                    className: 'tblWidth-2'
                },

                {
                    targets: [4, 9],
                    className: 'tblWidth-1'
                },
                {
                    targets: [15],
                    className: 'tblWidth-2'
                },
            ],
            'order': []
        });

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

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

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

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

            ],
           
            'order': []
        });
    })
</script>

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

        $('.nomPage').text('Biens')
        recuperationTypeprecis()
        recuperationville()
        recuperationProprietaire()
        referenceBien()
        recuperationTypeBien()
        recuperationGroupeBien()
        recuperationComune()
        recuperationBien()
        recuperationPays();
        recuperationTypedePiece()

        modificationDocumentStatut = false;
        Filepond()
        var jc;
        $('#suggestionMsg').hide();
        const inputElement = document.querySelector('input[name="media[]"]');
        const pond = FilePond.create(inputElement);
        $('#BtnAppelModalAjoutDeBien').on('click', function() {
            $('#modalTitreBien').text('Ajout de nouveau bien')
            $('.IDBIenInput').val(0)
            $('.ZonePieceJointe').css('display', 'none');
            $('.formBienAdd')[0].reset()
            referenceBien()
            $('#btn-UpdateBien').css('display', 'none')
            $('#btn-addBien').css('display', 'block')
            $('.TypePrecisSelect').val('')
            $('#QteBien').css('display', 'none')
            var table= $("#FormTableDocumentTableBien").DataTable()
            table.clear().draw();
            table.draw();
        })

         $('.intituleBien').on('input',function(){
            $(this).css('text-transform','uppercase')
        })
        // Utilisez removeFiles sans spécifier de requête pour supprimer tous les fichiers
        $('.formBienAdd').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('Bien.creer') }}", "POST", new FormData(this), false, false,
                    "JSON",
                    function(resp) {

                        $('#BienModal').modal('hide');
                        Notification('Succès', resp.msg, 'top-right', 'success')
                        MesrequetesAjax("{{ route('Bien.recuperation') }}", "GET", null, true, true,
                            "JSON",
                            function(response) {
                                TablerecuperationBien(response.data)
                            });

                        //pond.removeFiles();
                        $('.formBienAdd').removeClass('was-validated');
                        $('.formBienAdd')[0].reset();
                        $('.referenceNumerique').val('')
                         modificationDocumentStatut = false;

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

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

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

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

                        {{-- if ($('.CommuneSelect').val() == 'Choisir...') {
                            return false;
                        } --}}

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

                        if ($('.dateDebBienContrat').val().length == 0) {

                            $('.dateDebBienContrat').css('border-color', 'red');
                            $('.invalid-dateDeb').css('color', 'red')
                            $('.invalid-dateDeb').text('Date début obligatoire')
                            return false;
                        } else {
                            $('.dateDebBienContrat').css('border-color', 'green');
                            $('.invalid-dateDeb').text('')

                        }
                        if ($('.dateFinBienContrat').val().length == 0) {
                            $('.dateFinBienContrat').css('border-color', 'red');
                            $('.invalid-dateFin').css('color', 'red')
                            $('.invalid-dateFin').text('Date fin obligatoire')
                            return false;
                        } else {

                            $('.dateFinBienContrat').css('border-color', 'green');
                            $('.invalid-dateFin').text('')
                        }
                    }
                )

            }
        })
        //:::::::::::::::::::::::::::::::: AJOUT DE PROPRIETAIRE A UN BIEN :::::::::::::::::::::::::::::::::::
        var tableauIdentifiant = [];
        $('#formAttacheProprietaireAndBien').on('submit', function(e) {

            if (!$(this)[0].checkValidity()) {
                $(this).addClass(
                    'was-validated'
                ); 
                e.preventDefault(); 
                e.stopPropagation(); 
            } else {
                e.preventDefault();
                MesrequetesAjax("{{ Route('ProprietaireBien.creer') }}", "POST", new FormData(this),
                    false, false, "JSON",
                    function(resp) {
                        if (resp.errorTaux) {
                            Notification('Erreur', resp.msg, 'top-right', 'error')
                            return false;
                        }
                        Notification('Succès', resp.msg, 'top-right', 'success')
                        MesrequetesAjax("{{ route('ProprietaireBien.recuperation') }}", "GET", {
                            IDbien: $('#IDbien').val()
                        }, null, true, "JSON", function(response) {
                            TablerecuperationProprietaireAssocierBien(response.data)
                        });
                        $('#formAttacheProprietaireAndBien').removeClass('was-validated');
                        $('#formAttacheProprietaireAndBien')[0].reset();

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

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

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

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

            idBien = $(this).attr('data-id')
            $('#IDbien').val(idBien)
            tableauIdentifiant.length = 0;
            MesrequetesAjax("{{ route('ProprietaireBien.recuperation') }}", "GET", {
                IDbien: idBien
            }, null, true, "JSON", function(response) {
                TablerecuperationProprietaireAssocierBien(response.data)
                $('#AjoutProprietaireDeBienModal').modal('show')
            });
        })

        $(document).on('change', '#inputTaux', function() {
            var IDProprietaireBien = $(this).attr('data-id')
            var elementTrouve = false;
            for (var i = 0; i < tableauIdentifiant.length; i++) {
                if (tableauIdentifiant[i].identifiant == IDProprietaireBien) {
                    tableauIdentifiant[i].valeur = $(this).val();
                    elementTrouve = true;
                }
            }

            if (elementTrouve == false) {
                tableauIdentifiant.push({
                    'identifiant': IDProprietaireBien,
                    'valeur': $(this).val()
                })
            }
            $('#btn-modifierProprietaireBien').css('display', 'block')
        })

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

            var IDProprietaireBien = $(this).attr('data-id')
            MesrequetesAjax("{{ route('ProprietaireBien.supprimer') }}", "GET", {
                IdProprietaireBien: IDProprietaireBien
            }, null, true, "JSON", function(response) {
                Notification('Succès', response.msg, 'top-right', 'success')
                MesrequetesAjax("{{ route('ProprietaireBien.recuperation') }}", "GET", {
                    IDbien: $('#IDbien').val()
                }, null, true, "JSON", function(response) {
                    TablerecuperationProprietaireAssocierBien(response.data)
                });
            });
        })

        // ASSOCIER UN PROPRIETAIRE A UN BIEN
        $('#btn-modifierProprietaireBien').on('click', function() {
            var count = $('#InputCountItem').val();
            MesrequetesAjaxClickEvent("{{ Route('ProprietaireBien.modifier') }}", "POST", {
                    "_token": $('#token').val(),
                    tableauElement: tableauIdentifiant
                }, "JSON", function(resp) {
                    Notification('Succès', resp.msg, 'top-right', 'success')
                    tableauIdentifiant.length = 0;
                }, function(error) {},
                function() {

                    for (var i = 1; i <= count; i++) {

                        if ($('.inputTaux' + i).val().length == 0) {
                            return false;
                        }
                    }
                }
            )
        })

        //:::::::::::::::::::::::::::::::: FIN AJOUT DE PROPRIETAIRE A UN BIEN :::::::::::::::::::::::::::::::::::

        // ::::::::::::::::::::::::::::::: SUPPRIMER UN BIEN :::::::::::::::::::::::::::::::::::::::::::::::::::::

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

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

                            });

                        }
                    },

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

        // ::::::::::::::::::::::::::::::: MODIFICATION DE BIEN :::::::::::::::::::::::::::::::::::::::::::::::::::

        $(document).on('click', '#ModifierBien', function() {
             $('#modalTitreBien').text('Modification bien')
             $('#QteBien').css('display', 'none')
             $('#suggestionMsg').css('display', 'none')
             $('#SuggestionBienprincipalSelect').css('display', 'none')
             $('.FermerModification').css('display','block')
             $('.FermerCreation').css('display','none')
            var idBien = $(this).attr('data-id');
            $('#btn-UpdateBien').css('display', 'block')
            $('#btn-addBien').css('display', 'none')
            MesrequetesAjax("{{ route('BienParId.recuperation') }}", "GET", {
                IDbien: idBien
            }, null, true, "JSON", function(resp) {

                var commune = '';
                $('.CommuneSelect').html('')
                $.each(resp.data, function(key, value) {
                    $('.IDBIenInput').val(value.IDBien)
                    coummune = value.Libellecommune;
                    typeBien = value.IDTypeBien;
                    GroupeBien = value.IDGroupeBien;
                    IDBien = value.IDBien
                    $('.reference').val(value.refBien)
                    $('.intituleBien').val(value.intituleBien)
                    $('.longitudeGps').val(value.longitudeGps)
                    $('.latitudeGps').val(value.latitudeGps)
                    $('.dateDebBienContrat').val(formatageDate(new Date(value
                        .dateFinContratBien)))
                    $('.dateFinBienContrat').val(formatageDate(new Date(value
                        .dateFinContratBien)))
                    $('.observationBien').val(value.observationBien)
                    $('.CommissionTauxGestion').val(value.TauxCommission)

                    $('.TypePrecisSelect').append('<option value="' + value
                        .IDTypePrecis + '">' + value.libelleTypePrecis + '</option>'
                        )
                    $('.typeBienSelect').val(value.IDTypeBien).trigger('change')
                    $('#GroupeBienSelect').val(value.IDGroupeBien).trigger('change')
                    $('.SiteGeoBien').val(value.situationGeoBien)
                    $('.SuperficieBien').val(value.superficieBien)
                    $('.CodePostal').val(value.codePostaleBien)
                    $('.AdressePostale').val(value.adressePostaleBien)
                    $('#referenceNumerique').val(value.RefBienNumerique)

                    $('.PaysSelect').val(value.IDPays).trigger('change')
                    
                    $('.VilleSelect').val(value.IDVille).trigger('change')

                })


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

                 var tableDoc =  $('#FormTableDocumentTableBien').DataTable();
                 // REMPLISSAGE TABLEAU DOCUMENT ENTREPRISE
            
                    tableDoc.clear().draw();
                            $.each(resp.PieceJointe,function(key,value){
                                tableDoc.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])
                            })
                    tableDoc.draw();
                $('#BienModal').modal('show')
            });

        })

        $(document).on('keyup', '.CommissionTauxGestion', function() {

            if ($(this).val() > 100) {

                $(this).val(100)
                $('.tauxError').css('display', 'block')
            } else {
                $('.tauxError').css('display', 'none')
            }
        })

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

        // ::::::::::::::::::::::::::::::: VOIR DETAIL DE BIEN ::::::::::::::::::::::::::::::::::::::::::::::::
        $(document).on('click', '#VoirBien', function() {
            var idBien = $(this).attr('data-id');
            MesrequetesAjax("{{ route('BienParId.recuperation') }}", "GET", {
                IDbien: idBien
            }, null, true, "JSON", function(resp) {
                var ListeProprietaire = '';
                $('#RefBien').text('('+resp.data[0].refBien+')')
                $.each(resp.proprietaire, function(key, value) {
                    ListeProprietaire +=
                        ' <div class="badge badge-phoenix fs--2 badge-phoenix-success mb-4"><span class="fw-bold">' +
                        value.nom + ' ' + value.prenom + '</span></div>'
                })
                $('#DetailBienBlock1').html('');
                var Output = '';
                $.each(resp.data, function(key, value) {
                    var longitudeGps = '';
                    if (value.longitudeGps != null) {
                        longitudeGps = value.longitudeGps
                    }
                    var intituleTypeBien = ''
                    if (value.intituleTypeBien != null) {
                        intituleTypeBien = value.intituleTypeBien
                    }
                    var libelleTypePrecis = ''
                    if (value.libelleTypePrecis != null) {
                        libelleTypePrecis = value.libelleTypePrecis
                    }
                    var superficieBien = ''
                    if (value.superficieBien != null) {
                        superficieBien = value.superficieBien
                    }

                    var latitudeGps = ''
                    if (value.latitudeGps != null) {
                        latitudeGps = value.latitudeGps
                    }

                    var Libelleville = ''
                    if (value.Libelleville != null) {
                        Libelleville = value.Libelleville
                    }

                    var observationBien = ''
                    if (value.observationBien != null) {
                        observationBien = value.observationBien
                    }


                    Output +=
                        '<div class="col-md-4">\
                        <div class="row g-0">\
                            <div class="col-6 border-1 border-bottom border-end py-2"> <a style="margin-right:4px;" class=" text-800 hover-primary text-decoration-none fw-semi-bold d-flex justify-content-between d-xxl-inline-block" ><span class="FormLabel">Type de bien</span>\
                                <div style="width:30px;height:30px; border:3px solid orange;border-radius:5px;"> <span style="margin-left:4px;margin-top:3px" class="fa-solid fas fa-dharmachakra me-2 mb-2 mb-xxl-0"></span> </div> </a>\
                                <a class="btn btn-link text-decoration-none ps-2 fs-0 text-800 hover-primary fw-semi-bold d-flex flex-column d-xxl-inline-block" >' +
                        intituleTypeBien +
                        '</a></div>\
                            <div class="col-6 border-1 border-bottom py-2"><a style="margin-left:4px" class="text-800 hover-primary text-decoration-none fw-semi-bold d-flex justify-content-between d-xxl-inline-block"><span class="FormLabel">Longitude GPS</span>\
                                <div style="width:30px;height:30px; border:3px solid orange;border-radius:5px"> <span style="margin-left:4px;margin-top:3px" class="fa-solid fas fa-medal me-2 mb-2 mb-xxl-0"></span> </div> </a> <a class="btn btn-link fs-0 text-800 hover-primary text-decoration-none fw-semi-bold d-flex flex-column d-xxl-inline-block">' +
                        longitudeGps +
                        ' </a> </div>\
                            <div class="col-6 border-1 border-bottom border-end py-2"><a style="margin-right:4px;" class=" text-800 hover-primary text-decoration-none fw-semi-bold d-flex justify-content-between d-xxl-inline-block" ><span class="FormLabel">Type précis</span>\
                                <div style="width:30px;height:30px; border:3px solid orange;border-radius:5px;"> <span style="margin-left:4px;margin-top:3px" class="fa-solid far fa-clock me-2 mb-2 mb-xxl-0"></span> </div> </a>\
                                <a class="btn btn-link ps-2 text-decoration-none fs-0 text-800 hover-primary text-decoration-none fw-semi-bold d-flex flex-column d-xxl-inline-block" >' +
                        libelleTypePrecis +
                        '</a></div>\
                            <div class="col-6 border-1 border-bottom py-2"><a style="margin-left:4px" class=" text-800 hover-primary text-decoration-none fw-semi-bold d-flex justify-content-between d-xxl-inline-block" ><span class="FormLabel"> Latitude GPS</span>\
                                <div style="width:30px;height:30px; border:3px solid orange;border-radius:5px"> <span style="margin-left:4px;margin-top:3px" class="fa-solid fas fa-calendar me-2 mb-2 mb-xxl-0"></span> </div> </a>  <a class="btn btn-link fs-0 text-800 hover-primary text-decoration-none fw-semi-bold d-flex flex-column d-xxl-inline-block" href="#!">' +
                        latitudeGps +
                        '</a> </div>\
                            <div class="col-6 border-1 border-end py-2"><a style="margin-right:4px;" class=" text-800 hover-primary text-decoration-none fw-semi-bold d-flex justify-content-between d-xxl-inline-block"><span class="FormLabel">Superficie</span>\
                                <div style="width:30px;height:30px; border:3px solid orange;border-radius:5px;"> <span style="margin-left:4px;margin-top:3px" class="fa-solid fas fas fa-location-arrow me-2 mb-2 mb-xxl-0"></span></div> </a>\
                                <a class="btn btn-link ps-2 fs-0 text-800 hover-primary text-decoration-none fw-semi-bold d-flex flex-column d-xxl-inline-block" >' +
                        superficieBien +
                        '</a></div>\
                            <div class="col-6 border-1 py-2"><a style="margin-left:4px" class="text-800 hover-primary text-decoration-none fw-semi-bold d-flex justify-content-between d-xxl-inline-block"><span class="FormLabel">Ville</span>\
                                <div style="width:30px;height:30px; border:3px solid orange;border-radius:5px"> <span style="margin-left:6px;margin-top:3px" class="fa-solid fas fas fa-map-marker-alt me-2 mb-2 mb-xxl-0"></span> </div> </a> <a class="btn btn-link fs-0 text-800 hover-primary text-decoration-none fw-semi-bold d-flex flex-column d-xxl-inline-block" href="#!">' +
                        Libelleville + '</a></div>\
                        </div>\
                    </div>';
                    Output += ' <div class="col-md-8">\
                            <div class="card border border-300 h-100 w-100 overflow-hidden"> <div class="bg-holder d-block bg-card" style="background-image:url(../assets/img/spot-illustrations/32.png);background-position: top right;"> </div>  <div class="d-dark-none"><div class="bg-holder d-none d-sm-block d-xl-none d-xxl-block bg-card" style="background-image:url(../assets/img/spot-illustrations/21.png);background-position: bottom right; background-size: auto;"></div> </div>\
                                <div class="d-light-none">\
                                    <div class="bg-holder d-none d-sm-block d-xl-none d-xxl-block bg-card" style="background-image:url(../assets/img/spot-illustrations/dark_21.png);background-position: bottom right; background-size: auto;"> </div>\
                                </div>\
                                <div class="card-body px-5 position-relative">\
                                    <h3 class="mb-5">' + value.intituleBien + '</h3>\
                                    <p class="text-700 fw-semi-bold">' + observationBien + ' </p>\
                                </div>\
                                <div class="card-footer border-0 py-0 px-5 z-index-1">' + ListeProprietaire + '</div>\
                            </div>\
                        </div> ';
                    $('#DetailBienBlock1').append(Output);


                })


                $('#DetailBienBlock2').html('');
                var PieceJointe = '';
           
                var montantTotallocation = 0;
                var tablocation = $("#ListeLocationTable").DataTable();
                tablocation.clear().draw();
                    $.each(resp.LocationBien,function(key,value){
                       
                        var MontantTTCLoyer = 0;
                        var date ='';
                        if(value.MontantTTCLoyer !=null){
                            MontantTTCLoyer = value.MontantTTCLoyer
                        }
                         if(value.dateDebutLocation !=null){
                            date = formatageDate(new Date(value.dateDebutLocation))
                        }
                        montantTotallocation +=parseInt(MontantTTCLoyer);
                        tablocation.row.add([
                           date, value.refLocation,value.nom+' '+value.prenom,formaterNombre(MontantTTCLoyer)+' F'
                        ])
                    })
                    tablocation.draw();
                    $('#montantTotalLocation').text('Total : '+formaterNombre(montantTotallocation)+' F')

                var montantTotalfacture = 0;
                var montantFacture = 0;
                var tabfacturebien = $("#ListFactureTable").DataTable();
                tabfacturebien.clear().draw();
                    $.each(resp.FactureBien,function(key,value){
                        if(value.montantFacture !=null){

                            montantFacture = value.montantFacture
                        }
                         montantTotalfacture +=parseInt(montantFacture);
                        tabfacturebien.row.add([
                           formatageDate(new Date(value.dateFacture)), value.refFacture,formaterNombre(montantFacture)+' F'
                        ])
                    })
                    tabfacturebien.draw();
                     $('#montantTotalFacture').text('Total : '+formaterNombre(montantTotalfacture)+' F')

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

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

        })

        $(document).on('click', '#btn-telechargementPieceJointe', function() {
            var nomFichier = $(this).attr('data-NomFichier');
            telechargerPieceJoint(nomFichier, 1)
        })

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

            })


        })

        $('#typeBienSelect').on('change', function() {
            var getIdTypebien = $(this).val();
            MesrequetesAjax("{{ route('typebienPrecis.recuperation') }}", "GET", {
                IdTypebien: getIdTypebien
            }, null, true, "JSON", function(
                resp) {
                $('#TypePrecisSelect').html('')
                $.each(resp.data, function(key, values) {
                    $('#TypePrecisSelect').append($('<option>', {
                        value: values.IDTypePrecis,
                        text: values.libelleTypePrecis
                    }))
                })

            })

        })

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

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

                }, 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');
        })

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

            var _typeBien = $('#SuggestiontypeBien').val();
            var _Typeprecis = $('#SuggestionTypeprecis').val();
            var _pays = $('#Suggestionpays').val();
            var _ville = $('#SuggestiontypeBien').val();
            MesrequetesAjax("{{ route('filtrertableauBien.recuperation') }}", "GET", {
                typeBien: _typeBien,
                Typeprecis: _Typeprecis,
                pays: _pays,
                ville: _ville
            }, null, true, "JSON", function(resp) {
                TablerecuperationBien(resp.data)
            })
        })

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

            var GetID = $(this).val();
            MesrequetesAjax("{{ route('GroupeBien.recuperation') }}", "GET", {
                IdGroupebien: GetID
            }, null, true, "JSON", function(resp) {

                $('#PaysSelect').val(resp.data[0].IDPays).trigger('change')
                $('#VilleSelect').val(resp.data[0].IDVille).trigger('change')
                $('#longitudeGps').val(resp.data[0].longitudeGps)
                $('#latitudeGps').val(resp.data[0].latitudeGps)
                $('#CommissionTauxGestion').val(resp.data[0].tauxCommissionGroupBien)
                $('#GroupeBienSelect').val(resp.data[0].IDGroupeBien).trigger('change')
                $('#SiteGeoBien').val(resp.data[0].situationGeoGroupeBien)

                $('#intituleBien').focus();

            })

        })

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

            if ($(this).is(":checked")) {

                $('#SuggestionBienprincipalSelect').css('display', 'block')
                $('#suggestionMsg').show()
            } else {
                $('#SuggestionBienprincipalSelect').css('display', 'none')
                $('#suggestionMsg').hide()
            }
        })

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

            if ($(this).is(":checked")) {

                $('#QteBien').css('display', 'block')
            } else {
                $('#QteBien').css('display', 'none')
            }


        })


        // ::::::::::::::::::::::::::::::::::::::::::::::::::::: BLOCK INSERTION DE GESTION DE DOCUMENT :::::::::::::::::::::::::::::
        $(document).on('click','#btn-ajoutFichier',function(){
            $('#fichierDocument').click();
        })
        $('#fichierDocument').change(function() {
            var filenames = $(this).val().split('\\').pop()
            if (filenames) {
                $('#btn-FichierDelete').css('display','flex')
                $('#btn-ajoutFichier').css('display','none')
                $('#nomFichierChoisirBien').val(filenames);
            }
        })
        $('#DocumentSelectBien').change(function() {
            $('.Typedoc').text('')
        })

        $(document).on('click','#btn-AjouterDocuments',function() {
            
            var typeDoc = $('#DocumentSelectBien').val();
            var refDoc = $('#referenceDoc').val();
            var table = $('#FormTableDocumentTableBien').DataTable();
            var Idbien = $('.IDBIenInput').val();
            if($('#DocumentSelectBien').val()==0){
                $('.Typedoc').text('Type document obligatoire')
                return false;
            }else{
                 $('.Typedoc').text('')
            }
            GestionFichier(typeDoc,refDoc,$('#fichierDocument'),table,1,Idbien,1);
            $('#DocumentSelectBien').val(0).trigger('change')
            $('#nomFichierChoisirBien').val('');
            $('#fichierDocument').val('');
            $('#referenceDoc').val('');
            $('#btn-FichierDelete').css('display','none');
            $('#btn-ajoutFichier').css('display','flex');
             modificationDocumentStatut = true;
        })
         //SUPPRESSION DE DOCUMENT DEPUIS LA BASE DE DONNEE
        $(document).on('click','#suppressionDocument',function() {
             var GetId = $(this).attr('data-id');
            var tableau = $('#FormTableDocumentTableBien').DataTable()
            var IDBIen = $('#IDBIenInput').val()
            SupprimerPieceJointe(tableau,GetId,1,IDBIen)
        })

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

        })

        $('.FermerCreation').on('click',function(){
            var __table =$('#FormTableDocumentTableBien').DataTable();
          
            if(modificationDocumentStatut== true){
                   
                $.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:1}, null, true, "JSON", function(resp) {
                                     modificationDocumentStatut= false
                                    $('#BienModal').modal('hide')
                                    $('.formBienAdd')[0].reset();
                                    $('#btn-FichierDelete').css('display','none')
                                    $('#btn-ajoutFichier').css('display','flex')
                                     __table.clear().draw();
                                     __table.draw();
                                })
                            }
                        },

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

                 $('#BienModal').modal('hide')
            }

        })

        $('.FermerModification').on('click',function(){
            var __table =$('#FormTableDocumentTableBien').DataTable();
          
            if(modificationDocumentStatut== true){
                   
                $.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:1}, null, true, "JSON", function(resp) {
                                     modificationDocumentStatut= false
                                    $('#BienModal').modal('hide')
                                    $('.formBienAdd')[0].reset();
                                    $('#btn-FichierDelete').css('display','none')
                                    $('#btn-ajoutFichier').css('display','flex')
                                     __table.clear().draw();
                                     __table.draw();
                                    
                                  
                                })
                            }
                        },

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

            if(modificationDocumentStatut== false){

                  $('#BienModal').modal('hide')
            }
         
        })

    // ::::::::::::::::::::::::::::::::::::::::::::::::::::: FIN BLOCK INSERTION  DE GESTION DE DOCUMENT :::::::::::::::::::::::::::::

    //26-01-2024
    // IMPRESSION LISTE DES BIENS
    $(document).on('click','#ImprimerListeBien',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:1,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:1,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 recuperationTypeprecis() {

        MesrequetesAjax("{{ route('typePrecis.recuperation') }}", "GET", null, true, true, "JSON", function(resp) {
            $.each(resp.ligne, function(key, value) {
                $('.typeprecis').append($('<option>', {
                    value: value.IDTypePrecis,
                    text: value.libelleTypePrecis
                }))
            })
        })
    }

    function referenceBien() {
        MesrequetesAjax("{{ route('getReferenceBien.creer') }}", "GET", null, true, true, "JSON", function(resp) {
            $('#referenceBien').val(resp[0]);
            $('.referenceNumerique').val(resp[1]);

        });
    }

    function recuperationTypeBien() {
        MesrequetesAjax("{{ route('TypeBien.recuperation') }}", "GET", null, true, true, "JSON", function(resp) {
            $.each(resp.data, function(key, values) {
                $('.typeBienSelect').append($('<option>', {
                    value: values.IDTypeBien,
                    text: values.intituleTypeBien
                }))
            })

        });
    }

    function recuperationGroupeBien() {
        MesrequetesAjax("{{ route('GroupeBien.recuperation') }}", "GET", null, true, true, "JSON", function(resp) {
            $.each(resp.data, function(key, values) {
                $('.GroupeBienSelect').append($('<option>', {
                    value: values.IDGroupeBien,
                    text: values.intituleGroupeBien
                }))

                $('.SuggestionBienprincipalSelect').append($('<option>', {
                    value: values.IDGroupeBien,
                    text: values.intituleGroupeBien
                }))


            })
        });
    }



    function recuperationComune() {
        MesrequetesAjax("{{ route('Commune.recuperation') }}", "GET", null, true, true, "JSON", function(resp) {
            $.each(resp.data, function(key, values) {
                $('#CommuneSelect').append($('<option>', {
                    value: values.IDCommune,
                    text: values.Libellecommune
                }))
            })
        });
    }

    function TablerecuperationBien(response) {

        var table = $('#BienDatatable').DataTable();
        table.clear().draw();

        $.each(response, function(key, value) {
            var actionBtnSupprimer = '';
            <br />
<b>Warning</b>:  Undefined variable $D_Modification_bien in <b>E:\install\laragon\www\reditas\resources\views\FICHES\biens.blade.php</b> on line <b>1495</b><br />
            actionBtn = '';
            
            <br />
<b>Warning</b>:  Undefined variable $D_Suppression_bien in <b>E:\install\laragon\www\reditas\resources\views\FICHES\biens.blade.php</b> on line <b>1502</b><br />
            actionBtnSupprimer = '';
                        var dateSignatureContratBien = '';
            if (value.dateSignatureContratBien != null) {
                dateSignatureContratBien = formatageDate(new Date(value.dateSignatureContratBien))
            }

            var dateFinContratBien = '';
            if (value.dateFinContratBien != null) {
                dateFinContratBien = formatageDate(new Date(value.dateFinContratBien))
            }

            var heure = value.dateCreationBien.substr(11,19);

            table.row.add([

                '<i id="VoirBien" style="margin-left:5px" title="Voir détail" data-id="' + value
                .IDBien + '"class="fa fa-eye cursor-pointer text-success"></i>&nbsp;&nbsp;' +
                actionBtnSupprimer +
                '<i id="AjoutProprietaireBien" title="Ajout de propriétaire" data-id="' + value.IDBien +
                '"class="fas fa-user-plus cursor-pointer text-danger"></i>&nbsp;&nbsp;' + actionBtn +'',
                value.refBien,
                value.intituleBien,
                value.codePostaleBien,
                value.adressePostaleBien,
                value.intituleTypeBien,
                value.libelleTypePrecis,
                value.Libellepays,
                value.Libelleville,
                value.superficieBien,
                value.situationGeoBien,
                value.longitudeGps,
                value.latitudeGps,
                dateSignatureContratBien,
                dateFinContratBien,
                value.nom_utilisateur +' '+ value.prenom_utilisateur,
                formatageDate(new Date(value.dateCreationBien))+' '+heure
                


            ])
        })
        table.draw();
    }

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

    function recuperationProprietaire() {
        MesrequetesAjax("{{ route('Proprietaire.recuperation') }}", "GET", null, true, true, "JSON", function(
            resp) {
            $.each(resp.data, function(key, values) {
                $('#ProprietaireSelect').append($('<option>', {
                    value: values.IDProprietaire,
                    text: values.nom + ' ' + values.prenom
                }))
            })
        });
    }

    function TablerecuperationProprietaireAssocierBien(resp) {
        $('#TableProprietaireETbien').html('');
        var $count = 0;
        $.each(resp, function(key, value) {
            $count++;
            var htmlCode = '';
            htmlCode += '<tr><td class="text-center"><i data-id="' + value.IDProprietaireBien + '" class="fa fa-trash text-danger cursor-pointer" id="supprimerProprietaireBien"></i></td>\
        <td >' + value.nom + ' ' + value.prenom +
                '</td><td class="text-center d-flex justify-content-center"><input type="text" data-id="' +
                value.IDProprietaireBien + '" id="inputTaux" style="width:100px" name="taux[]" value="' + value
                .taux + '" class="form-control inputTaux' + $count + ' text-center"></td></tr>'
            $('#TableProprietaireETbien').append(htmlCode)
        })

        $('#InputCountItem').val($count)
    }

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

    function recuperationville() {
        MesrequetesAjax("{{ route('ville.recuperation') }}", "GET", null, true, true, "JSON", function(resp) {
            $.each(resp.ligne, function(key, value) {
                $('.ville').append($('<option>', {
                    value: value.IDVille,
                    text: value.Libelleville
                }))
            })
        })
    }

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