@extends('admin')

@section('head')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endsection

@section('title')
    NotaireApp - Modifier Mes Informations
@endsection


@section('content')
@section('menu-title')
    <!-- BEGIN: Breadcrumb -->

    <div class="-intro-x breadcrumb mr-auto hidden sm:flex"> <a href="{{ url('/admin') }}" class="">NotairesApp</a> <i
            data-feather="chevron-right" class="breadcrumb__icon"></i> <a href="#/"
            class="breadcrumb--active">Paramètre</a> </div>
    <!-- END: Breadcrumb -->
@endsection
<style>
    .grr {
        background: rgb(34, 83, 195);
        background: linear-gradient(0deg, rgba(34, 83, 195, 1) 0%, rgba(253, 187, 45, 1) 100%);
    }
</style>

<div class="container">
    <form method="post" action="{{ url('/admin/parametres/edit/' . $admin->id) }}" id="fileinfo"
        enctype="multipart/form-data">
        @csrf
        <div class=" mt-5">
            <div class="intro-y col-span-12 lg:col-span-12">
                <!-- BEGIN: Input -->
                <div class="intro-y box p-5 ">
                    <div class="intro-y flex items-center mt-8">
                        <h2 class="text-lg font-medium mr-auto ">
                            Mes Informations
                        </h2>
                    </div>
                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <img style="margin-right: auto;margin-left: auto;"
                                    src="{{ asset($path->paths . $admin->logo) }}" width="150" height="150">
                            </div>
                        </div>
                    </div>
                    {{-- <div class="my-2">
                        <div class="grid lg:grid-cols-2 md:cols-1 sm:cols-1 gap-2">
                            <div class="">
                                <label for="">Nom</label>
                                <input class="input w-full border-2 mt-2 " name="name" value="{{ $admin->name }}" placeholder="Nom"
                                    type="text">
                            </div>
                            <div class="">
                                <label for="" style="float: right;">الإسم العائلة</label>
                                <input dir="rtl" class="input w-full border-2 mt-2 text-right" name="name_ar" value="" placeholder="الإسم العائلة" type="text">
                            </div>
                            <div class="">
                                <label for="">Prenom</label>
                                <input class="input w-full border-2 mt-2 " name="Prenom" value="{{ $admin->prenom }}" placeholder="Prenom"
                                    type="text">
                            </div>
                            <div class="">
                                <label for=""style="float: right;">الإسم الشخصي</label>
                                <input dir="rtl" class="input w-full border-2 mt-2 text-right" name="Prenom_ar" value="" placeholder="الإسم الشخصي" type="text">
                            </div>
                        </div>
                    </div> --}}
                    <div class="my-2 grid lg:grid-cols-2 md:grid-cols-2 sm:grid-cols-1 gap-2">
                        <div class="">
                            <label for="">Nom</label>
                            <input class="input w-full border-2 mt-2" name="nom_cab" value="{{ $admin->nom_cabinet }}"
                                placeholder="Nom De Cabinet" type="text">
                        </div>

                        <div class="">
                            <label for="" style="float: right;">اسم</label>
                            <input dir="rtl" class="input w-full border-2 mt-2 text-right" name="nom_cab_ar"
                                value="{{ $admin->nom_cabinet_ar }}" placeholder="اسم الشركة" type="text">
                        </div>
                    </div>
                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">Email</label>
                                <input class="input w-full border-2 mt-2 " value="{{ $admin->email }}" name="email"
                                    placeholder="Email" type="text">
                            </div>
                        </div>
                    </div>

                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">Identité visuelle</label>
                                <input class="input w-full border-2 mt-2" name="logo" type="file">

                            </div>
                        </div>
                    </div>
                    <div class="my-2 grid lg:grid-cols-2 md:grid-cols-1 sm:grid-cols-1 gap-4">
                        <div class="">
                            <div class="">
                                <label for="">Adresse</label>
                                <input class="input w-full border-2 mt-2" name="adresse" value="{{ $admin->adresse }}"
                                    placeholder="Adresse" type="text">
                            </div>
                        </div>
                        <div class="">
                            <div class="">
                                <label for="" style="float: right;">العنوان</label>
                                <input dir="rtl" class="input w-full border-2 mt-2 text-right" name="adresse_ar"
                                    value="{{ $admin->adresse_ar }}" placeholder="العنوان " type="text">
                            </div>
                        </div>
                    </div>
                    <div class="my-2 grid lg:grid-cols-2 md:grid-cols-1 sm:grid-cols-1 gap-4">
                        <div class="">
                            <div class="">
                                <label for="">Ville</label>
                                <input class="input w-full border-2 mt-2" name="ville" value="{{ $admin->ville }}"
                                    placeholder="Ville" type="text">
                            </div>
                        </div>
                        <div class="">
                            <div class="">
                                <label for="" style="float: right;">مدينة</label>
                                <input dir="rtl" class="input w-full border-2 mt-2 text-right" name="ville_ar"
                                    value="{{ $admin->ville_ar }}" placeholder="مدينة " type="text">
                            </div>
                        </div>
                    </div>
                    <div class="grid grid-cols-2 gap-4">
                        <div class="my-2">
                            <div class="">
                                <div class="">
                                    <label for="">Fixe</label>
                                    <input class="input w-full border-2 mt-2" name="tele"
                                        value="{{ $admin->tele }}" placeholder="Télé" type="text">
                                </div>
                            </div>
                        </div>
                        <div class="my-2 hidden">
                            <div class="">
                                <div class="">
                                    <label for="">Fax</label>
                                    <input class="input w-full border-2 mt-2" name="fax"
                                        value="{{ $admin->fax }}" placeholder="Fax" type="text">
                                </div>
                            </div>
                        </div>
                        <div class="my-2">
                            <div class="">
                                <div class="">
                                    <label for="">Portable</label>
                                    <input class="input w-full border-2 mt-2" name="cellphone"
                                        value="{{ $admin->cellphone }}" placeholder="Portable" type="text">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">ICE</label>
                                <input class="input w-full border-2 mt-2" name="ice" value="{{ $admin->ice }}"
                                    placeholder="ICE" type="text">
                            </div>
                        </div>
                    </div>

                    <div class="my-2 hidden">
                        <div class="">
                            <div class="">
                                <label for="">R.C</label>
                                {{-- <input class="input w-full border-2 mt-2" name="rc" value="{{ $admin->rc }}"
                                    placeholder="R.C" type="text"> --}}
                            </div>
                        </div>
                    </div>
                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">Taxe Professionnelle</label>
                                <input class="input w-full border-2 mt-2" name="rc" value="{{ $admin->rc }}"
                                    placeholder="Taxe Professionnelle" type="text">
                            </div>
                        </div>
                    </div>

                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">IF</label>
                                <input class="input w-full border-2 mt-2" name="iff" value="{{ $admin->iff }}"
                                    placeholder="IFF" type="text">
                            </div>
                        </div>
                    </div>

                    <div class="my-2 hidden">
                        <div class="">
                            <div class="">
                                <label for="">Patente</label>
                                <input class="input w-full border-2 mt-2" name="patente"
                                    value="{{ $admin->patente }}" placeholder="Patente" type="text">
                            </div>
                        </div>
                    </div>

                    <div class="my-2 grid lg:grid-cols-2 md:grid-cols-2 sm:grid-cols-1 gap-2 hidden">
                        <div class="">
                            <div class="">
                                <label for="">Raison Social</label>
                                <input class="input w-full border-2 mt-2" name="raisonsocial"
                                    value="{{ $admin->raison_sos }}" placeholder="Raison Social" type="text">
                            </div>
                        </div>
                        <div class="">
                            <div class="">
                                <label for="" style="float: right;">السبب الاجتماعي</label>
                                <input dir="rtl" class="input w-full border-2 mt-2 text-right"
                                    name="raisonsocial_ar" value="{{ $admin->raison_sos_ar }}"
                                    placeholder="السبب الاجتماعي" type="text">
                            </div>
                        </div>
                    </div>


                    {{-- <div class="">
                        <div class="">
                            <div class="">
                                <label for="">Raison Social</label>
                                <input class="input w-full border-2 mt-2" name="raisonsocial" value="{{ $admin->raisonsocial }}" placeholder="Raison Social" type="text">
                            </div>
                        </div> 
                    </div> --}}

                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">CNSS</label>
                                <input class="input w-full border-2 mt-2" name="cnss"
                                    value="{{ $admin->cnss }}" placeholder="CNSS" type="text">
                            </div>
                        </div>
                    </div>
                    <div class="my-2">
                        <button class="button bg-theme-1 text-white mt-5 valid" type="submit">Enregistrer</button>
                    </div>
                </div>
                <!-- END: Input -->
            </div>
        </div>
    </form>
    <div class="hidden intro-y champ">
        <div class="h-full grr p-8 rounded-lg mt-3 ">
            <h2 class="font-semibold text-lg font-medium mr-auto  text-white">Gestion de champs</h2>
            <div class=" p-3 grid md:grid-cols-1 lg:grid-flow-row lg:grid-cols-2 lg:grid-rows-2 gap-4">
                <div class="flex lg:flex-row sm:flex-col md:flex-col font-semibold">
                    <div class="my-3 flex flex-col mr-2 w-full bg-white px-3 py-3 rounded-lg mt-3">
                        <div
                            class="flex flex-row grid md:grid-cols-1 lg:grid-flow-row lg:grid-cols-2 lg:grid-rows-2 gap-3">
                            <div class="my-3 flex flex-col mr-2 w-full ">
                                <div class="">
                                    <label class="truncate">Liste natures d'opérations</label>
                                    <div class="">
                                        <select class="input w-full mt-2 shadow-lg border-2 lnatur" name="lnatur">
                                            @foreach ($natur as $nat)
                                                <option value="{{ $nat->id_operation }}">
                                                    {{ $nat->nature_doperation }} </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="my-3 flex flex-col mr-2 w-full ">
                                <label class="truncate">Ajouter une nature d'operations</label>
                                <div class="">
                                    <input type="text" id="natur" placeholder="nature operations..."
                                        class="input mt-2 w-full shadow-lg border-2">
                                </div>
                            </div>
                        </div>

                        <div class="">
                            <button class="button bg-green-500 text-white mt-5 valid1" type="submit">Créer</button>
                            <button class="button bg-theme-1 text-white mt-5 hidden modif1" type="submit">
                                Modifier</button>
                            <button class="button bg-red-600 text-white mt-5 hidden del1" type="submit">
                                Supprimer</button>
                        </div>
                    </div>
                </div>

                <div class=" flex lg:flex-row sm:flex-col md:flex-col font-semibold">
                    <div class="my-3 flex flex-col mr-2 w-full bg-white px-3 py-3 rounded-lg mt-3">
                        <div
                            class="flex flex-row grid md:grid-cols-1 lg:grid-flow-row lg:grid-cols-2 lg:grid-rows-2 gap-3">
                            <div class="my-3 flex flex-col mr-2 w-full">
                                <div class="">
                                    <label class="truncate">Liste des Catégories</label>
                                    <div class="">
                                        <select class="input w-full mt-2 shadow-lg border-2 lcat" name="lcat">
                                            @foreach ($cat as $cat)
                                                <option value="{{ $cat->id }}">{{ $cat->Cat }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="my-3 flex w-full flex-col mr-2 ">
                                <label class="truncate">Ajouter une Catégorie</label>
                                <div class="">
                                    <input type="text" id="cat" placeholder="nature operations..."
                                        class="input mt-2 w-full shadow-lg border-2">
                                </div>
                            </div>
                        </div>
                        <div class="">
                            <button class="button bg-green-500 text-white mt-5 valid2" type="submit">Créer</button>
                            <button class="button bg-theme-1 text-white mt-5 hidden modif2" type="submit">
                                Modifier</button>
                            <button class="button bg-red-600 text-white mt-5 hidden del2" type="submit">
                                Supprimer</button>
                        </div>
                    </div>
                </div>
                <div class=" flex lg:flex-row sm:flex-col md:flex-col font-semibold">
                    <div class="my-3 flex flex-col mr-2 w-full bg-white px-3 py-3 rounded-lg mt-3">
                        <div class="flex flex-row grid md:grid-cols-1 lg:grid-flow-row lg:grid-cols-1 gap-3">
                            <div class="my-3 flex flex-col mr-2 w-full">
                                <div class="">
                                    <label class="truncate">Liste des Comptes Bancaires</label>
                                    <div class="">
                                        <select class="input w-full mt-2 shadow-lg border-2 lcmp" name="lcmp">
                                            @foreach ($cmpt as $cmpt)
                                                <option value="{{ $cmpt->id }}">
                                                    {{ $cmpt->nomCompt }}--{{ $cmpt->munCompt }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="flex flex-row grid md:grid-cols-1 lg:grid-flow-row lg:grid-cols-2  gap-3">
                            <div class="my-3 flex w-full flex-col mr-2 ">
                                <label class="truncate">Ajouter Le Nom de Votre Compte</label>
                                <div class="">
                                    <input type="text" id="nomcmp" placeholder="nature operations..."
                                        class="input mt-2 w-full shadow-lg border-2">
                                </div>
                            </div>
                            <div class="my-3 flex w-full flex-col mr-2 ">
                                <label class="truncate">Ajouter Le Numero De Compte</label>
                                <div class="">
                                    <input type="text" id="cmp" placeholder="nature operations..."
                                        class="input mt-2 w-full shadow-lg border-2">
                                </div>
                            </div>
                        </div>
                        <div class="">
                            <button class="button bg-green-500 text-white mt-5 valid3" type="submit">Créer</button>
                            {{-- <button class="button bg-theme-1 text-white mt-5 hidden modif3" type="submit"> Modifier</button> --}}
                            <button class="button bg-red-600 text-white mt-5 hidden del3" type="submit">
                                Supprimer</button>
                        </div>
                    </div>
                </div>
                <div class=" flex lg:flex-row sm:flex-col md:flex-col font-semibold">
                    <div class="my-3 flex flex-col mr-2 w-full bg-white px-3 py-3 rounded-lg mt-3">
                        <div
                            class="flex flex-row grid md:grid-cols-1 lg:grid-flow-row lg:grid-cols-2 lg:grid-rows-2 gap-3">
                            <div class="my-3 flex flex-col mr-2 w-full">
                                <div class="">
                                    <label class="truncate">Liste des Conventions Fonciers</label>
                                    <div class="">
                                        <select class="input w-full mt-2 shadow-lg border-2 lconv" name="lconv">
                                            @foreach ($conv as $conv)
                                                <option value="{{ $conv->id }}">
                                                    {{ $conv->conservationFonciere }}
                                                </option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="my-3 flex w-full flex-col mr-2 ">
                                <label class="truncate">Ajouter une Convention Foncier</label>
                                <div class="">
                                    <input type="text" id="conv" placeholder="nature operations..."
                                        class="input mt-2 w-full shadow-lg border-2">
                                </div>
                            </div>
                        </div>
                        <div class="">
                            <button class="button bg-green-500 text-white mt-5 valid4" type="submit">Créer</button>
                            <button class="button bg-theme-1 text-white mt-5 hidden modif4" type="submit">
                                Modifier</button>
                            <button class="button bg-red-600 text-white mt-5 hidden del4" type="submit">
                                Supprimer</button>
                        </div>
                    </div>
                </div>
                <div class=" flex lg:flex-row sm:flex-col md:flex-col font-semibold">
                    <div class="my-3 flex flex-col mr-2 w-full bg-white px-3 py-3 rounded-lg mt-3">
                        <div
                            class="flex flex-row grid md:grid-cols-1 lg:grid-flow-row lg:grid-cols-2 lg:grid-rows-2 gap-3">
                            <div class="my-3 flex flex-col mr-2 w-full">
                                <div class="">
                                    <label class="truncate">Liste des Etapes</label>
                                    <div class="">
                                        <select class="input w-full mt-2 shadow-lg border-2 letp" name="letp">
                                            @foreach ($etaps as $etaps)
                                                <option value="{{ $etaps->id }}">{{ $etaps->nom }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="my-3 flex w-full flex-col mr-2 ">
                                <label class="truncate">Ajouter une Etape</label>
                                <div class="">
                                    <input type="text" id="etp" placeholder="nature operations..."
                                        class="input mt-2 w-full shadow-lg border-2">
                                </div>
                            </div>
                        </div>
                        <div class="">
                            <button class="button bg-green-500 text-white mt-5 valid5" type="submit">Créer</button>
                            <button class="button bg-theme-1 text-white mt-5 hidden modif5" type="submit">
                                Modifier</button>
                            <button class="button bg-red-600 text-white mt-5 hidden del5" type="submit">
                                Supprimer</button>
                        </div>
                    </div>
                </div>
                <div class=" flex lg:flex-row sm:flex-col md:flex-col font-semibold">
                    <div class="my-3 flex flex-col mr-2 w-full bg-white px-3 py-3 rounded-lg mt-3">
                        <div
                            class="flex flex-row grid md:grid-cols-1 lg:grid-flow-row lg:grid-cols-2 lg:grid-rows-2 gap-3">
                            <div class="my-3 flex flex-col mr-2 w-full">
                                <div class="">
                                    <label class="truncate">Liste Des Types pièces joints</label>
                                    <div class="">
                                        <select class="input w-full mt-2 shadow-lg border-2 ltype" name="ltype">
                                            @foreach ($type as $type)
                                                <option value="{{ $type->id }}">{{ $type->nom }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="my-3 flex w-full flex-col mr-2 ">
                                <label class="truncate">Ajouter un Type</label>
                                <div class="">
                                    <input type="text" id="type" placeholder="nature operations..."
                                        class="input mt-2 w-full shadow-lg border-2">
                                </div>
                            </div>
                        </div>
                        <div class="">
                            <button class="button bg-green-500 text-white mt-5 valid6" type="submit">Créer</button>
                            <button class="button bg-theme-1 text-white mt-5 hidden modif6" type="submit">
                                Modifier</button>
                            <button class="button bg-red-600 text-white mt-5 hidden del6" type="submit">
                                Supprimer</button>
                        </div>
                    </div>
                </div>

                {{-- ///////////////////////////////////////////////////////// --}}
                <div class=" flex lg:flex-row sm:flex-col md:flex-col font-semibold">
                    <div class="my-3 flex flex-col mr-2 w-full bg-white px-3 py-3 rounded-lg mt-3">
                        <div
                            class="flex flex-row grid md:grid-cols-1 lg:grid-flow-row lg:grid-cols-2 lg:grid-rows-2 gap-3">
                            <div class="my-3 flex flex-col mr-2 w-full">
                                <div class="">
                                    <label class="truncate">Catégorie de formule</label>
                                    <div class="">
                                        <select class="input w-full mt-2 shadow-lg border-2 cat_forml"
                                            name="cat_forml">
                                            <option value="0" class="text-green-500 font-semibold">Ajouter une
                                                Catégorie</option>
                                            @foreach ($FormCat as $item7)
                                                <option value="{{ $item7->id }}">{{ $item7->desc }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="my-3 flex w-full flex-col mr-2 ">
                                <label class="truncate">Ajouter Une Catégorie</label>
                                <div class="">
                                    <input type="text" id="type" placeholder="Ajouter une catégorie"
                                        class="input mt-2 w-full shadow-lg border-2 txt_catForm">
                                </div>
                            </div>
                        </div>

                        <div class="">
                            <button class="button bg-green-500 text-white mt-5 valid7" type="submit">Créer</button>
                            <button class="button bg-theme-1 text-white mt-5 hidden modif7" type="submit">
                                Modifier</button>
                            <button class="button bg-red-600 text-white mt-5 hidden del7" type="submit">
                                Supprimer</button>
                        </div>
                    </div>
                </div>
                {{-- ///////////////////////////////////////////////////////// --}}

                {{-- ///////////////////////////////////////////////////////// --}}
                <div class=" flex lg:flex-row sm:flex-col md:flex-col font-semibold">
                    <div class="my-3 flex flex-col mr-2 w-full bg-white px-3 py-3 rounded-lg mt-3">
                        <div class="">
                            <label class="truncate">Catégorie de formule</label>
                            <select class="input w-full mt-2 shadow-lg border-2 cad_sous_cat_form" name="">
                                <option value="0" class="">Sélectionnez une catégorie
                                </option>
                                @foreach ($FormCat as $item8)
                                    <option value="{{ $item8->id }}">{{ $item8->desc }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div
                            class="flex flex-row grid md:grid-cols-1 lg:grid-flow-row lg:grid-cols-2 lg:grid-rows-2 gap-3">
                            <div class="my-3 flex flex-col mr-2 w-full">
                                <div class="">
                                    <label class="truncate">Sous Catégorie de formule</label>
                                    <div class="">
                                        <select class="input w-full mt-2 shadow-lg border-2 l_sou_cat_formul"
                                            name="l_sou_cat_formul">
                                            <option value="-1" class="text-green-500 font-semibold">Sélectionnez
                                                une catégorie</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="my-3 flex w-full flex-col mr-2 ">
                                <label class="truncate">Ajouter Une Sous Catégorie</label>
                                <div class="">
                                    <input type="text" id="type" placeholder="Ajouter une catégorie"
                                        class="input mt-2 w-full shadow-lg border-2 txt_sous_cat">
                                </div>
                            </div>
                        </div>
                        <div class="">
                            <button class="button bg-green-500 text-white mt-5 valid8" type="submit">Créer</button>
                            <button class="button bg-theme-1 text-white mt-5 hidden modif8" type="submit">
                                Modifier
                            </button>
                            <button class="button bg-red-600 text-white mt-5 hidden del8" type="submit">
                                Supprimer
                            </button>
                        </div>
                    </div>
                </div>
                {{-- ///////////////////////////////////////////////////////// --}}

            </div>
            <div class="w-full box p-3 font-semibold">
                <div>
                    <label class="truncate">Désignation de dépense</label>
                    <select name="dep_name" class="input mt-2 w-full shadow-lg border-2 dep_name">
                        <option value="0">Sélectionnez une désignation</option>
                        @foreach ($DepenseName as $depname)
                            <option value="{{ $depname->id }}">{{ $depname->dep_name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="mt-2">
                    <label class="truncate">Ajouter une désignation dépense</label>
                    <input type="text" name="txt_dep_name"
                        class="input mt-2 w-full shadow-lg border-2 txt_dep_name"
                        placeholder="Ajouter une désignation dépense">
                </div>
                <div class="">
                    <button class="button bg-green-500 text-white mt-5 valid9" type="submit">Créer</button>
                    <button class="button bg-theme-1 text-white mt-5 hidden modif9" type="submit">Modifier</button>
                    <button class="button bg-red-600 text-white mt-5 hidden del9" type="submit">Supprimer</button>
                </div>
            </div>
        </div>
    </div>



</div>
@endsection

@section('script')
<script>
    $(document).ready(function() {
        $("#bord").attr('class', 'side-menu');
        $("#client").attr('class', 'side-menu side-menu');
        $('#propr').attr('class', 'side-menu side-menu');
        $('#dossier').attr('class', 'side-menu side-menu');
        $('#facture').attr('class', 'side-menu side-menu');
        $('#devis').attr('class', 'side-menu side-menu');
        $('#parametre').attr('class', 'side-menu side-menu--active');

    });
</script>

<script>
    $(document).ready(function() {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        //crud naturOperation
        $("#natur").bind("change paste keyup", function() {
            if ($(this).val().length == 0) {
                $('.modif1').hide();
                $('.del1').hide();
            }
        });
        $("#cat").bind("change paste keyup", function() {
            if ($(this).val().length == 0) {
                $('.modif2').hide();
                $('.del2').hide();
            }
        });
        $("#cmp").bind("change paste keyup", function() {
            if ($(this).val().length == 0) {
                $('.modif3').hide();
                $('.del3').hide();
            }
        });
        $("#conv").bind("change paste keyup", function() {
            if ($(this).val().length == 0) {
                $('.modif4').hide();
                $('.del4').hide();
            }
        });
    });
    // 1 create
    $('.valid9').click(function() {
        $.ajax({
            url: `{{ route('add_dep_name') }}`,
            dataType: 'json',
            type: 'post',
            data: {
                dep_name: $('.txt_dep_name').val()
            },
            success: function(data) {
                Swal.fire({
                    title: 'Chargerment',
                    html: "un moment s'il vous plaît",
                    timer: 2000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading()
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent()
                            if (content) {
                                const b = content.querySelector('b')
                                if (b) {
                                    b.textContent = Swal.getTimerLeft()
                                }
                            }
                        }, 100)
                    },
                    willClose: () => {
                        clearInterval(timerInterval)
                    }
                }).then((result) => {
                    $('.dep_name').html(data);
                });


            },
            error: function(error) {
                console.log(error);
            },
        });
    });
    // 2 update
    $('.dep_name').change(function() {
        $values = $('.dep_name option:selected');
         
        if ($values.val() != 0) {
            $('.txt_dep_name').val($values.text());
            $('.modif9').show();
            $('.del9').show();
        } else {
            $('.txt_dep_name').val('');
            $('.modif9').hide();
            $('.del9').hide();
        }
    });
    $('.modif9').click(function() {
        $.ajax({
            url: `{{ route('update_dep_name') }}`,
            dataType: 'json',
            type: 'post',
            data: {
                txt_dep_name: $('.txt_dep_name').val(),
                dep_name: $('.dep_name').val(),
            },
            success: function(data) {
                Swal.fire({
                    title: 'Chargerment',
                    html: "un moment s'il vous plaît",
                    timer: 1000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading()
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent()
                            if (content) {
                                const b = content.querySelector('b')
                                if (b) {
                                    b.textContent = Swal.getTimerLeft()
                                }
                            }
                        }, 100)
                    },
                    willClose: () => {
                        clearInterval(timerInterval)
                    }
                }).then((result) => {
                    $('.dep_name').html(data);
                });


            },
            error: function(error) {
                console.log(error);
            },
        });
    });
    // 3 supprier
    $('.del9').click(function() {
        $.ajax({
            url: `{{route('del_depns_name')}}`,
            dataType: 'json',
            type: 'post',
            data: { dep_name: $('.dep_name').val() },
            success: function(data) {
                Swal.fire({
                    title: 'Chargerment',
                    html: "un moment s'il vous plaît",
                    timer: 1000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading()
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent()
                            if (content) {
                                const b = content.querySelector('b')
                                if (b) {
                                    b.textContent = Swal.getTimerLeft()
                                }
                            }
                        }, 100)
                    },
                    willClose: () => {
                        clearInterval(timerInterval)
                    }
                }).then((result) => {
                    $('.dep_name').val(0);
                    $('.dep_name').trigger('change');
                    $('.dep_name').html(data);
                    $('.txt_dep_name').val('');
                    
                });
            },
            error: function(error) {
                console.log(error);
            },
        });
    });
    // crud categorie propri
    $('.valid2').click(function() {
        $.ajax({
            url: "{{ route('admin.parametres.createcat') }}",
            data: {
                catg: $('#cat').val()
            },
            type: 'post',
            dataType: 'json',
            success: function(data) {
                let timerInterval
                Swal.fire({
                    title: 'Chargerment',
                    html: "un moment s'il vous plaît",
                    timer: 2000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading()
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent()
                            if (content) {
                                const b = content.querySelector('b')
                                if (b) {
                                    b.textContent = Swal.getTimerLeft()
                                }
                            }
                        }, 100)
                    },
                    willClose: () => {
                        clearInterval(timerInterval)
                    }
                }).then((result) => {
                    /* Read more about handling dismissals below */
                    if (result.dismiss === Swal.DismissReason.timer) {
                        console.log('I was closed by the timer')
                    }
                })
                location.reload();
                // console.log(data);
            },
            error: function(error) {
                console.log(error);
            },
        });
    });
    $('body').on('change', '.cat_forml', function() {
        $val = $(this).val();
        $text = $('.cat_forml option:selected').text();

        if ($val != 0) {
            $('.modif7').show();
            $('.del7').show();
            $('.valid7').hide();
            $('.txt_catForm').val($text)
            // $.ajax({
            //     url: `{{ route('get_Sou_cat') }}`,
            //     type: 'post',
            //     dataType: 'json',
            //     data: {
            //         cat_form_id: $val
            //     },
            //     success: function(data) {
            //         $('.txt_catForm').val($text)
            //         console.log();
            //     },
            //     error: function(error) {

            //         console.log(error);
            //     },
            // });
        } else {
            $('.modif7').hide();
            $('.del7').hide();
            $('.valid7').show();
            $('.txt_catForm').val("");
        }
    });

    $('body').on('click', '.valid7', function() {
        $.ajax({
            url: `{{ route('insert_cat_form') }}`,
            type: 'post',
            dataType: 'json',
            data: {
                desc: $('.txt_catForm').val()
            },
            success: function(data) {
                Swal.fire({
                    title: 'Chargerment',
                    html: "un moment s'il vous plaît",
                    timer: 1000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading()
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent()
                            if (content) {
                                const b = content.querySelector('b')
                                if (b) {
                                    b.textContent = Swal.getTimerLeft()
                                }
                            }
                        }, 100)
                    },
                    willClose: () => {
                        clearInterval(timerInterval)
                    }
                });
                console.log(data);
                $('.cad_sous_cat_form').append(`<option value='${data.id}'>${data.desc}</option>`);
                $('.cat_forml').append(`<option value='${data.id}'>${data.desc}</option>`);
            },
            error: function(error) {

                console.log(error);
            },
        });
    });
    $('body').on('click', '.modif7', function() {


        $.ajax({
            url: `{{ route('edit_cat_form') }}`,
            type: 'post',
            dataType: 'json',
            data: {
                id: $('.cat_forml').val(),
                desc: $('.txt_catForm').val()
            },
            success: function(data) {
                Swal.fire({
                    title: 'Chargerment',
                    html: "un moment s'il vous plaît",
                    timer: 1000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading()
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent()
                            if (content) {
                                const b = content.querySelector('b')
                                if (b) {
                                    b.textContent = Swal.getTimerLeft()
                                }
                            }
                        }, 100)
                    },
                    willClose: () => {
                        clearInterval(timerInterval)
                    }
                }).then((result) => {
                    $('.cat_forml').html(
                        `<option value="0" class="text-green-500 font-semibold">Ajouter une Catégorie</option>`
                    );
                    $('.cad_sous_cat_form').html(
                        `<option value="0" class="">Sélectionnez une catégorie</option>`
                    );

                    $.each(data, function(index, o) {
                        $('.cat_forml').append(
                            `<option value="${o.id}" >${o.desc}</option>`
                        );
                        $('.cad_sous_cat_form').append(
                            `<option value="${o.id}" >${o.desc}</option>`
                        );
                    });
                });

            },
            error: function(error) {

                console.log(error);
            },
        });
    });
    $('body').on('click', '.del7', function() {
        if (confirm('Êtes-vous sûr de vouloir supprimer cette catégorie'))
            $.ajax({
                url: `{{ route('dele_cat_form') }}`,
                type: 'post',
                dataType: 'json',
                data: {
                    id: $('.cat_forml').val(),
                },
                success: function(data) {
                    Swal.fire({
                        title: 'Chargerment',
                        html: "un moment s'il vous plaît",
                        timer: 1000,
                        timerProgressBar: true,
                        didOpen: () => {
                            Swal.showLoading()
                            timerInterval = setInterval(() => {
                                const content = Swal.getContent()
                                if (content) {
                                    const b = content.querySelector('b')
                                    if (b) {
                                        b.textContent = Swal.getTimerLeft()
                                    }
                                }
                            }, 100)
                        },
                        willClose: () => {
                            clearInterval(timerInterval)
                        }
                    }).then((result) => {
                        $('.cat_forml').html(
                            `<option value="0" class="text-green-500 font-semibold">Ajouter une Catégorie</option>`
                        );
                        $('.cad_sous_cat_form').html(
                            `<option value="0" class="">Sélectionnez une catégorie</option>`
                        );

                        $.each(data, function(index, o) {
                            $('.cat_forml').append(
                                `<option value="${o.id}" >${o.desc}</option>`
                            );
                            $('.cad_sous_cat_form').append(
                                `<option value="${o.id}" >${o.desc}</option>`
                            );
                        });
                        $('.cat_forml').trigger('change');
                        $('.txt_catForm').val("");
                    })

                },
                error: function(error) {
                    console.log(error);
                },
            });
    });

    $("body").on('change', '.cad_sous_cat_form', function() {
        $('.txt_sous_cat').val("");
        $('.valid8').show();
        $('.modif8').hide();
        $('.del8').hide();
        if ($(this).val() != 0) {

            // if ($('.l_sou_cat_formul').val() != 0) {
            $.ajax({
                url: `{{ route('get_sous_cat') }}`,
                type: 'post',
                dataType: ' json',
                data: {
                    cat_id: $('.cad_sous_cat_form').val(),
                },
                success: function(data) {
                    $('.l_sou_cat_formul').html(data);
                    console.log(data);
                },
                error: function(error) {
                    console.log(error);
                },
            });

        } else {

            $('.l_sou_cat_formul').html(
                `<option value = '-1' class = 'text-green-500 font-semibold'>Sélectionnez une catégorie</option>`
            );
        }
    });

    $("body").on('click', '.valid8', function() {

        if ($('.l_sou_cat_formul').val() == 0) {
            $.ajax({
                url: `{{ route('create_sous_cat') }}`,
                type: 'post',
                dataType: ' json',
                data: {
                    cat_id: $('.cad_sous_cat_form').val(),
                    desc: $('.txt_sous_cat').val()
                },
                success: function(data) {
                    Swal.fire({
                        title: 'Chargerment',
                        html: "un moment s'il vous plaît",
                        timer: 1000,
                        timerProgressBar: true,
                        didOpen: () => {
                            Swal.showLoading()
                            timerInterval = setInterval(() => {
                                const content = Swal.getContent()
                                if (content) {
                                    const b = content.querySelector('b')
                                    if (b) {
                                        b.textContent = Swal.getTimerLeft()
                                    }
                                }
                            }, 100)
                        },
                        willClose: () => {
                            clearInterval(timerInterval)
                        }
                    }).then((result) => {
                        $('.l_sou_cat_formul').html(data);
                        // console.log(data);
                    });
                },
                error: function(error) {
                    console.log(error);
                },
            });
        }
    });

    $("body").on('click', '.modif8', function() {
        if ($('.l_sou_cat_formul').val() != 0) {
            $.ajax({
                url: `{{ route('edit_sous_cat') }}`,
                type: 'post',
                dataType: ' json',
                data: {
                    id_sous_cat: $('.l_sou_cat_formul').val(),
                    desc: $('.txt_sous_cat').val(),
                    cat_id: $('.cad_sous_cat_form').val()
                },
                success: function(data) {
                    Swal.fire({
                        title: 'Chargerment',
                        html: "un moment s'il vous plaît",
                        timer: 1000,
                        timerProgressBar: true,
                        didOpen: () => {
                            Swal.showLoading()
                            timerInterval = setInterval(() => {
                                const content = Swal.getContent()
                                if (content) {
                                    const b = content.querySelector('b')
                                    if (b) {
                                        b.textContent = Swal.getTimerLeft()
                                    }
                                }
                            }, 100)
                        },
                        willClose: () => {
                            clearInterval(timerInterval)
                        }
                    }).then((result) => {
                        $('.l_sou_cat_formul').html(data);
                        $('.txt_sous_cat').val("");
                    });
                    // console.log(data);
                },
                error: function(error) {
                    console.log(error);
                },
            });
        }
    });

    $("body").on('click', '.del8', function() {
        if (confirm('Êtes-vous sûr de vouloir supprimer cette catégorie'))
            $.ajax({
                url: `{{ route('del_sous_cat') }}`,
                type: 'post',
                dataType: ' json',
                data: {
                    id_sous_cat: $('.l_sou_cat_formul').val(),
                    cat_id: $('.cad_sous_cat_form').val()
                },
                success: function(data) {
                    Swal.fire({
                        title: 'Chargerment',
                        html: "un moment s'il vous plaît",
                        timer: 1000,
                        timerProgressBar: true,
                        didOpen: () => {
                            Swal.showLoading()
                            timerInterval = setInterval(() => {
                                const content = Swal.getContent()
                                if (content) {
                                    const b = content.querySelector('b')
                                    if (b) {
                                        b.textContent = Swal.getTimerLeft()
                                    }
                                }
                            }, 100)
                        },
                        willClose: () => {
                            clearInterval(timerInterval)
                        }
                    }).then((result) => {
                        $('.l_sou_cat_formul').html(data);
                        $('.l_sou_cat_formul').trigger('change');
                        $('.txt_sous_cat').val("");

                    });
                },
                error: function(error) {
                    console.log(error);
                },
            });
    });

    $('body').on('change', '.l_sou_cat_formul', function() {
        $this = $(this);
        $val = $(this).val();

        if ($val == 0 || $val == -1) {
            $('.txt_sous_cat').val("");
            $('.valid8').show();
            $('.modif8').hide();
            $('.del8').hide();
        } else {
            $text = $('.l_sou_cat_formul option:selected').text();
            $('.txt_sous_cat').val($text);
            $('.valid8').hide();
            $('.modif8').show();
            $('.del8').show();
        }
    });

    var idcat = 0;
    $('.del2').click(function() {
        $.ajax({
            url: "{{ route('admin.parametres.deletecat') }}",
            type: 'post',
            dataTaype: 'json',
            data: {
                idcat: idcat
            },
            success: function(data) {
                let timerInterval
                Swal.fire({
                    title: 'Chargerment',
                    html: "un moment s'il vous plaît",
                    timer: 2000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading()
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent()
                            if (content) {
                                const b = content.querySelector('b')
                                if (b) {
                                    b.textContent = Swal.getTimerLeft()
                                }
                            }
                        }, 100)
                    },
                    willClose: () => {
                        clearInterval(timerInterval)
                    }
                }).then((result) => {
                    /* Read more about handling dismissals below */
                    if (result.dismiss === Swal.DismissReason.timer) {
                        console.log('I was closed by the timer')
                    }
                })
                location.reload();
                // console.log(idcat);
            },
            error: function(error) {
                console.log(error);
            },
        });
    });
    $('.lcat').click(function() {
        if ($('.lcat').val() != null) {
            $.ajax({
                url: "{{ route('admin.parametres.createcat') }}",
                data: {
                    serc: $('.lcat').val()
                },
                type: 'post',
                dataType: 'json',
                success: function(data) {
                    $.each(data, function(index, o) {
                        // console.log(o.Cat);
                        $("#cat").val(o.Cat);
                        idcat = o.id;
                    });
                },
                error: function(error) {
                    console.log(error);
                },
            });
            $('.modif2').show();
            $('.del2').show();
        }
    });
    $('.modif2').click(function() {
        $.ajax({
            url: "{{ route('admin.parametres.updateCat') }}",
            type: 'post',
            dataTaype: 'json',
            data: {
                idcat: idcat,
                category: $('#cat').val()
            },
            success: function(data) {
                let timerInterval
                Swal.fire({
                    title: 'Chargerment',
                    html: "un moment s'il vous plaît",
                    timer: 2000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading()
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent()
                            if (content) {
                                const b = content.querySelector('b')
                                if (b) {
                                    b.textContent = Swal.getTimerLeft()
                                }
                            }
                        }, 100)
                    },
                    willClose: () => {
                        clearInterval(timerInterval)
                    }
                }).then((result) => {
                    /* Read more about handling dismissals below */
                    if (result.dismiss === Swal.DismissReason.timer) {
                        console.log('I was closed by the timer')
                    }
                })
                location.reload();
                //  console.log(data);
            },
            error: function(error) {

            },
        });

    });

    //crud natur d operation 
    idnat = 0;
    $('.modif1').click(function() {
        $.ajax({
            url: "{{ route('admin.parametres.upnatur') }}",
            type: 'post',
            dataTaype: 'json',
            data: {
                idnat: idnat,
                nat: $('#natur').val()
            },
            success: function(data) {
                let timerInterval
                Swal.fire({
                    title: 'Chargerment',
                    html: "un moment s'il vous plaît",
                    timer: 2000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading()
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent()
                            if (content) {
                                const b = content.querySelector('b')
                                if (b) {
                                    b.textContent = Swal.getTimerLeft()
                                }
                            }
                        }, 100)
                    },
                    willClose: () => {
                        clearInterval(timerInterval)
                    }
                }).then((result) => {
                    /* Read more about handling dismissals below */
                    if (result.dismiss === Swal.DismissReason.timer) {
                        console.log('I was closed by the timer')
                    }
                })
                location.reload();
                // console.log(data);
            },
            error: function(error) {

            },
        });

    });
    $('.lnatur').click(function() {
        if ($('.lnatur').val() != null) {
            $.ajax({
                url: "{{ route('admin.parametres.addnatur') }}",
                data: {
                    serc: $('.lnatur').val()
                },
                type: 'post',
                dataType: 'json',
                success: function(data) {
                    $.each(data, function(index, o) {
                        $("#natur").val(o.nature_doperation);
                        idnat = o.id_operation;
                    });
                },
                error: function(error) {
                    console.log(error);
                },
            });
            $('.modif1').show();
            $('.del1').show();
        }

    });
    $('.del1').click(function() {
        $.ajax({
            url: "{{ route('admin.parametres.delnatur') }}",
            type: 'post',
            dataTaype: 'json',
            data: {
                idnat: idnat
            },
            success: function(data) {
                let timerInterval
                Swal.fire({
                    title: 'Chargerment',
                    html: "un moment s'il vous plaît",
                    timer: 2000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading()
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent()
                            if (content) {
                                const b = content.querySelector('b')
                                if (b) {
                                    b.textContent = Swal.getTimerLeft()
                                }
                            }
                        }, 100)
                    },
                    willClose: () => {
                        clearInterval(timerInterval)
                    }
                }).then((result) => {
                    /* Read more about handling dismissals below */
                    if (result.dismiss === Swal.DismissReason.timer) {
                        console.log('I was closed by the timer')
                    }
                })
                location.reload();
                // console.log(data);
            },
            error: function(error) {
                console.log(error);
            },
        });
    });
    $('.valid1').click(function() {
        $.ajax({
            url: "{{ route('admin.parametres.addnatur') }}",
            data: {
                natur: $('#natur').val()
            },
            type: 'post',
            dataType: 'json',
            success: function(data) {
                let timerInterval
                Swal.fire({
                    title: 'Chargerment',
                    html: "un moment s'il vous plaît",
                    timer: 2000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading()
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent()
                            if (content) {
                                const b = content.querySelector('b')
                                if (b) {
                                    b.textContent = Swal.getTimerLeft()
                                }
                            }
                        }, 100)
                    },
                    willClose: () => {
                        clearInterval(timerInterval)
                    }
                }).then((result) => {
                    /* Read more about handling dismissals below */
                    if (result.dismiss === Swal.DismissReason.timer) {
                        console.log('I was closed by the timer')
                    }
                })
                location.reload();
                // console.log(data);
            },
            error: function(error) {
                console.log(error);
            },
        });
    });
    //crud categorie proprieter
    $("#cat").bind("change paste keyup", function() {
        if ($(this).val().length == 0) {
            $('.modif2').hide();
            $('.del2').hide();
        }
    });
</script>
<script>
    // crud compte
    var idcpmt = 0;
    $('.del3').click(function() {
        $.ajax({
            url: "{{ route('admin.parametres.deleteComp') }}",
            type: 'post',
            dataTaype: 'json',
            data: {
                idcpmt: idcpmt
            },
            success: function(data) {
                let timerInterval
                Swal.fire({
                    title: 'Chargerment',
                    html: "un moment s'il vous plaît",
                    timer: 2000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading()
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent()
                            if (content) {
                                const b = content.querySelector('b')
                                if (b) {
                                    b.textContent = Swal.getTimerLeft()
                                }
                            }
                        }, 100)
                    },
                    willClose: () => {
                        clearInterval(timerInterval)
                    }
                }).then((result) => {
                    /* Read more about handling dismissals below */
                    if (result.dismiss === Swal.DismissReason.timer) {
                        console.log('I was closed by the timer')
                    }
                })
                location.reload();
                //  console.log(data);
            },
            error: function(error) {
                console.log(error);
            },
        });
    });
    $('.lcmp').click(function() {
        if ($('.lcmp').val() != null) {
            $.ajax({
                url: "{{ route('admin.parametres.addCmpt') }}",
                data: {
                    serc: $('.lcmp').val()
                },
                type: 'post',
                dataType: 'json',
                success: function(data) {
                    $.each(data, function(index, o) {
                        // console.log(o.Cat);
                        $("#cmp").val(o.munCompt);
                        $("#nomcmp").val(o.nomCompt);
                        idcpmt = o.id;
                    });
                },
                error: function(error) {
                    console.log(error);
                },
            });
            $('.del3').show();
        }


    });
    $('.valid3').click(function() {
        str = $('#cmp').val();
        if (str.length == 24) {
            $.ajax({
                url: "{{ route('admin.parametres.addCmpt') }}",
                data: {
                    cmp: $('#cmp').val(),
                    nomcb: $('#nomcmp').val()
                },
                type: 'post',
                dataType: 'json',
                success: function(data) {
                    let timerInterval
                    Swal.fire({
                        title: 'Chargerment',
                        html: "un moment s'il vous plaît",
                        timer: 2000,
                        timerProgressBar: true,
                        didOpen: () => {
                            Swal.showLoading()
                            timerInterval = setInterval(() => {
                                const content = Swal.getContent()
                                if (content) {
                                    const b = content.querySelector('b')
                                    if (b) {
                                        b.textContent = Swal.getTimerLeft()
                                    }
                                }
                            }, 100)
                        },
                        willClose: () => {
                            clearInterval(timerInterval)
                        }
                    }).then((result) => {
                        /* Read more about handling dismissals below */
                        if (result.dismiss === Swal.DismissReason.timer) {
                            console.log('I was closed by the timer')
                        }
                    })
                    location.reload();
                    // console.log(data);
                },
                error: function(error) {
                    console.log(error);
                },
            });
        } else {
            Swal.fire({
                icon: 'error',
                title: 'Oops...',
                text: 'Votre Numero Doive Contient 24 Chiffre',
            });
        }

    });
</script>
<script>
    //crud convention-foncier
    $('.valid4').click(function() {
        $.ajax({
            url: "{{ route('admin.parametres.addconvt') }}",
            data: {
                conv: $('#conv').val()
            },
            type: 'post',
            dataType: 'json',
            success: function(data) {
                let timerInterval
                Swal.fire({
                    title: 'Chargerment',
                    html: "un moment s'il vous plaît",
                    timer: 2000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading()
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent()
                            if (content) {
                                const b = content.querySelector('b')
                                if (b) {
                                    b.textContent = Swal.getTimerLeft()
                                }
                            }
                        }, 100)
                    },
                    willClose: () => {
                        clearInterval(timerInterval)
                    }
                }).then((result) => {
                    /* Read more about handling dismissals below */
                    if (result.dismiss === Swal.DismissReason.timer) {
                        console.log('I was closed by the timer')
                    }
                })
                location.reload();
                // console.log(data);
            },
            error: function(error) {
                console.log(error);
            },
        });

    });
    idconv = 0;
    $('.lconv').click(function() {
        if ($('.lconv').val() != null) {
            $.ajax({
                url: "{{ route('admin.parametres.addconvt') }}",
                data: {
                    serc: $('.lconv').val()
                },
                type: 'post',
                dataType: 'json',
                success: function(data) {
                    $.each(data, function(index, o) {
                        // console.log(o.Cat);
                        $("#conv").val(o.conservationFonciere);
                        idconv = o.id;
                    });
                },
                error: function(error) {
                    console.log(error);
                },
            });
            $('.del4').show();
            $('.modif4').show();
        }

    });
    $('.modif4').click(function() {
        $.ajax({
            url: "{{ route('admin.parametres.editconvt') }}",
            type: 'post',
            dataTaype: 'json',
            data: {
                idconv: idconv,
                conv: $('#conv').val()
            },
            success: function(data) {
                let timerInterval
                Swal.fire({
                    title: 'Chargerment',
                    html: "un moment s'il vous plaît",
                    timer: 2000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading()
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent()
                            if (content) {
                                const b = content.querySelector('b')
                                if (b) {
                                    b.textContent = Swal.getTimerLeft()
                                }
                            }
                        }, 100)
                    },
                    willClose: () => {
                        clearInterval(timerInterval)
                    }
                }).then((result) => {
                    /* Read more about handling dismissals below */
                    if (result.dismiss === Swal.DismissReason.timer) {
                        console.log('I was closed by the timer')
                    }
                })
                location.reload();
                // console.log(data);
            },
            error: function(error) {

            },
        });

    });
    $('.del4').click(function() {
        $.ajax({
            url: "{{ route('admin.parametres.deleconvt') }}",
            type: 'post',
            dataTaype: 'json',
            data: {
                idconv: idconv
            },
            success: function(data) {
                let timerInterval
                Swal.fire({
                    title: 'Chargerment',
                    html: "un moment s'il vous plaît",
                    timer: 2000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading()
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent()
                            if (content) {
                                const b = content.querySelector('b')
                                if (b) {
                                    b.textContent = Swal.getTimerLeft()
                                }
                            }
                        }, 100)
                    },
                    willClose: () => {
                        clearInterval(timerInterval)
                    }
                }).then((result) => {
                    /* Read more about handling dismissals below */
                    if (result.dismiss === Swal.DismissReason.timer) {
                        console.log('I was closed by the timer')
                    }
                })
                location.reload();
                //  console.log(data);
            },
            error: function(error) {
                console.log(error);
            },
        });
    });
</script>
<script>
    $('.valid5').click(function() {
        $.ajax({
            url: "{{ route('admin.parametres.addetap') }}",
            data: {
                step: $('#etp').val()
            },
            type: 'post',
            dataType: 'json',
            success: function(data) {
                let timerInterval
                Swal.fire({
                    title: 'Chargerment',
                    html: "un moment s'il vous plaît",
                    timer: 2000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading()
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent()
                            if (content) {
                                const b = content.querySelector('b')
                                if (b) {
                                    b.textContent = Swal.getTimerLeft()
                                }
                            }
                        }, 100)
                    },
                    willClose: () => {
                        clearInterval(timerInterval)
                    }
                }).then((result) => {
                    /* Read more about handling dismissals below */
                    if (result.dismiss === Swal.DismissReason.timer) {
                        console.log('I was closed by the timer')
                    }
                })
                location.reload();
                // console.log(data);
            },
            error: function(error) {
                console.log(error);
            },
        });

    });
    idetp = 0;
    $('.letp').click(function() {
        if ($('.letp').val() != null) {
            $.ajax({
                url: "{{ route('admin.parametres.addetap') }}",
                data: {
                    serc: $('.letp').val()
                },
                type: 'post',
                dataType: 'json',
                success: function(data) {
                    $.each(data, function(index, o) {
                        $("#etp").val(o.nom);
                        idetp = o.id;
                    });
                },
                error: function(error) {
                    console.log(error);
                },
            });
            $('.modif5').show();
            $('.del5').show();
        }
    });
    $('.modif5').click(function() {
        $.ajax({
            url: "{{ route('admin.parametres.etapedit') }}",
            type: 'post',
            dataTaype: 'json',
            data: {
                idetp: idetp,
                etape: $('#etp').val()
            },
            success: function(data) {
                let timerInterval
                Swal.fire({
                    title: 'Chargerment',
                    html: "un moment s'il vous plaît",
                    timer: 2000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading()
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent()
                            if (content) {
                                const b = content.querySelector('b')
                                if (b) {
                                    b.textContent = Swal.getTimerLeft()
                                }
                            }
                        }, 100)
                    },
                    willClose: () => {
                        clearInterval(timerInterval)
                    }
                }).then((result) => {
                    /* Read more about handling dismissals below */
                    if (result.dismiss === Swal.DismissReason.timer) {
                        console.log('I was closed by the timer')
                    }
                })
                location.reload();
                //  console.log(data);
            },
            error: function(error) {

            },
        });

    });
    $('.del5').click(function() {
        $.ajax({
            url: "{{ route('admin.parametres.etapdelete') }}",
            type: 'post',
            dataTaype: 'json',
            data: {
                idetp: idetp
            },
            success: function(data) {
                let timerInterval
                Swal.fire({
                    title: 'Chargerment',
                    html: "un moment s'il vous plaît",
                    timer: 2000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading()
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent()
                            if (content) {
                                const b = content.querySelector('b')
                                if (b) {
                                    b.textContent = Swal.getTimerLeft()
                                }
                            }
                        }, 100)
                    },
                    willClose: () => {
                        clearInterval(timerInterval)
                    }
                }).then((result) => {
                    /* Read more about handling dismissals below */
                    if (result.dismiss === Swal.DismissReason.timer) {
                        console.log('I was closed by the timer')
                    }
                })
                location.reload();
                //  console.log(data);
            },
            error: function(error) {
                console.log(error);
            },
        });

    });
</script>
<script>
    $('.ltype').click(function() {
        if ($('.ltype').val() != null) {
            $.ajax({
                url: "{{ route('admin.parametres.typeadd') }}",
                data: {
                    serc: $('.ltype').val()
                },
                type: 'post',
                dataType: 'json',
                success: function(data) {
                    $.each(data, function(index, o) {
                        $("#type").val(o.nom);
                        idtype = o.id;
                    });
                },
                error: function(error) {
                    console.log(error);
                },
            });
            $('.modif6').show();
            $('.del6').show();
        }
    });

    $('.valid6').click(function() {
        $.ajax({
            url: "{{ route('admin.parametres.typeadd') }}",
            data: {
                type: $('#type').val()
            },
            type: 'post',
            dataType: 'json',
            success: function(data) {
                let timerInterval
                Swal.fire({
                    title: 'Chargerment',
                    html: "un moment s'il vous plaît",
                    timer: 2000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading()
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent()
                            if (content) {
                                const b = content.querySelector('b')
                                if (b) {
                                    b.textContent = Swal.getTimerLeft()
                                }
                            }
                        }, 100)
                    },
                    willClose: () => {
                        clearInterval(timerInterval)
                    }
                }).then((result) => {
                    /* Read more about handling dismissals below */
                    if (result.dismiss === Swal.DismissReason.timer) {
                        console.log('I was closed by the timer')
                    }
                })
                location.reload();
                // console.log(data);
            },
            error: function(error) {
                console.log(error);
            },
        });

    });
    idtype = 0;
    $('.modif6').click(function() {

        $.ajax({
            url: "{{ route('admin.parametres.edittype') }}",
            type: 'post',
            dataTaype: 'json',
            data: {
                idtype: idtype,
                type: $('#type').val()
            },
            success: function(data) {
                let timerInterval
                Swal.fire({
                    title: 'Chargerment',
                    html: "un moment s'il vous plaît",
                    timer: 2000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading()
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent()
                            if (content) {
                                const b = content.querySelector('b')
                                if (b) {
                                    b.textContent = Swal.getTimerLeft()
                                }
                            }
                        }, 100)
                    },
                    willClose: () => {
                        clearInterval(timerInterval)
                    }
                }).then((result) => {
                    /* Read more about handling dismissals below */
                    if (result.dismiss === Swal.DismissReason.timer) {
                        console.log('I was closed by the timer')
                    }
                })
                location.reload();
                //  console.log(data);
            },
            error: function(error) {

            },
        });

    });



    $('.del6').click(function() {
        $.ajax({
            url: "{{ route('admin.parametres.deleteType') }}",
            type: 'post',
            dataTaype: 'json',
            data: {
                idtype: idtype
            },
            success: function(data) {
                let timerInterval
                Swal.fire({
                    title: 'Chargerment',
                    html: "un moment s'il vous plaît",
                    timer: 2000,
                    timerProgressBar: true,
                    didOpen: () => {
                        Swal.showLoading()
                        timerInterval = setInterval(() => {
                            const content = Swal.getContent()
                            if (content) {
                                const b = content.querySelector('b')
                                if (b) {
                                    b.textContent = Swal.getTimerLeft()
                                }
                            }
                        }, 100)
                    },
                    willClose: () => {
                        clearInterval(timerInterval)
                    }
                }).then((result) => {
                    /* Read more about handling dismissals below */
                    if (result.dismiss === Swal.DismissReason.timer) {
                        console.log('I was closed by the timer')
                    }
                })
                location.reload();
                //  console.log(data);
            },
            error: function(error) {
                console.log(error);
            },
        });
    });
</script>
<script src="{{ asset('dist/js/app.js') }}"></script>
<script type="text/javascript"></script>
@endsection