@include('../header')

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

    @include('../navigation')


    <div class="content">
        <div class="d-flex justify-content-between">
            <h4> <i class="fas fa-fan"></i> Configurations</h4>
            <h4><i class="fas fa-compass cursor-pointer fs-2" title="Autre taxe" id="voirModalAutreTaxe"></i></h4>
        </div>
        <hr>
        <div class="row mt-4">
            <div class="col-md-6 d-flex">
                <div class="card mb-2 flex-fill" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;">
                    <div class="card-header p-2" {{-- style="background: rgb(193,200,79);background: linear-gradient(90deg, rgba(193,200,79,0.6559873949579832) 4%, rgba(152,146,22,0.8856792717086834) 32%, rgba(61,206,175,0.33665966386554624) 100%);" --}}>
                        <div class="d-flex justify-content-between">
                            <h5>Type de bien</h5>
                            <i data-bs-toggle="modal" data-bs-target="#typeBien"
                                class="cursor-pointer btnCallModalForInsert" data-feather="plus-circle"></i>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-md table-striped border-top border-200 fs--1 mb-0"
                                id="typeDeBienDataTable">
                                <thead class="Modal-bg">
                                    <tr>
                                        <th class="align-middle ps-3">Intitulé</th>
                                        <th class="text-end align-middle pe-0">Actions</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6 d-flex">


                <div class="card mb-2 flex-fill" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;">
                    <div class="card-header p-2">
                        <div class="d-flex justify-content-between">
                            <h5>Type précis</h5>
                            <i data-bs-toggle="modal" data-bs-target="#TypePrecisModal"
                                class="cursor-pointer btnCallModalTypePrecis" data-feather="plus-circle"></i>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-md table-striped border-top border-200 fs--1 mb-0"
                                id="TypePrecisDatatable">
                                <thead class="Modal-bg">
                                    <tr>
                                        <th class="align-middle ">Type bien</th>
                                        <th class="align-middle ps-3">Intitulé</th>
                                        <th class="text-end align-middle pe-0">Actions</th>

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


            </div>
        </div>



        <div class="row mt-4">
            <div class="col-md-6 d-flex">
                <div class="card mb-2 flex-fill" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;">
                    <div class="card-header p-2">
                        <div class="d-flex justify-content-between">
                            <h5>Type de bien principal</h5>
                            <i data-bs-toggle="modal" data-bs-target="#TypegroupeBien"
                                class="cursor-pointer btnCallModalForInsert" data-feather="plus-circle"></i>
                        </div>

                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-md table-striped border-top border-200 fs--1 mb-0"
                                id="GroupeBienDatatable">
                                <thead class="Modal-bg">
                                    <tr>
                                        <th class="align-middle ps-3">Intitulé</th>
                                        <th class="text-end align-middle pe-0">Actions</th>

                                    </tr>
                                </thead>

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

            <div class="col-md-6 d-flex">
                <div class="card mb-2 flex-fill" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;">
                    <div class="card-header p-2">
                        <div class="d-flex justify-content-between">
                            <h5>Type de propriétaire</h5>
                            <i data-bs-toggle="modal" data-bs-target="#Typeproprietaire"
                                class="cursor-pointer btnCallModalForInsert" data-feather="plus-circle"></i>
                        </div>
                    </div>
                    <div class="card-body">
                        <table class="table table-striped border-top border-200 fs--1 mb-0 w-100"
                            id="TypeProprietaireDatatable">
                            <thead>
                                <tr>
                                    <th class="sort align-middle ps-3" data-sort="name">Libellé</th>
                                    <th class="sort text-end align-middle pe-0" scope="col">Actions</th>
                                </tr>
                            </thead>

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

        <div class="row mt-4">
            <div class="col-md-6 d-flex">
                <div class="card mb-2 flex-fill" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;">
                    <div class="card-header p-2">
                        <div class="d-flex justify-content-between">
                            <h5>Indice révision</h5>
                            <i data-bs-toggle="modal" data-bs-target="#Indicerevision"
                                class="cursor-pointer btnCallModalForInsert" data-feather="plus-circle"></i>
                        </div>

                    </div>
                    <div class="card-body">

                        <div class="table-responsive">
                            <table class="table table-md table-striped border-top border-200 fs--1 mb-0"
                                id="IndiceRevisionDatatable">
                                <thead class="Modal-bg">
                                    <tr>
                                        <th class="align-middle ps-3">Intitulé</th>
                                        <th class="text-end align-middle pe-0">Actions</th>
                                    </tr>
                                </thead>
                            </table>
                        </div>

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

            <div class="col-md-6 d-flex">
                <div class="card mb-2 flex-fill" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;">
                    <div class="card-header p-2">
                        <div class="d-flex justify-content-between">
                            <h5>Mode règlements</h5>
                            <i data-bs-toggle="modal" data-bs-target="#modereglements"
                                class="cursor-pointer btnCallModalForInsert" data-feather="plus-circle"></i>
                        </div>

                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-striped border-top border-200 fs--1 mb-0 w-100"
                                id="ModeReglementDatatable">
                                <thead>
                                    <tr>
                                        <th class="sort align-middle ps-3" data-sort="name">Intitulé</th>

                                        <th class="sort text-end align-middle pe-0" scope="col">Actions</th>
                                    </tr>
                                </thead>

                            </table>

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

        <div class="row mt-4">
            <div class="col-md-6 d-flex">
                <div class="card mb-2 flex-fill" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;">
                    <div class="card-header p-2">
                        <div class="d-flex justify-content-between">
                            <h5>Pays</h5>
                            <i data-bs-toggle="modal" data-bs-target="#pays"
                                class="cursor-pointer btnCallModalForInsert" data-feather="plus-circle"></i>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-md table-striped border-top border-200 fs--1 mb-0"
                                id="PaysDatatable">
                                <thead class="Modal-bg">
                                    <tr>
                                        <th class="align-middle ps-3">Intitulé</th>
                                        <th class="align-middle ps-3">Indicatif</th>
                                        <th class="text-end align-middle pe-0">Actions</th>

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

            <div class="col-md-6 d-flex">
                <div class="card mb-2 flex-fill" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;">
                    <div class="card-header p-2">
                        <div class="d-flex justify-content-between">
                            <h5>Ville</h5>
                            <i data-bs-toggle="modal" data-bs-target="#villes"
                                class="cursor-pointer btnCallModalForInsert" data-feather="plus-circle"></i>
                        </div>

                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-striped border-top border-200 fs--1 mb-0 w-100"
                                id="VilleDatatable">
                                <thead>
                                    <tr>
                                        <th class="sort align-middle ps-3" data-sort="name">Intitulé</th>
                                        <th class="sort align-middle ps-3" data-sort="name">Pays</th>

                                        <th class="sort text-end align-middle pe-0" scope="col">Actions</th>
                                    </tr>
                                </thead>

                            </table>

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

        <div class="row mt-4">
            <div class="col-md-6 d-flex ">
                <div class="card mb-2 flex-fill" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;">
                    <div class="card-header p-2">
                        <div class="d-flex justify-content-between">
                            <h5>Commune</h5>
                            <i data-bs-toggle="modal" data-bs-target="#communes"
                                class="cursor-pointer btnCallModalForInsert" data-feather="plus-circle"></i>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-md table-striped border-top border-200 fs--1 mb-0"
                                id="CommuneDatatable">
                                <thead class="Modal-bg">
                                    <tr>
                                        <th class="align-middle ps-3">Intitulé</th>
                                        <th class="align-middle ps-3">Ville</th>
                                        <th class="text-end align-middle pe-0">Actions</th>

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

            <div class="col-md-6 d-flex ">
                <div class="card mb-2 flex-fill" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;">
                    <div class="card-header p-2">
                        <div class="d-flex justify-content-between">
                            <h5>Civilité</h5>
                            <i data-bs-toggle="modal" data-bs-target="#Civilite"
                                class="cursor-pointer btnCallModalForInsert" data-feather="plus-circle"></i>
                        </div>

                    </div>
                    <div class="card-body">

                        <div class="table-responsive">
                            <table class="table table-striped border-top border-200 fs--1 mb-0 w-100"
                                id="CiviliteDatatable">
                                <thead>
                                    <tr>
                                        <th class="sort align-middle ps-3" data-sort="name">Intitulé</th>

                                        <th class="sort text-end align-middle pe-0" scope="col">Actions</th>
                                    </tr>
                                </thead>

                            </table>

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


        <div class="row mt-4">
            <div class="col-md-6 d-flex ">

                <div class="card mb-2 flex-fill" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;">
                    <div class="card-header p-2" {{-- style="background: rgb(96,200,79);background: linear-gradient(90deg, rgba(96,200,79,0.6559873949579832) 4%, rgba(22,129,152,0.8856792717086834) 32%, rgba(61,206,175,0.33665966386554624) 100%);" --}}>
                        <div class="d-flex justify-content-between">
                            <h5>Type de charge</h5>
                            <i data-bs-toggle="modal" data-bs-target="#typeCharge"
                                class="cursor-pointer btnCallModalForInsert" data-feather="plus-circle"></i>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-md table-striped border-top border-200 fs--1 mb-0"
                                id="typeDeChargeDataTable">
                                <thead>
                                    <tr>
                                        <th class="align-middle ps-3">Intitulé</th>
                                        <th class="text-end align-middle pe-0">Actions</th>
                                    </tr>
                                </thead>

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

            </div>

            <div class="col-md-6 d-flex ">
                <div class="card mb-2 flex-fill" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;">
                    <div class="card-header p-2">
                        <div class="d-flex justify-content-between">
                            <h5>Type de pièce</h5>
                            <i data-bs-toggle="modal" data-bs-target="#TypePiecesModal"
                                class="cursor-pointer btnCallModalTypeDepiece" data-feather="plus-circle"></i>
                        </div>

                    </div>
                    <div class="card-body">

                        <div class="table-responsive">
                            <table class="table table-striped border-top border-200 fs--1 mb-0 w-100"
                                id="TypeDepieceDatatable">
                                <thead>
                                    <tr>
                                        <th class="sort align-middle ps-3" data-sort="name">Intitulé</th>

                                        <th class="sort text-end align-middle pe-0" scope="col">Actions</th>
                                    </tr>
                                </thead>

                            </table>

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


        <div class="row mt-4">
            <div class="col-md-6 d-flex ">
                <div class="card mb-2 flex-fill" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;">
                    <div class="card-header p-2">
                        <div class="d-flex justify-content-between">
                            <h5>Type de société</h5>
                            <i data-bs-toggle="modal" data-bs-target="#TypeDeSocieteModal"
                                class="cursor-pointer btnCallModalTypeSociete" data-feather="plus-circle"></i>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-md table-striped border-top border-200 fs--1 mb-0"
                                id="TypeDeSocieteDatatable">
                                <thead class="Modal-bg">
                                    <tr>
                                        <th class="align-middle ps-3">Intitulé</th>
                                        <th class="text-end align-middle pe-0">Actions</th>

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

            <div class="col-md-6 d-flex ">
                <div class="card mb-2 flex-fill" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;">
                    <div class="card-header p-2">
                        <div class="d-flex justify-content-between">
                            <h5>Banque</h5>
                            <i data-bs-toggle="modal" data-bs-target="#BanqueModal"
                                class="cursor-pointer btnCallModalBanque" data-feather="plus-circle"></i>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-md table-striped border-top border-200 fs--1 mb-0"
                                id="BanqueDatatable">
                                <thead class="Modal-bg">
                                    <tr>
                                        <th class="align-middle ps-3">Intitulé</th>
                                        <th class="text-end align-middle pe-0">Actions</th>

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

            <div class="col-md-6 d-flex ">
                <div class="card mb-2 flex-fill" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;">
                    <div class="card-header p-2">
                        <div class="d-flex justify-content-between">
                            <h5>Catégorie article</h5>
                            <i data-bs-toggle="modal" data-bs-target="#typeCatModal"
                                class="cursor-pointer btnCallModalBanque" data-feather="plus-circle"></i>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-md table-striped border-top border-200 fs--1 mb-0"
                                id="typeCatDatatable">
                                <thead class="Modal-bg">
                                    <tr>
                                        <th class="align-middle ps-3">Intitulé</th>
                                        <th class="text-end align-middle pe-0">Actions</th>

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

            <div class="col-md-6 d-flex ">
                <div class="card mb-2 flex-fill" style="box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;">
                    <div class="card-header p-2">
                        <div class="d-flex justify-content-between">
                            <h5>Motif correction</h5>
                            <i data-bs-toggle="modal" data-bs-target="#motifCorrectionModal" class="cursor-pointer "
                                data-feather="plus-circle"></i>
                        </div>
                    </div>
                    <div class="card-body">
                        <div class="table-responsive">
                            <table class="table table-md table-striped border-top border-200 fs--1 mb-0"
                                id="MotifCorrectionDatatable">
                                <thead class="Modal-bg">
                                    <tr>
                                        <th class="align-middle ps-3">Intitulé</th>
                                        <th class="text-end align-middle pe-0">Actions</th>

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


        @include('../primary_footer')

    </div>

    @include('../chatblock')
    {{-- MODAL TYPE GROUPE DE BIEN --}}
    <div class="modal fade" id="TypegroupeBien" tabindex="-1" aria-labelledby="staticBackdropLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header modal-header-Bg">
                    <h5 class="modal-title text-white" id="staticBackdropLabel">Type groupe de bien
                    </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="formTypegroupeBienAdd" class=" g-3 needs-validation" method="POST" novalidate>
                        @include('PARAMETTRES_UTILES/FORMS/typeGroupeBienForm')
                </div>
                <div class="modal-footer">

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

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

    {{-- MODAL TYPE DE CHARGE  --}}
    <div class="modal fade" id="typeCharge" tabindex="-1" aria-labelledby="staticBackdropLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header modal-header-Bg">
                    <h5 class="modal-title text-white" id="staticBackdropLabel">Type de charge</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="formTypeChargeAdd" class="g-3 needs-validation" method="POST" novalidate>
                        @include('PARAMETTRES_UTILES/FORMS/typeChargeForm')
                </div>
                <div class="modal-footer">

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

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

    {{-- MODAL TYPE DE BIEN  --}}
    <div class="modal fade" id="typeBien" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header modal-header-Bg">
                    <h5 class="modal-title text-white" id="staticBackdropLabel">Type de bien</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="formtypeBienAdd" class=" g-3 needs-validation" method="POST" novalidate>
                        @include('PARAMETTRES_UTILES/FORMS/typeBienForm')
                </div>
                <div class="modal-footer">

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

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

    {{-- MODAL TYPE DE PROPRIETAIRE  --}}
    <div class="modal fade" id="Typeproprietaire" tabindex="-1" aria-labelledby="staticBackdropLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header modal-header-Bg">
                    <h5 class="modal-title text-white" id="staticBackdropLabel">Type de 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">
                    <form id="formTypeProprietaireAdd" class="g-3 needs-validation" method="POST" novalidate>
                        @include('PARAMETTRES_UTILES/FORMS/typeProprietaireForm')
                </div>
                <div class="modal-footer">
                    <button class="btn btn-outline-danger" type="button" data-bs-dismiss="modal">Fermer</button>
                    <button class="btn btn-success btn-enregistrer" type="submit">Enregistrer</button>
                    <button class="btn btn-success btn-modifier" style="display:none"
                        type="submit">Modifier</button>
                </div>
                </form>
            </div>
        </div>
    </div>

    {{-- MODAL INDICE REVISION  --}}
    <div class="modal fade" id="Indicerevision" tabindex="-1" aria-labelledby="staticBackdropLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header modal-header-Bg">
                    <h5 class="modal-title text-white" id="staticBackdropLabel"> Indice révision</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="formIndiceRevisionAdd" class="g-3 needs-validation" method="POST" novalidate>
                        @include('PARAMETTRES_UTILES/FORMS/indiceRevisionForm')
                </div>
                <div class="modal-footer">
                    <button class="btn btn-outline-danger" type="button" data-bs-dismiss="modal">Fermer</button>
                    <button class="btn btn-success btn-enregistrer" type="submit">Enregistrer</button>
                    <button class="btn btn-success btn-modifier" style="display:none"
                        type="submit">Modifier</button>
                </div>
                </form>

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

    {{-- MODAL MODE REGLEMENT  --}}
    <div class="modal fade" id="modereglements" tabindex="-1" aria-labelledby="staticBackdropLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header modal-header-Bg">
                    <h5 class="modal-title text-white" id="staticBackdropLabel">Mode règlements</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="formModeReglementAdd" class="g-3 needs-validation" method="POST" novalidate>
                        @include('PARAMETTRES_UTILES/FORMS/modeReglementForm')
                </div>
                <div class="modal-footer">
                    <button class="btn btn-outline-danger" type="button" data-bs-dismiss="modal">Fermer</button>
                    <button class="btn btn-success btn-enregistrer" type="submit">Enregistrer</button>
                    <button class="btn btn-success btn-modifier" style="display:none"
                        type="submit">Modifier</button>
                </div>
                </form>

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

    {{-- MODAL COMMUNE  --}}
    <div class="modal fade" id="communes" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header modal-header-Bg">
                    <h5 class="modal-title text-white" id="staticBackdropLabel">Commune</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="formCommuneAdd" class="g-3 needs-validation" method="POST" novalidate>
                        @include('PARAMETTRES_UTILES/FORMS/communeForm')
                </div>
                <div class="modal-footer">
                    <button class="btn btn-outline-danger" type="button" data-bs-dismiss="modal">Fermer</button>
                    <button class="btn btn-success btn-enregistrer" type="submit">Enregistrer</button>
                    <button class="btn btn-success btn-modifier" style="display:none"
                        type="submit">Modifier</button>
                </div>
                </form>

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

    {{-- MODAL VILLE  --}}
    <div class="modal fade" id="villes" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header modal-header-Bg">
                    <h5 class="modal-title text-white" id="staticBackdropLabel">Ville</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="formVilleAdd" class="g-3 needs-validation" method="POST" novalidate>
                        @include('PARAMETTRES_UTILES/FORMS/villeForm')
                </div>
                <div class="modal-footer">
                    <button class="btn btn-outline-danger" type="button" data-bs-dismiss="modal">Fermer</button>
                    <button class="btn btn-success btn-enregistrer" type="submit">Enregistrer</button>
                    <button class="btn btn-success btn-modifier" style="display:none"
                        type="submit">Modifier</button>
                </div>
                </form>

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

    {{-- MODAL PAYS  --}}
    <div class="modal fade" id="pays" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header modal-header-Bg">
                    <h5 class="modal-title text-white" id="staticBackdropLabel">Pays</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="formPaysAdd" class="g-3 needs-validation" method="POST" novalidate>
                        @include('PARAMETTRES_UTILES/FORMS/paysForm')
                </div>
                <div class="modal-footer">
                    <button class="btn btn-outline-danger" type="button" data-bs-dismiss="modal">Fermer</button>
                    <button class="btn btn-success btn-enregistrer" type="submit">Enregistrer</button>
                    <button class="btn btn-success btn-modifier" style="display:none"
                        type="submit">Modifier</button>
                </div>
                </form>

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

    {{-- MODAL CIVILITE  --}}
    <div class="modal fade" id="Civilite" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header modal-header-Bg">
                    <h5 class="modal-title text-white" id="staticBackdropLabel">Civilité</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="formCiviliteAdd" class="g-3 needs-validation" method="POST" novalidate>
                        @include('PARAMETTRES_UTILES/FORMS/civiliteForm')
                </div>
                <div class="modal-footer">
                    <button class="btn btn-outline-danger" type="button" data-bs-dismiss="modal">Fermer</button>
                    <button class="btn btn-success btn-enregistrer" type="submit">Enregistrer</button>
                    <button class="btn btn-success btn-modifier" style="display:none"
                        type="submit">Modifier</button>
                </div>
                </form>

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

    {{-- MODAL TYPE DE SOCIETE --}}
    <div class="modal fade" id="TypeDeSocieteModal" tabindex="-1" aria-labelledby="staticBackdropLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header modal-header-Bg">
                    <h5 class="modal-title text-white" id="staticBackdropLabel">Type de société
                    </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="formTypeSociete" class=" g-3 needs-validation" method="POST" novalidate>
                        @csrf

                        <div>
                            <label for="" class="FormLabel">Libellé</label>
                            <input type="text" class="form-control libelleTypeSociete" id="libelleTypeSociete"
                                name="libelleTypeSociete" required>
                            <div class="invalid-feedback">
                                Libellé obligatoire
                            </div>
                        </div>

                        <input type="hidden" class="form-control TypeSocieteIDHiddenInput" value="0"
                            id="TypeSocieteIDHiddenInput" name="TypeSocieteIDHiddenInput">
                </div>
                <div class="modal-footer">
                    <button class="btn btn-outline-danger" type="button" data-bs-dismiss="modal">Fermer</button>
                    <button class="btn btn-success btn-enregistrer" type="submit">Enregistrer</button>
                </div>
                </form>

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

    {{-- MODAL TYPE PRECIS --}}
    <div class="modal fade" id="TypePrecisModal" tabindex="-1" aria-labelledby="staticBackdropLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header modal-header-Bg">
                    <h5 class="modal-title text-white" id="staticBackdropLabel">Type précis
                    </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="formTypePrecis" class=" g-3 needs-validation" method="POST" novalidate>
                        @csrf
                        <div class="mb-2">
                            <label for="" class="FormLabel">Type de bien</label>
                            <select class="form-select BienSelect" id="BienSelect" name="BienSelect" required>
                                <option selected disabled value="">Choisir...</option>
                            </select>
                            <div class="invalid-feedback">
                                Type de bien obligatoire
                            </div>
                        </div>
                        <div>
                            <label for="" class="FormLabel">Libellé</label>
                            <input type="text" class="form-control libelleTypePrecis" id="libelleTypePrecis"
                                name="libelleTypePrecis" required>
                            <div class="invalid-feedback">
                                Libellé obligatoire
                            </div>
                        </div>


                        <input type="hidden" class="form-control TypePrecisIDHiddenInput" value="0"
                            id="TypePrecisIDHiddenInput" name="TypePrecisIDHiddenInput">
                </div>
                <div class="modal-footer">
                    <button class="btn btn-outline-danger" type="button" data-bs-dismiss="modal">Fermer</button>
                    <button class="btn btn-success btn-enregistrer" type="submit">Enregistrer</button>
                </div>
                </form>

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

    {{-- MODAL TYPE DE PIECE --}}
    <div class="modal fade" id="TypePiecesModal" tabindex="-1" aria-labelledby="staticBackdropLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header modal-header-Bg">
                    <h5 class="modal-title text-white" id="staticBackdropLabel">Type de pièce
                    </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="formTypePiece" class=" g-3 needs-validation" method="POST" novalidate>
                        @csrf
                        <div>
                            <label for="" class="FormLabel">Libellé</label>
                            <input type="text" class="form-control libelleTypePiece" id="libelleTypePiece"
                                name="libelleTypePiece" required>
                            <div class="invalid-feedback">
                                Libellé obligatoire
                            </div>
                        </div>


                        <input type="hidden" class="form-control TypePieceIDHiddenInput" value="0"
                            id="TypePieceIDHiddenInput" name="TypePieceIDHiddenInput">
                </div>
                <div class="modal-footer">
                    <button class="btn btn-outline-danger" type="button" data-bs-dismiss="modal">Fermer</button>
                    <button class="btn btn-success btn-enregistrer" type="submit">Enregistrer</button>
                </div>
                </form>

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

    {{-- MODAL BANQUE --}}
    <div class="modal fade" id="BanqueModal" tabindex="-1" aria-labelledby="staticBackdropLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header modal-header-Bg">
                    <h5 class="modal-title text-white" id="staticBackdropLabel">Banque
                    </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="formBanque" class=" g-3 needs-validation" method="POST" novalidate>
                        @csrf
                        <div>
                            <label for="" class="FormLabel">Libellé</label>
                            <input type="text" class="form-control libelleBanque" id="libelleBanque"
                                name="libelleBanque" required>
                            <div class="invalid-feedback">
                                Libellé obligatoire
                            </div>
                        </div>

                        <input type="hidden" class="form-control BanqueIDHiddenInput" value="0"
                            id="BanqueIDHiddenInput" name="BanqueIDHiddenInput">
                </div>
                <div class="modal-footer">
                    <button class="btn btn-outline-danger" type="button" data-bs-dismiss="modal">Fermer</button>
                    <button class="btn btn-success btn-enregistrer" type="submit">Enregistrer</button>
                </div>
                </form>

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

    {{-- MODAL AUTRE TAXE --}}
    <div class="modal fade" id="AutreTaxeModal" tabindex="-1" aria-labelledby="staticBackdropLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header modal-header-Bg">
                    <h5 class="modal-title text-white" id="staticBackdropLabel">Autre taxe
                    </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="formAutreTaxte" class=" g-3 needs-validation" method="POST" novalidate>
                        @csrf
                        <div>
                            <label for="" class="FormLabel">Taxe personne physique</label>
                            <input type="text" class="form-control taxePersonnePhysique" id="taxePersonnePhysique"
                                name="taxePersonnePhysique" required>
                            <div class="invalid-feedback">
                                Champ obligatoire
                            </div>
                        </div>

                        <div>
                            <label for="" class="FormLabel">Taxe personne morale</label>
                            <input type="text" class="form-control taxePersonneMorale" id="taxePersonneMorale"
                                name="taxePersonneMorale" required>
                            <div class="invalid-feedback">
                                Champ obligatoire
                            </div>
                        </div>


                </div>
                <div class="modal-footer">
                    <button class="btn btn-outline-danger" type="button" data-bs-dismiss="modal">Fermer</button>
                    <button class="btn btn-success btn-enregistrer" type="submit">Modifer</button>
                </div>
                </form>

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

    {{-- MODAL CATEGORIE ARTICLE --}}
    <div class="modal fade" id="typeCatModal" tabindex="-1" aria-labelledby="staticBackdropLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header modal-header-Bg">
                    <h5 class="modal-title text-white" id="staticBackdropLabel">Cartégorie article
                    </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>
                <form id="formCategorie" class=" g-3 needs-validation" method="POST" novalidate>
                    <div class="modal-body">
                        @csrf
                        <div>
                            <label for="" class="FormLabel">Libellé</label>
                            <input type="text" class="form-control libelleCategorie" id="libelleCategorie"
                                name="libelleCategorie" required>
                            <div class="invalid-feedback">
                                Libellé obligatoire
                            </div>
                        </div>

                        <input type="hidden" class="form-control " value="0" id="IDcategorie_article"
                            name="IDcategorie_article">
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-outline-danger" type="button" data-bs-dismiss="modal">Fermer</button>
                        <button class="btn btn-success btn-enregistrer" type="submit">Enregistrer</button>
                    </div>
                </form>

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

    {{-- MODAL MOTIF CORRCTION --}}
    <div class="modal fade" id="motifCorrectionModal" tabindex="-1" aria-labelledby="staticBackdropLabel"
        aria-hidden="true">
        <div class="modal-dialog modal-sm modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header modal-header-Bg">
                    <h5 class="modal-title text-white" id="staticBackdropLabel">Motif correction
                    </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>
                <form id="formMotifCorrection" class=" g-3 needs-validation" method="POST" novalidate>
                    <div class="modal-body">
                        @csrf
                        <div>
                            <label for="" class="FormLabel">Libellé</label>
                            <input type="text" class="form-control LibelleMotifCOrrection"
                                id="LibelleMotifCOrrection" name="LibelleMotifCOrrection" required>
                            <div class="invalid-feedback">
                                Libellé obligatoire
                            </div>
                        </div>

                        <input type="hidden" class="form-control " value="0" id="IDmotif_correction"
                            name="IDmotif_correction">
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-outline-danger" type="button" data-bs-dismiss="modal">Fermer</button>
                        <button class="btn btn-success btn-enregistrer" type="submit">Enregistrer</button>
                    </div>
                </form>

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


</main>

@include('../rightbar')

@include('../footer')

<script>
    $(document).ready(function() {
         $('.modal').each(function() {
            $(this).find('.Pselect2X').select2({
                dropdownParent: $(this),
                width: '100%' 
            });
        });
        GetTypeBien();
        recuperationTypePrecis();
        recuperationTypePiece();
        recuperationSociete();
        recuperationBanque();
        recuperationCategorieArticle().then((response) => {
            typeCatDatatable(response)
        });
        recuperationMotifCorrection()

        

        $('#typeDeBienDataTable').DataTable({
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                info: "Ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                infoEmpty: "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',
            "lengthMenu": [
                [5, 10, 25, 50, -1],
                [5, 10, 25, 50, "Tous"]
            ],
            pageLength: 5,

            'columnDefs': [{
                    targets: 0,
                    className: "w-100 align-middle ps-3"
                },

                {
                    targets: 1,
                    className: "text-center"
                },
            ],
            'order': []
        });

        $('#typeDeChargeDataTable').DataTable({
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                info: "Ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                infoEmpty: "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',
            "lengthMenu": [
                [5, 10, 25, 50, -1],
                [5, 10, 25, 50, "Tous"]
            ],
            pageLength: 5,
            'columnDefs': [{
                    targets: 0,
                    className: "w-100 align-middle ps-3"
                },

                {
                    targets: 1,
                    className: "text-center"
                },
            ],
            'order': []
        });

        $("#GroupeBienDatatable").DataTable({
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                info: "Ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                infoEmpty: "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',
            "lengthMenu": [
                [5, 10, 25, 50, -1],
                [5, 10, 25, 50, "Tous"]
            ],
            pageLength: 5,
            'columnDefs': [{
                    targets: 0,
                    className: "w-100 align-middle ps-3"
                },

                {
                    targets: 1,
                    className: "text-center"
                },
            ],
            'order': []
        });

        $("#TypeProprietaireDatatable").DataTable({
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                info: "Ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                infoEmpty: "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',
            "lengthMenu": [
                [5, 10, 25, 50, -1],
                [5, 10, 25, 50, "Tous"]
            ],
            pageLength: 5,
            'columnDefs': [{
                    targets: 0,
                    className: "w-100 align-middle ps-3"
                },

                {
                    targets: 1,
                    className: "text-center"
                },
            ],
            'order': []
        });

        $("#IndiceRevisionDatatable").DataTable({
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                info: "Ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                infoEmpty: "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',
            "lengthMenu": [
                [5, 10, 25, 50, -1],
                [5, 10, 25, 50, "Tous"]
            ],
            pageLength: 5,
            'columnDefs': [{
                    targets: 0,
                    className: "w-100 align-middle ps-3"
                },

                {
                    targets: 1,
                    className: "text-center"
                },
            ],
            'order': []
        });

        $("#ModeReglementDatatable").DataTable({
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                info: "Ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                infoEmpty: "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',
            "lengthMenu": [
                [5, 10, 25, 50, -1],
                [5, 10, 25, 50, "Tous"]
            ],
            pageLength: 5,
            'columnDefs': [{
                    targets: 0,
                    className: "w-100 align-middle ps-3"
                },

                {
                    targets: 1,
                    className: "text-center"
                },
            ],
            'order': []
        });

        $("#PaysDatatable").DataTable({
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                info: "Ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                infoEmpty: "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',
            "lengthMenu": [
                [5, 10, 25, 50, -1],
                [5, 10, 25, 50, "Tous"]
            ],
            pageLength: 5,
            'columnDefs': [{
                    targets: 0,
                    className: "w-100 align-middle ps-3"
                },

                {
                    targets: 1,
                    className: "text-center"
                },
            ],
            'order': []
        });

        $("#VilleDatatable").DataTable({
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                info: "Ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                infoEmpty: "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',
            "lengthMenu": [
                [5, 10, 25, 50, -1],
                [5, 10, 25, 50, "Tous"]
            ],
            pageLength: 5,
            'columnDefs': [{
                    targets: 0,
                    className: "w-50 align-middle ps-3"
                },

                {
                    targets: 1,
                    className: "text-center"
                },
                {
                    targets: 2,
                    className: "text-center"
                }

                ,
            ],
            'order': []
        });

        $("#CommuneDatatable").DataTable({
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                info: "Ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                infoEmpty: "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',
            "lengthMenu": [
                [5, 10, 25, 50, -1],
                [5, 10, 25, 50, "Tous"]
            ],
            pageLength: 5,
            'columnDefs': [{
                    targets: 0,
                    className: "w-50 align-middle ps-3"
                },

                {
                    targets: 1,
                    className: "text-center"
                },
                {
                    targets: 2,
                    className: "text-center"
                },
            ],
            'order': []
        });

        $("#CiviliteDatatable").DataTable({
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                info: "Ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                infoEmpty: "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',
            "lengthMenu": [
                [5, 10, 25, 50, -1],
                [5, 10, 25, 50, "Tous"]
            ],
            pageLength: 5,
            'columnDefs': [{
                targets: 0,
                className: "w-100 align-middle ps-3"
            }],
            'order': []
        });

        $("#TypePrecisDatatable").DataTable({
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                info: "Ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                infoEmpty: "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',
            "lengthMenu": [
                [5, 10, 25, 50, -1],
                [5, 10, 25, 50, "Tous"]
            ],
            pageLength: 5,
            'columnDefs': [{
                targets: 1,
                className: "w-100 align-middle ps-3"
            }],
            'order': []
        });

        $("#TypeDepieceDatatable").DataTable({
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                info: "Ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                infoEmpty: "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',
            "lengthMenu": [
                [5, 10, 25, 50, -1],
                [5, 10, 25, 50, "Tous"]
            ],
            pageLength: 5,
            'columnDefs': [{
                targets: 0,
                className: "w-100 align-middle ps-3"
            }],
            'order': []
        });

        $("#TypeDeSocieteDatatable").DataTable({
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                info: "Ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                infoEmpty: "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',
            "lengthMenu": [
                [5, 10, 25, 50, -1],
                [5, 10, 25, 50, "Tous"]
            ],
            pageLength: 5,
            'columnDefs': [{
                targets: 0,
                className: "w-100 align-middle ps-3"
            }],
            'order': []
        });

        $("#BanqueDatatable").DataTable({
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                info: "Ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                infoEmpty: "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',
            "lengthMenu": [
                [5, 10, 25, 50, -1],
                [5, 10, 25, 50, "Tous"]
            ],
            pageLength: 5,
            'columnDefs': [{
                targets: 0,
                className: "w-100 align-middle ps-3"
            }],
            'order': []
        });

        $("#typeCatDatatable").DataTable({
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                info: "Ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                infoEmpty: "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',
            "lengthMenu": [
                [5, 10, 25, 50, -1],
                [5, 10, 25, 50, "Tous"]
            ],
            pageLength: 5,
            'columnDefs': [{
                targets: 0,
                className: "w-100 align-middle ps-3"
            }],
            'order': []
        });

        $("#MotifCorrectionDatatable").DataTable({
            language: {
                processing: false,
                search: "Rechercher&nbsp;:",
                lengthMenu: "Afficher :&nbsp;  _MENU_&nbsp;lignes",
                info: "Ligne _START_ &agrave; _END_ sur _TOTAL_&nbsp;lignes",
                infoEmpty: "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',
            "lengthMenu": [
                [5, 10, 25, 50, -1],
                [5, 10, 25, 50, "Tous"]
            ],
            pageLength: 5,
            'columnDefs': [{
                targets: 0,
                className: "w-100 align-middle ps-3"
            }],
            'order': []
        });

        $('.btnCallModalForInsert').on('click', function() {

            $('#formtypeBienAdd')[0].reset();
            $('#formTypeChargeAdd')[0].reset();
            $('#formTypegroupeBienAdd')[0].reset();
            $('#formTypeProprietaireAdd')[0].reset();
            $('#formIndiceRevisionAdd')[0].reset();
            $('#formModeReglementAdd')[0].reset();

            $('.InputPaysID').val('');
            $('#InputCacherID').val('')
            $('.InputTypeChargeCacherID').val('')
            $('.InputTypegroupeBienCacherID').val('')
            $('.InputTypeProprietaireCacherID').val('');
            $('.InputIndiceRevisionID').val('');
            $('.InputModeReglementID').val('');
            $('.InputVilleID').val('');
            $('.InputCommuneID').val('');
            $('.InputCiviliteID').val('');

            $('#formPaysAdd')[0].reset();
            $('#formVilleAdd')[0].reset();
            $('#formCommuneAdd')[0].reset();
            $('#formCiviliteAdd')[0].reset();

            $('.btn-modifier').css('display', 'none');
            $('.btn-enregistrer').css('display', 'block');
        })

        //:::::::::::::::::::::::::::::::::::::::::::: AUTRES TAXE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

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

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

                    $('#taxePersonnePhysique').val(resp.ligne[0].autreTaxeLocataireParticulier)
                    $('#taxePersonneMorale').val(resp.ligne[0].autreTaxeLocataireEntreprise)
                });
            $('#AutreTaxeModal').modal('show')
        })



        $('#formAutreTaxte').on('submit', function(e) {
            // Vérifiez la validation du formulaire
            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('Autretaxe.modifier') }}", "POST", new FormData(this), false,
                    false, "JSON",
                    function(resp) {

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

                        $('#formAutreTaxte').removeClass(
                            'was-validated'
                        ); // Supprimez la classe 'was-validated' pour réinitialiser les styles de validation Bootstrap

                    },
                    function(erreur) {},
                    function() {
                        if ($('.taxePersonnePhysique').val().length == 0) {
                            return false
                        }

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

        })

        //:::::::::::::::::::::::::::::::::::::::::::: TYPE DE BIEN :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
        MesrequetesAjax("{{ route('TypeBien.recuperation') }}", "GET", null, true, true, "JSON", function(
            response) {
            tableTypeBien(response.data)
        });

        $('#formtypeBienAdd').on('submit', function(e) {
            // Vérifiez la validation du formulaire
            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('AjoutTypeBien.creer') }}", "POST", new FormData(this), false,
                    false, "JSON",
                    function(resp) {
                        $('#typeBien').modal('hide')

                        Notification('Succès', resp.msg, 'top-right', 'success')
                        $('#InputCacherID').val('')
                        MesrequetesAjax("{{ route('TypeBien.recuperation') }}", "GET", null, true,
                            true, "JSON",
                            function(response) {
                                tableTypeBien(response.data)
                            });
                        $('#formtypeBienAdd').removeClass(
                            'was-validated'
                        ); // Supprimez la classe 'was-validated' pour réinitialiser les styles de validation Bootstrap
                        $('#formtypeBienAdd')[0].reset();
                    },
                    function(erreur) {},
                    function() {
                        if ($('.intituleTypebien').val().length == 0) {
                            return false
                        }
                    });
            }

        })

        $(document).on('click', '#supprimerTypeBien', function() {
            var IDtypeBien = $(this).attr('data-id')
            $('#InputCacherID').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('TypeBien.suprimer') }}", "GET", {
                                idTypeBien: IDtypeBien
                            }, null, true, "JSON", function(response) {
                                Notification('Succès', response.msg, 'top-right',
                                    'success')
                                MesrequetesAjax(
                                    "{{ route('TypeBien.recuperation') }}",
                                    "GET", null, true, true, "JSON",
                                    function(response) {
                                        tableTypeBien(response.data)
                                    });
                            });
                        }
                    },

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

        })

        $(document).on('click', '#ModifierTypeBien', function() {
            var IDtypeBien = $(this).attr('data-id')
            MesrequetesAjax("{{ route('RecuperationTypeBien.modifier') }}", "GET", {
                idTypeBien: IDtypeBien
            }, null, true, "JSON", function(response) {
                $('.intituleTypebien').val(response.data[0].intituleTypeBien);
                $('#InputCacherInsertion').css('display', 'none');
                $('#InputCacherID').css('display', 'block');
                $('#InputCacherID').val(response.data[0].IDTypeBien)

                $('.btn-modifier').css('display', 'block');
                $('.btn-enregistrer').css('display', 'none');

                $('#typeBien').modal('show')

            });
        })
        //:::::::::::::::::::::::::::::::::::::::::::: FIN TYPE DE BIEN ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

        //:::::::::::::::::::::::::::::::::::::::::::: TYPE DE CHARGE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
        MesrequetesAjax("{{ route('TypeCharge.recuperation') }}", "GET", null, true, true, "JSON", function(
            response) {
            tableTypeCharge(response.data)
        });

        $('#formTypeChargeAdd').on('submit', function(e) {
            // Vérifiez la validation du formulaire
            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('AjoutTypeCharge.creer') }}", "POST", new FormData(this),
                    false, false, "JSON",
                    function(resp) {
                        $('#typeCharge').modal('hide')

                        Notification('Succès', resp.msg, 'top-right', 'success')
                        $('.InputTypeChargeCacherID').val('')
                        MesrequetesAjax("{{ route('TypeCharge.recuperation') }}", "GET", null,
                            true,
                            true, "JSON",
                            function(response) {
                                tableTypeCharge(response.data)
                            });
                        $('#formTypeChargeAdd').removeClass(
                            'was-validated'
                        ); // Supprimez la classe 'was-validated' pour réinitialiser les styles de validation Bootstrap
                        $('#formTypeChargeAdd')[0].reset();
                    },
                    function(erreur) {},
                    function() {

                    });
            }

        })

        $(document).on('click', '#supprimerTypeCharge', function() {
            var IDtypeCharge = $(this).attr('data-id')
            $('.InputTypeChargeCacherID').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('TypeCharge.suprimer') }}", "GET", {
                                idTypeCharge: IDtypeCharge
                            }, null, true, "JSON", function(response) {
                                Notification('Succès', response.msg, 'top-right',
                                    'success')
                                MesrequetesAjax(
                                    "{{ route('TypeCharge.recuperation') }}",
                                    "GET", null, true, true, "JSON",
                                    function(response) {
                                        tableTypeCharge(response.data)
                                    });
                            });
                        }
                    },

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

        })

        $(document).on('click', '#ModifierTypeCharge', function() {
            var IDtypeCharge = $(this).attr('data-id')
            MesrequetesAjax("{{ route('RecuperationTypeCharge.modifier') }}", "GET", {
                idTypeCharge: IDtypeCharge
            }, null, true, "JSON", function(response) {
                $('.intituleTypeCharge').val(response.data[0].intituleTypeCharge);

                $('.InputTypeChargeCacherID').val(response.data[0].IDTypecharge);
                $('.btn-modifier').css('display', 'block');
                $('.btn-enregistrer').css('display', 'none');

                $('#typeCharge').modal('show')

            });
        })
        //:::::::::::::::::::::::::::::::::::::::::::: FIN TYPE DE CHARGE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

        //:::::::::::::::::::::::::::::::::::::::::::: GROUPE DE BIEN :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
        MesrequetesAjax("{{ route('TypegroupeBien.recuperation') }}", "GET", null, true, true, "JSON",
            function(
                response) {
                tableGroupeBien(response.data)
            });

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

            // Vérifiez la validation du formulaire
            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('TypegroupeBien.creer') }}", "POST", new FormData(this),
                    false, false, "JSON",
                    function(resp) {
                        $('#TypegroupeBien').modal('hide')

                        Notification('Succès', resp.msg, 'top-right', 'success')
                        $('.InputTypegroupeBienCacherID').val('')
                        MesrequetesAjax("{{ route('TypegroupeBien.recuperation') }}", "GET", null,
                            true, true, "JSON",
                            function(response) {
                                tableGroupeBien(response.data)
                            });

                        $('#formTypegroupeBienAdd').removeClass(
                            'was-validated'
                        ); // Supprimez la classe 'was-validated' pour réinitialiser les styles de validation Bootstrap
                        $('#formTypegroupeBienAdd')[0].reset();
                    },
                    function(erreur) {},
                    function() {

                    });
            }

        })

        $(document).on('click', '#supprimerTypegroupeBien', function() {
            var IDTypegroupeBien = $(this).attr('data-id')
            $('.InputTypegroupeBienCacherID').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('TypegroupeBien.suprimer') }}",
                                "GET", {
                                    idTypeGroupeBien: IDTypegroupeBien
                                }, null, true, "JSON",
                                function(response) {
                                    Notification('Succès', response.msg, 'top-right',
                                        'success')
                                    MesrequetesAjax(
                                        "{{ route('TypegroupeBien.recuperation') }}",
                                        "GET", null, true, true, "JSON",
                                        function(response) {
                                            tableGroupeBien(response.data)
                                        });
                                });
                        }
                    },

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

        })

        $(document).on('click', '#ModifierTypegroupeBien', function() {
            var IDGroupeBien = $(this).attr('data-id')
            MesrequetesAjax("{{ route('TypegroupeBien.modifier') }}", "GET", {
                idTypeGroupeBien: IDGroupeBien
            }, null, true, "JSON", function(response) {
                $('.intituleTypegroupeBien').val(response.data[0].intituleTypeGroupeBien);

                $('.InputTypegroupeBienCacherID').val(response.data[0].IDTypeGroupeBien);
                $('.btn-modifier').css('display', 'block');
                $('.btn-enregistrer').css('display', 'none');

                $('#TypegroupeBien').modal('show')

            });
        })
        //:::::::::::::::::::::::::::::::::::::::::::: FIN GROUPE DE BIEN :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::



        //:::::::::::::::::::::::::::::::::::::::::::: TYPE DE PROPRIETAIRE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
        MesrequetesAjax("{{ route('TypeProprietaire.recuperation') }}", "GET", null, true, true, "JSON",
            function(
                response) {
                tableTypeProprietaire(response.data)
            });

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

            // Vérifiez la validation du formulaire
            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('TypeProprietaire.creer') }}", "POST", new FormData(this),
                    false, false, "JSON",
                    function(resp) {
                        $('#Typeproprietaire').modal('hide')

                        Notification('Succès', resp.msg, 'top-right', 'success')
                        $('.InputTypeProprietaireCacherID').val('');
                        MesrequetesAjax("{{ route('TypeProprietaire.recuperation') }}", "GET",
                            null, true, true, "JSON",
                            function(response) {
                                tableTypeProprietaire(response.data)
                            });

                        $('#formTypeProprietaireAdd').removeClass(
                            'was-validated'
                        ); // Supprimez la classe 'was-validated' pour réinitialiser les styles de validation Bootstrap
                        $('#formTypeProprietaireAdd')[0].reset();
                    },
                    function(erreur) {},
                    function() {

                    });
            }

        })

        $(document).on('click', '#supprimerTypeProprietaire', function() {
            var IDTypeProprietaire = $(this).attr('data-id')
            $('.InputTypeProprietaireCacherID').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('TypeProprietaire.suprimer') }}",
                                "GET", {
                                    idTypeProprietaire: IDTypeProprietaire
                                }, null, true, "JSON",
                                function(response) {
                                    Notification('Succès', response.msg, 'top-right',
                                        'success')
                                    MesrequetesAjax(
                                        "{{ route('TypeProprietaire.recuperation') }}",
                                        "GET", null, true, true, "JSON",
                                        function(response) {
                                            tableTypeProprietaire(response.data)
                                        });
                                });
                        }
                    },

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

        })

        $(document).on('click', '#ModifierTypeProprietaire', function() {
            var IDTypeProprietaire = $(this).attr('data-id')
            MesrequetesAjax("{{ route('TypeProprietaire.modifier') }}", "GET", {
                idTypeProprietaire: IDTypeProprietaire
            }, null, true, "JSON", function(response) {
                $('.intituleTypeProprietaire').val(response.data[0].libelleTypeProprietaire);

                $('.InputTypeProprietaireCacherID').val(response.data[0].IDTypeProprietaire);
                $('.btn-modifier').css('display', 'block');
                $('.btn-enregistrer').css('display', 'none');

                $('#Typeproprietaire').modal('show')

            });
        })
        //:::::::::::::::::::::::::::::::::::::::::::: FIN TYPE DE PROPRIETAIRE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::


        //:::::::::::::::::::::::::::::::::::::::::::: INDICE DE REVISION :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
        MesrequetesAjax("{{ route('IndiceRevision.recuperation') }}", "GET", null, true, true, "JSON",
            function(
                response) {
                tableIndiceRevision(response.data)
            });

        $('#formIndiceRevisionAdd').on('submit', function(e) {
            // Vérifiez la validation du formulaire
            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('IndiceRevision.creer') }}", "POST", new FormData(this),
                    false, false, "JSON",
                    function(resp) {
                        $('#Indicerevision').modal('hide')
                        Notification('Succès', resp.msg, 'top-right', 'success')
                        $('.InputIndiceRevisionID').val('');
                        MesrequetesAjax("{{ route('IndiceRevision.recuperation') }}", "GET", null,
                            true, true, "JSON",
                            function(response) {
                                tableIndiceRevision(response.data)
                            });

                        $('#formIndiceRevisionAdd').removeClass(
                            'was-validated'
                        ); // Supprimez la classe 'was-validated' pour réinitialiser les styles de validation Bootstrap
                        $('#formIndiceRevisionAdd')[0].reset();
                    },
                    function(erreur) {},
                    function() {

                    });
            }

        })

        $(document).on('click', '#supprimerIndiceRevision', function() {
            var IndiceRevisionID = $(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('IndiceRevision.suprimer') }}",
                                "GET", {
                                    idIndiceRevision: IndiceRevisionID
                                }, null, true, "JSON",
                                function(response) {
                                    Notification('Succès', response.msg, 'top-right',
                                        'success')
                                    MesrequetesAjax(
                                        "{{ route('IndiceRevision.recuperation') }}",
                                        "GET", null, true, true, "JSON",
                                        function(response) {
                                            tableIndiceRevision(response.data)
                                        });
                                });
                        }
                    },

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

        })

        $(document).on('click', '#ModifierIndiceRevision', function() {
            var IndiceRevisionID = $(this).attr('data-id')
            MesrequetesAjax("{{ route('IndiceRevision.modifier') }}", "GET", {
                idIndiceRevision: IndiceRevisionID
            }, null, true, "JSON", function(response) {
                $('.intituleIndiceRevision').val(response.data[0].LibelleRevision);
                $('.InputIndiceRevisionID').val(response.data[0].IDIndiceRevision);
                $('.btn-modifier').css('display', 'block');
                $('.btn-enregistrer').css('display', 'none');

                $('#Indicerevision').modal('show')

            });
        })
        //:::::::::::::::::::::::::::::::::::::::::::: FIN INDICE DE REVISION :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::


        //:::::::::::::::::::::::::::::::::::::::::::: CIVILITE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
        MesrequetesAjax("{{ route('Civilite.recuperation') }}", "GET", null, true, true, "JSON",
            function(response) {
                tableCivilite(response.data)
            });

        $('#formCiviliteAdd').on('submit', function(e) {
            // Vérifiez la validation du formulaire
            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('Civilite.creer') }}", "POST", new FormData(this),
                    false, false, "JSON",
                    function(resp) {
                        $('#Civilite').modal('hide')
                        Notification('Succès', resp.msg, 'top-right', 'success')
                        $('.InputCiviliteID').val('');
                        MesrequetesAjax("{{ route('Civilite.recuperation') }}", "GET", null,
                            true, true, "JSON",
                            function(response) {
                                tableCivilite(response.data)
                            });

                        $('#formCiviliteAdd').removeClass(
                            'was-validated'
                        ); // Supprimez la classe 'was-validated' pour réinitialiser les styles de validation Bootstrap
                        $('#formCiviliteAdd')[0].reset();
                    },
                    function(erreur) {},
                    function() {

                    });
            }

        })

        $(document).on('click', '#supprimerCivilite', function() {
            var CiviliteID = $(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('Civilite.suprimer') }}",
                                "GET", {
                                    idcivilite: CiviliteID
                                }, null, true, "JSON",
                                function(response) {
                                    Notification('Succès', response.msg, 'top-right',
                                        'success')
                                    MesrequetesAjax(
                                        "{{ route('Civilite.recuperation') }}",
                                        "GET", null, true, true, "JSON",
                                        function(response) {
                                            tableCivilite(response.data)
                                        });
                                });
                        }
                    },

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

        })

        $(document).on('click', '#ModifierCivilite', function() {
            var CiviliteID = $(this).attr('data-id')
            MesrequetesAjax("{{ route('Civilite.modifier') }}", "GET", {
                idcivilite: CiviliteID
            }, null, true, "JSON", function(response) {
                $('.intituleCivilite').val(response.data[0].libelleCivilite);
                $('.InputCiviliteID').val(response.data[0].IDCivilite);
                $('.btn-modifier').css('display', 'block');
                $('.btn-enregistrer').css('display', 'none');

                $('#Civilite').modal('show')

            });
        })
        //:::::::::::::::::::::::::::::::::::::::::::: FIN CIVILITE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::


        //:::::::::::::::::::::::::::::::::::::::::::: MODE REGLEMENT :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
        MesrequetesAjax("{{ route('ModeReglement.recuperation') }}", "GET", null, true, true, "JSON", function(
            response) {
            tableModeReglement(response.data)
        });

        $('#formModeReglementAdd').on('submit', function(e) {
            // Vérifiez la validation du formulaire
            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('ModeReglement.creer') }}", "POST", new FormData(this),
                    false, false, "JSON",
                    function(resp) {
                        $('#modereglements').modal('hide')
                        Notification('Succès', resp.msg, 'top-right', 'success')
                        $('.InputModeReglementID').val('');
                        MesrequetesAjax("{{ route('ModeReglement.recuperation') }}", "GET", null,
                            true, true, "JSON",
                            function(response) {
                                tableModeReglement(response.data)
                            });

                        $('#formModeReglementAdd').removeClass(
                            'was-validated'
                        ); // Supprimez la classe 'was-validated' pour réinitialiser les styles de validation Bootstrap
                        $('#formModeReglementAdd')[0].reset();
                    },
                    function(erreur) {},
                    function() {

                    });
            }

        })

        $(document).on('click', '#supprimerModeReglement', function() {
            var ModeReglementID = $(this).attr('data-id')
            $('.InputModeReglementID').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('ModeReglement.suprimer') }}",
                                "GET", {
                                    idModeReglement: ModeReglementID
                                }, null, true, "JSON",
                                function(response) {
                                    Notification('Succès', response.msg, 'top-right',
                                        'success')
                                    MesrequetesAjax(
                                        "{{ route('ModeReglement.recuperation') }}",
                                        "GET", null, true, true, "JSON",
                                        function(response) {
                                            tableModeReglement(response.data)
                                        });
                                });
                        }
                    },

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

        })

        $(document).on('click', '#ModifierModeReglement', function() {
            var ModeReglementID = $(this).attr('data-id')
            MesrequetesAjax("{{ route('ModeReglement.modifier') }}", "GET", {
                idModeReglement: ModeReglementID
            }, null, true, "JSON", function(response) {
                $('.intituleModeReglement').val(response.data[0].intituleModeReglement);
                $('.InputModeReglementID').val(response.data[0].IDModeReglement);
                $('.btn-modifier').css('display', 'block');
                $('.btn-enregistrer').css('display', 'none');

                if (response.data[0].chequeInsere == 1) {

                    $('#chequeCheckBox').prop('checked', true)
                }
                $('#modereglements').modal('show')

            });
        })
        //:::::::::::::::::::::::::::::::::::::::::::: FIN MODE REGLEMENT :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

        //:::::::::::::::::::::::::::::::::::::::::::: PAYS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
        $('.paysSelect').html('');
        MesrequetesAjax("{{ route('Pays.recuperation') }}", "GET", null, true, true, "JSON", function(
            response) {
            $.each(response.data, function(key, values) {

                $('.paysSelect').append($('<option>', {
                    value: values.IDPays,
                    text: values.Libellepays
                }))
            })

            tablePays(response.data)
        });

        $('#formPaysAdd').on('submit', function(e) {
            // Vérifiez la validation du formulaire
            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('Pays.creer') }}", "POST", new FormData(this), false, false,
                    "JSON",
                    function(resp) {
                        $('#pays').modal('hide')
                        Notification('Succès', resp.msg, 'top-right', 'success')
                        $('.InputPaysID').val('');
                        MesrequetesAjax("{{ route('Pays.recuperation') }}", "GET", null, true,
                            true, "JSON",
                            function(response) {
                                $('.paysSelect').html('')
                                $.each(response.data, function(key, values) {
                                    $('.paysSelect').append($('<option>', {
                                        value: values.IDPays,
                                        text: values.Libellepays
                                    }))
                                })
                                tablePays(response.data)
                            });

                        $('#formPaysAdd').removeClass(
                            'was-validated'
                        ); // Supprimez la classe 'was-validated' pour réinitialiser les styles de validation Bootstrap
                        $('#formPaysAdd')[0].reset();
                    },
                    function(erreur) {},
                    function() {

                    });
            }

        })

        $(document).on('click', '#supprimerPays', function() {
            var PaysID = $(this).attr('data-id')
            $('.InputPaysID').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('Pays.suprimer') }}", "GET", {
                                idPays: PaysID
                            }, null, true, "JSON", function(response) {
                                Notification('Succès', response.msg, 'top-right',
                                    'success')
                                MesrequetesAjax(
                                    "{{ route('Pays.recuperation') }}", "GET",
                                    null, true, true, "JSON",
                                    function(response) {
                                        tablePays(response.data)
                                    });
                            });
                        }
                    },

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

        })

        $(document).on('click', '#ModifierPays', function() {
            var PaysID = $(this).attr('data-id')
            MesrequetesAjax("{{ route('Pays.modifier') }}", "GET", {
                idPays: PaysID
            }, null, true, "JSON", function(response) {
                $('.intitulePays').val(response.data[0].Libellepays);
                $('.indicatifpays').val(response.data[0].indicatifPays);
                $('.codePays').val(response.data[0].codePays);
                $('.InputPaysID').val(response.data[0].IDPays);
                $('.btn-modifier').css('display', 'block');
                $('.btn-enregistrer').css('display', 'none');

                $('#pays').modal('show')

            });
        })
        //:::::::::::::::::::::::::::::::::::::::::::: FIN PAYS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::



        //:::::::::::::::::::::::::::::::::::::::::::: VILLE  :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
        $('.villeSelect').html('')
        MesrequetesAjax("{{ route('Ville.recuperation') }}", "GET", null, true, true, "JSON", function(
            response) {
            $.each(response.data, function(key, values) {
                $('.villeSelect').append($('<option>', {
                    value: values.IDVille,
                    text: values.Libelleville
                }))
            })

            tableVille(response.data)

        });

        $('#formVilleAdd').on('submit', function(e) {
            // Vérifiez la validation du formulaire
            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('Ville.creer') }}", "POST", new FormData(this), false, false,
                    "JSON",
                    function(resp) {
                        $('#villes').modal('hide')
                        Notification('Succès', resp.msg, 'top-right', 'success')
                        $('.InputVilleID').val('');
                        MesrequetesAjax("{{ route('Ville.recuperation') }}", "GET", null, true,
                            true, "JSON",
                            function(response) {
                                tableVille(response.data)
                            });

                        $('#formVilleAdd').removeClass(
                            'was-validated'
                        ); // Supprimez la classe 'was-validated' pour réinitialiser les styles de validation Bootstrap
                        $('#formVilleAdd')[0].reset();
                    },
                    function(erreur) {},
                    function() {

                    });
            }

        })

        $(document).on('click', '#supprimerVille', function() {
            var VilleID = $(this).attr('data-id')
            $('.InputVilleID').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('Ville.suprimer') }}", "GET", {
                                idVille: VilleID
                            }, null, true, "JSON", function(response) {
                                Notification('Succès', response.msg, 'top-right',
                                    'success')
                                MesrequetesAjax(
                                    "{{ route('Ville.recuperation') }}", "GET",
                                    null, true, true, "JSON",
                                    function(response) {
                                        tableVille(response.data)
                                    });
                            });
                        }
                    },

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

        })

        $(document).on('click', '#ModifierVille', function() {
            var VilleID = $(this).attr('data-id')
            MesrequetesAjax("{{ route('Ville.modifier') }}", "GET", {
                idVille: VilleID
            }, null, true, "JSON", function(response) {
                $('.intituleVille').val(response.data[0].Libelleville);
                $('.InputVilleID').val(response.data[0].IDVille);
                $('.paysSelect').html('');
                $.each(response.data2, function(key, values) {

                    if (response.data[0].IDPays == values.IDPays) {
                        $('.paysSelect').append('<option selected value="' + values
                            .IDPays + '"> ' + values.Libellepays + '</option>')
                    } else {
                        $('.paysSelect').append($('<option>', {
                            value: values.IDPays,
                            text: values.Libellepays
                        }))
                    }

                })
                $('.btn-modifier').css('display', 'block');
                $('.btn-enregistrer').css('display', 'none');

                $('#villes').modal('show')

            });
        })
        //:::::::::::::::::::::::::::::::::::::::::::: FIN VILLE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

        //:::::::::::::::::::::::::::::::::::::::::::: COMMUNE  :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

        MesrequetesAjax("{{ route('Commune.recuperation') }}", "GET", null, true, true, "JSON", function(
            response) {
            tableCommune(response.data)
        });

        $('#formCommuneAdd').on('submit', function(e) {
            // Vérifiez la validation du formulaire
            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('Commune.creer') }}", "POST", new FormData(this), false,
                    false, "JSON",
                    function(resp) {
                        $('#communes').modal('hide')
                        Notification('Succès', resp.msg, 'top-right', 'success')
                        $('.InputCommuneID').val('');
                        MesrequetesAjax("{{ route('Commune.recuperation') }}", "GET", null, true,
                            true, "JSON",
                            function(response) {
                                tableCommune(response.data)
                            });
                        $('#formCommuneAdd').removeClass(
                            'was-validated'
                        ); // Supprimez la classe 'was-validated' pour réinitialiser les styles de validation Bootstrap
                        $('#formCommuneAdd')[0].reset();
                    },
                    function(erreur) {},
                    function() {

                    });
            }

        })

        $(document).on('click', '#supprimerCommune', function() {
            var CommuneID = $(this).attr('data-id')
            $('.InputCommuneID').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('Commune.suprimer') }}", "GET", {
                                idCommune: CommuneID
                            }, null, true, "JSON", function(response) {
                                Notification('Succès', response.msg, 'top-right',
                                    'success')
                                MesrequetesAjax(
                                    "{{ route('Commune.recuperation') }}",
                                    "GET", null, true, true, "JSON",
                                    function(response) {
                                        tableCommune(response.data)
                                    });
                            });
                        }
                    },

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

        })

        $(document).on('click', '#ModifierCommune', function() {
            var CommuneID = $(this).attr('data-id')
            MesrequetesAjax("{{ route('Commune.modifier') }}", "GET", {
                idCommune: CommuneID
            }, null, true, "JSON", function(response) {
                $('.intituleCommune').val(response.data[0].Libellecommune);
                $('.InputCommuneID').val(response.data[0].IDCommune);
                $('.villeSelect').html('');
                $.each(response.data2, function(key, values) {
                    if (response.data[0].IDVille == values.IDVille) {
                        $('.villeSelect').append('<option selected value="' + values
                            .IDVille + '"> ' + values.Libelleville + '</option>')
                    } else {
                        $('.villeSelect').append($('<option>', {
                            value: values.IDVille,
                            text: values.Libelleville
                        }))
                    }

                })
                $('.btn-modifier').css('display', 'block');
                $('.btn-enregistrer').css('display', 'none');

                $('#communes').modal('show')

            });
        })
        //:::::::::::::::::::::::::::::::::::::::::::: FIN COMMUNE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

        //:::::::::::::::::::::::::::::::::::::::::::: TYPE PRECIS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

        $('#formTypePrecis').on('submit', function(e) {
            // Vérifiez la validation du formulaire
            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('Typeprecis.creer') }}", "POST", new FormData(this), false,
                    false, "JSON",
                    function(resp) {

                        $('#TypePrecisModal').modal('hide')
                        Notification('Succès', resp.msg, 'top-right', 'success')
                        recuperationTypePrecis()
                        $('#TypePrecisIDHiddenInput').val(0)
                        $('#formTypePrecis').removeClass('was-validated');
                        $('#formTypePrecis')[0].reset();

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

                        if ($.trim($('#BienSelect').val()) == "") {
                            return false;
                        }

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

            }


        })

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

            var IDtypePrecis = $(this).attr('data-id')
            MesrequetesAjax("{{ route('Typeprecis.recuperation') }}", "GET", {
                IDTypePrecis: IDtypePrecis
            }, null, true, "JSON", function(resp) {
                $('#BienSelect').val(resp.data[0].IDTypeBien).trigger('change')
                $('#libelleTypePrecis').val(resp.data[0].libelleTypePrecis)
                $('#TypePrecisIDHiddenInput').val(resp.data[0].IDTypePrecis)
            })

            $('#TypePrecisModal').modal('show')

        })


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

            var IDtypePrecis = $(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('Typeprecis.suppression') }}",
                                "GET", {
                                    IDTypePrecis: IDtypePrecis
                                }, null, true, "JSON",
                                function(resp) {
                                    if (resp.succes) {
                                        Notification('Succès', resp.msg, 'top-right',
                                            'success');
                                        recuperationTypePrecis();
                                    }
                                })


                        }
                    },

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


        })

        //:::::::::::::::::::::::::::::::::::::::::::: FIN TYPE PRECIS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::



        //:::::::::::::::::::::::::::::::::::::::::::: TYPE PIECE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

        $('#formTypePiece').on('submit', function(e) {
            // Vérifiez la validation du formulaire
            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('Typeppiece.creer') }}", "POST", new FormData(this), false,
                    false, "JSON",
                    function(resp) {

                        $('#TypePiecesModal').modal('hide')
                        Notification('Succès', resp.msg, 'top-right', 'success')
                        recuperationTypePiece()
                        $('#TypePieceIDHiddenInput').val(0)
                        $('#formTypePiece').removeClass('was-validated');
                        $('#formTypePiece')[0].reset();
                    },
                    function(error) {},
                    function() {

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


        })


        $(document).on('click', '#ModifierTypepiece', function() {
            var IDtypePiece = $(this).attr('data-id')
            MesrequetesAjax("{{ route('Typepiece.recuperation') }}", "GET", {
                IDTypePiece: IDtypePiece
            }, null, true, "JSON", function(resp) {
                $('#libelleTypePiece').val(resp.data[0].libelleType_piece)
                $('#TypePieceIDHiddenInput').val(resp.data[0].IDTypepiece)
            })

            $('#TypePiecesModal').modal('show')

        })

        $(document).on('click', '#supprimerTypepiece', function() {
            var IDtypePiece = $(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('Typepiece.suppression') }}",
                                "GET", {
                                    IDTypePiece: IDtypePiece
                                }, null, true, "JSON",
                                function(resp) {
                                    if (resp.succes) {
                                        Notification('Succès', resp.msg, 'top-right',
                                            'success');
                                        recuperationTypePiece();
                                    }
                                })
                        }
                    },

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

        })

        //:::::::::::::::::::::::::::::::::::::::::::: FIN TYPE PIECE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::


        //:::::::::::::::::::::::::::::::::::::::::::: TYPE SOCIETE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

        $('#formTypeSociete').on('submit', function(e) {
            // Vérifiez la validation du formulaire
            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('Typepsociete.creer') }}", "POST", new FormData(this), false,
                    false, "JSON",
                    function(resp) {

                        $('#TypeDeSocieteModal').modal('hide')
                        Notification('Succès', resp.msg, 'top-right', 'success')
                        recuperationSociete()
                        $('#TypeSocieteIDHiddenInput').val(0)
                        $('#formTypeSociete').removeClass('was-validated');
                        $('#formTypeSociete')[0].reset();

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

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

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

            var IDtypeSociete = $(this).attr('data-id')
            MesrequetesAjax("{{ route('Typesociete.recuperation') }}", "GET", {
                IDTypeSociete: IDtypeSociete
            }, null, true, "JSON", function(resp) {
                $('#libelleTypeSociete').val(resp.data[0].libelleTypeSociete)
                $('#TypeSocieteIDHiddenInput').val(resp.data[0].IDTypeSociete)
            })
            $('#TypeDeSocieteModal').modal('show')

        })


        $(document).on('click', '#supprimerTypeSociete', function() {
            var IDtypeSociete = $(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('Typesociete.suppression') }}",
                                "GET", {
                                    IDTypeSociete: IDtypeSociete
                                }, null, true, "JSON",
                                function(resp) {
                                    if (resp.succes) {
                                        Notification('Succès', resp.msg, 'top-right',
                                            'success');
                                        recuperationSociete();
                                    }
                                })
                        }
                    },

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

        })

        //:::::::::::::::::::::::::::::::::::::::::::: FIN TYPE SOCIETE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::


        //::::::::::::::::::::::::::::::::::::::::::::::::: BANQUE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

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

                        $('#BanqueModal').modal('hide')
                        Notification('Succès', resp.msg, 'top-right', 'success')
                        recuperationBanque()
                        $('#BanqueIDHiddenInput').val(0)
                        $('#formBanque').removeClass('was-validated');
                        $('#formBanque')[0].reset();

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

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


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

            var IDbanque = $(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('Banque.supprimer') }}", "GET", {
                                IDBanque: IDbanque
                            }, null, true, "JSON", function(resp) {
                                if (resp.succes) {
                                    $('#BanqueModal').modal('hide')
                                    Notification('Succès', resp.msg, 'top-right',
                                        'success');
                                    recuperationBanque();
                                }
                            })

                        }
                    },

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


        })

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

            var IDbanque = $(this).attr('data-id')
            MesrequetesAjax("{{ route('Banque.recuperation') }}", "GET", {
                IDBanque: IDbanque
            }, null, true, "JSON", function(resp) {
                $('#libelleBanque').val(resp.data[0].nomBanque)
                $('#BanqueIDHiddenInput').val(resp.data[0].IDBanque)
            })
            $('#BanqueModal').modal('show')

        })

        //::::::::::::::::::::::::::::::::::::::::::::::::: CATEGORIE ARTICLE :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

        $('#formCategorie').on('submit', function(e) {
            // Vérifiez la validation du formulaire
            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('categorieArticle.creer') }}", "POST", new FormData(this),
                    false,
                    false, "JSON",
                    function(resp) {

                        $('#typeCatModal').modal('hide')
                        Notification('Succès', resp.msg, 'top-right', 'success')
                        recuperationCategorieArticle().then((response) => {

                            typeCatDatatable(response)
                        })
                        $('#IDcategorie_article').val(0)
                        $('#formCategorie').removeClass('was-validated');
                        $('#formCategorie')[0].reset();
                    },
                    function(error) {},
                    function() {

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


        })

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

            var IDCat = $(this).attr('data-id')
            MesrequetesAjax("{{ route('categorieArticle.liste') }}", "GET", {
                IDcategorie_article: IDCat
            }, null, true, "JSON", function(resp) {
                $('#libelleCategorie').val(resp.data[0].LibelleCategorieArticle)
                $('#IDcategorie_article').val(resp.data[0].IDcategorie_article)
            })
            $('#typeCatModal').modal('show')

        })

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

            var IdCat = $(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('categorieArticle.suppression') }}",
                                "GET", {
                                    IDcategorie_article: IdCat
                                }, null, true, "JSON",
                                function(resp) {
                                    if (resp.succes) {
                                        $('#typeCatModal').modal('hide')
                                        Notification('Succès', resp.msg, 'top-right',
                                            'success');
                                        recuperationCategorieArticle().then((
                                            response) => {

                                                typeCatDatatable(response)
                                            });
                                    }
                                })

                        }
                    },

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


        })

        //::::::::::::::::::::::::::::::::::::::::::::::::: MOTIF CPRRECTION :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

        $('#formMotifCorrection').on('submit', function(e) {
            // Vérifiez la validation du formulaire
            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('motifCorrection.creer') }}", "POST", new FormData(this),
                    false,
                    false, "JSON",
                    function(resp) {

                        $('#motifCorrectionModal').modal('hide')
                        Notification('Succès', resp.msg, 'top-right', 'success')
                        recuperationMotifCorrection()
                        $('#IDmotif_correction').val(0)
                        $('#formMotifCorrection').removeClass('was-validated');
                        $('#formMotifCorrection')[0].reset();
                    },
                    function(error) {
                        console.log(error)
                    },
                    function() {

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


        })

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

            var IDmotif = $(this).attr('data-id')
            MesrequetesAjax("{{ route('motifCorrection.liste') }}", "GET", {
                IDmotif_correction: IDmotif
            }, null, true, "JSON", function(resp) {
                $('#LibelleMotifCOrrection').val(resp.data[0].LibelleMotifCOrrection)
                $('#IDmotif_correction').val(resp.data[0].IDmotif_correction)
            })
            $('#motifCorrectionModal').modal('show')

        })

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

            var IDMotif = $(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('motifCorrection.suppression') }}",
                                "GET", {
                                    IDmotif_correction: IDMotif
                                }, null, true, "JSON",
                                function(resp) {
                                    if (resp.succes) {
                                        $('#motifCorrectionModal').modal('hide')
                                        Notification('Succès', resp.msg, 'top-right',
                                            'success');
                                            recuperationMotifCorrection()
                                    }
                                })

                        }
                    },

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


        })
    })




    function recuperationTypePrecis() {
        MesrequetesAjax("{{ route('Typeprecis.recuperation') }}", "GET", null, true, true, "JSON", function(response) {
            tableTypePrecis(response.data)
        });
    }

    function recuperationTypePiece() {
        MesrequetesAjax("{{ route('Typepiece.recuperation') }}", "GET", null, true, true, "JSON", function(
            response) {
            tableTypePiece(response.data)
        });
    }

    function recuperationSociete() {
        MesrequetesAjax("{{ route('Typesociete.recuperation') }}", "GET", null, true, true, "JSON", function(
            response) {
            tableTypeSociete(response.data)
        });
    }

    function recuperationBanque() {

        MesrequetesAjax("{{ route('Banque.recuperation') }}", "GET", null, true, true, "JSON", function(response) {
            tableBanque(response.data)
        });
    }

    function recuperationMotifCorrection() {

        MesrequetesAjax("{{ route('motifCorrection.liste') }}", "GET", null, true, true, "JSON", function(response) {
            MotifCorrectionDatatable(response.data)
        });
    }

    recuperationCategorieArticle()
        .then((response) => {

            typeCatDatatable(response)
        })

    function tableTypeBien(response) {
        var table = $('#typeDeBienDataTable').DataTable();
        table.clear().draw();
        $.each(response, function(key, value) {
            table.row.add([value.intituleTypeBien, '<i id="supprimerTypeBien" data-id="' + value.IDTypeBien +
                '" class="fa fa-trash cursor-pointer text-danger"></i>&nbsp;&nbsp;<i id="ModifierTypeBien" data-id="' +
                value.IDTypeBien + '" class="fa fa-edit cursor-pointer text-success"></i>'
            ])
        })
        table.draw();
    }

    function tableTypeCharge(response) {
        var table = $('#typeDeChargeDataTable').DataTable();
        table.clear().draw();
        $.each(response, function(key, value) {
            table.row.add([value.intituleTypeCharge, '<i id="supprimerTypeCharge" data-id="' + value
                .IDTypecharge +
                '" class="fa fa-trash cursor-pointer text-danger"></i>&nbsp;&nbsp;<i id="ModifierTypeCharge" data-id="' +
                value.IDTypecharge + '" class="fa fa-edit cursor-pointer text-success"></i>'
            ])
        })
        table.draw();
    }

    function tableGroupeBien(response) {
        var table = $('#GroupeBienDatatable').DataTable();
        table.clear().draw();
        $.each(response, function(key, value) {
            table.row.add([value.intituleTypeGroupeBien, '<i id="supprimerTypegroupeBien" data-id="' + value
                .IDTypeGroupeBien +
                '" class="fa fa-trash cursor-pointer text-danger"></i>&nbsp;&nbsp;<i id="ModifierTypegroupeBien" data-id="' +
                value.IDTypeGroupeBien + '" class="fa fa-edit cursor-pointer text-success"></i>'
            ])
        })
        table.draw();
    }

    function tableTypeProprietaire(response) {
        var table = $('#TypeProprietaireDatatable').DataTable();
        table.clear().draw();
        $.each(response, function(key, value) {
            table.row.add([value.libelleTypeProprietaire, '<i id="supprimerTypeProprietaire" data-id="' + value
                .IDTypeProprietaire +
                '" class="fa fa-trash cursor-pointer text-danger"></i>&nbsp;&nbsp;<i id="ModifierTypeProprietaire" data-id="' +
                value.IDTypeProprietaire + '" class="fa fa-edit cursor-pointer text-success"></i>'
            ])
        })
        table.draw();
    }

    function tableIndiceRevision(response) {
        var table = $('#IndiceRevisionDatatable').DataTable();
        table.clear().draw();
        $.each(response, function(key, value) {
            table.row.add([value.LibelleRevision, '<i id="supprimerIndiceRevision" data-id="' + value
                .IDIndiceRevision +
                '" class="fa fa-trash cursor-pointer text-danger"></i>&nbsp;&nbsp;<i id="ModifierIndiceRevision" data-id="' +
                value.IDIndiceRevision + '" class="fa fa-edit cursor-pointer text-success"></i>'
            ])
        })
        table.draw();
    }

    function tableModeReglement(response) {
        var table = $('#ModeReglementDatatable').DataTable();
        table.clear().draw();
        $.each(response, function(key, value) {
            table.row.add([value.intituleModeReglement, '<i id="supprimerModeReglement" data-id="' + value
                .IDModeReglement +
                '" class="fa fa-trash cursor-pointer text-danger"></i>&nbsp;&nbsp;<i id="ModifierModeReglement" data-id="' +
                value.IDModeReglement + '" class="fa fa-edit cursor-pointer text-success"></i>'
            ])
        })
        table.draw();
    }

    function tablePays(response) {
        var table = $('#PaysDatatable').DataTable();
        table.clear().draw();
        $.each(response, function(key, value) {
            table.row.add([value.Libellepays, value.indicatifPays, '<i id="supprimerPays" data-id="' + value
                .IDPays +
                '" class="fa fa-trash cursor-pointer text-danger"></i>&nbsp;&nbsp;<i id="ModifierPays" data-id="' +
                value.IDPays + '" class="fa fa-edit cursor-pointer text-success"></i>'
            ])
        })
        table.draw();
    }

    function tableVille(response) {
        var table = $('#VilleDatatable').DataTable();
        table.clear().draw();
        $.each(response, function(key, value) {
            table.row.add([value.Libelleville, value.Libellepays, '<i id="supprimerVille" data-id="' + value
                .IDVille +
                '" class="fa fa-trash cursor-pointer text-danger"></i>&nbsp;&nbsp;<i id="ModifierVille" data-id="' +
                value.IDVille + '" class="fa fa-edit cursor-pointer text-success"></i>'
            ])
        })
        table.draw();
    }

    function tableCommune(response) {
        var table = $('#CommuneDatatable').DataTable();
        table.clear().draw();
        $.each(response, function(key, value) {
            table.row.add([value.Libellecommune, value.Libelleville, '<i id="supprimerCommune" data-id="' +
                value.IDCommune +
                '" class="fa fa-trash cursor-pointer text-danger"></i>&nbsp;&nbsp;<i id="ModifierCommune" data-id="' +
                value.IDCommune + '" class="fa fa-edit cursor-pointer text-success"></i>'
            ])
        })
        table.draw();
    }

    function tableCivilite(response) {
        var table = $('#CiviliteDatatable').DataTable();
        table.clear().draw();
        $.each(response, function(key, value) {
            table.row.add([value.libelleCivilite, '<i id="supprimerCivilite" data-id="' + value.IDCivilite +
                '" class="fa fa-trash cursor-pointer text-danger"></i>&nbsp;&nbsp;<i id="ModifierCivilite" data-id="' +
                value.IDCivilite + '" class="fa fa-edit cursor-pointer text-success"></i>'
            ])
        })
        table.draw();
    }

    function tableTypePrecis(response) {
        var table = $('#TypePrecisDatatable').DataTable();
        table.clear().draw();
        $.each(response, function(key, value) {
            table.row.add([value.intituleTypeBien, value.libelleTypePrecis,
                '<i id="supprimerTypeprecis" data-id="' + value.IDTypePrecis +
                '" class="fa fa-trash cursor-pointer text-danger"></i>&nbsp;&nbsp;<i id="ModifierTypeprecis" data-id="' +
                value.IDTypePrecis + '" class="fa fa-edit cursor-pointer text-success"></i>'
            ])
        })
        table.draw();
    }

    function tableTypePiece(response) {
        var table = $('#TypeDepieceDatatable').DataTable();
        table.clear().draw();
        $.each(response, function(key, value) {
            table.row.add([value.libelleType_piece, '<i id="supprimerTypepiece" data-id="' + value.IDTypepiece +
                '" class="fa fa-trash cursor-pointer text-danger"></i>&nbsp;&nbsp;<i id="ModifierTypepiece" data-id="' +
                value.IDTypepiece + '" class="fa fa-edit cursor-pointer text-success"></i>'
            ])
        })
        table.draw();
    }

    function GetBien() {
        MesrequetesAjax("{{ route('Bien.recuperation') }}", "GET", null, true, true, "JSON", function(response) {

            $.each(response.data, function(key, value) {
                $('#BienSelect').append($('<option>', {
                    value: value.IDBien,
                    text: value.intituleBien
                }))
            })
        });
    }

    function tableTypeSociete(response) {
        var table = $('#TypeDeSocieteDatatable').DataTable();
        table.clear().draw();
        $.each(response, function(key, value) {
            table.row.add([value.libelleTypeSociete, '<i id="supprimerTypeSociete" data-id="' + value
                .IDTypeSociete +
                '" class="fa fa-trash cursor-pointer text-danger"></i>&nbsp;&nbsp;<i id="ModifierTypeSociete" data-id="' +
                value.IDTypeSociete + '" class="fa fa-edit cursor-pointer text-success"></i>'
            ])
        })
        table.draw();
    }

    function GetTypeBien() {
        MesrequetesAjax("{{ route('TypeBien.recuperation') }}", "GET", null, true, true, "JSON", function(response) {

            $.each(response.data, function(key, value) {
                $('#BienSelect').append($('<option>', {
                    value: value.IDTypeBien,
                    text: value.intituleTypeBien
                }))
            })
        })
    }

    function tableBanque(response) {

        var table = $('#BanqueDatatable').DataTable();
        table.clear().draw();
        $.each(response, function(key, value) {
            table.row.add([value.nomBanque, '<i id="supprimerBanque" data-id="' + value.IDBanque +
                '" class="fa fa-trash cursor-pointer text-danger"></i>&nbsp;&nbsp;<i id="ModifierBanque" data-id="' +
                value.IDBanque + '" class="fa fa-edit cursor-pointer text-success"></i>'
            ])
        })
        table.draw();
    }

    function typeCatDatatable(response) {

        var table = $('#typeCatDatatable').DataTable();
        table.clear().draw();
        $.each(response, function(key, value) {
            table.row.add([value.LibelleCategorieArticle, '<i id="supprimerCategorie" data-id="' + value
                .IDcategorie_article +
                '" class="fa fa-trash cursor-pointer text-danger"></i>&nbsp;&nbsp;<i id="ModifierCategorie" data-id="' +
                value.IDcategorie_article + '" class="fa fa-edit cursor-pointer text-success"></i>'
            ])
        })
        table.draw();
    }

    function MotifCorrectionDatatable(response) {

        var table = $('#MotifCorrectionDatatable').DataTable();
        table.clear().draw();
        $.each(response, function(key, value) {
            table.row.add([value.LibelleMotifCOrrection, '<i id="supprimerMotifCorrection" data-id="' + value
                .IDmotif_correction +
                '" class="fa fa-trash cursor-pointer text-danger"></i>&nbsp;&nbsp;<i id="ModifierMotifCorrection" data-id="' +
                value.IDmotif_correction + '" class="fa fa-edit cursor-pointer text-success"></i>'
            ])
        })
        table.draw();
    }
</script>



</body>

</html>