@extends('admin')

@section('title')
    NotaireApp - Modifier Dossier
@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">Modifier
            Dossier</a> </div>
    <!-- END: Breadcrumb -->
@endsection
<div class="intro-y flex items-center mt-8">
    <h2 class="text-lg font-medium mr-auto">
        Modifier Dossier N° {{ $dossier->num_dossier }} :
    </h2>
</div>

<form method="post" action="{{ url('/admin/dossier/edit/' . $dossier->id) }}" enctype="multipart/form-data"
    name="myform" novalidate>
    {{ csrf_field() }}

    <div class="grid grid-cols-12 gap-6 mt-5">
        <div class="intro-y col-span-12 lg:col-span-6">
            <!-- BEGIN: Input -->
            <div class="intro-y box mb-5 p-3">
                <div>
                    <label for=""> Type du dossier </label>
                    <select type="text" class="input w-full mt-2 border-2 type_dossier" name="type_dossier">
                        <option value="0">Sélectionner un type</option>
                        <option value="Immobiliers" {{ $dossier->type_dossier == 'Immobiliers' ? 'selected' : '' }}>
                            Immobilier</option>
                        <option value="Non immobiliers"
                            {{ $dossier->type_dossier == 'Non immobiliers' ? 'selected' : '' }}>Non immobilier
                        </option>
                    </select>
                </div>
                <div class="my-3 ">
                    <label for=""> Nom du dossier </label>
                    <input type="text" class="input w-full mt-2 border-2 nom_dossier"
                        value="{{ $dossier->nom_dossier }}" placeholder="Entrer un nom du dossier" name="nom_dossier">
                </div>
                <div>
                    <div class="">
                        <label> Nature d'opération </label>
                        <div class="sm:mt-2">
                            <select class="input w-full mt-2 border-2" name="nature_doperation">
                                @foreach ($nature_operations as $no)
                                    <option value="{{ $no->id_operation }}"
                                        {{ $dossier->nature_doperation == $no->id_operation ? 'selected' : '' }}>
                                        {{ $no->nature_doperation }}</option>
                                @endforeach
                            </select>
                            <div class="help-block form-text with-errors form-control-feedback">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="intro-y box p-5">
                <div class="my-3">
                    <div class="">
                        <div class="">
                            <label for=""> N° d'affaires cdj </label>
                            <input class="input w-full  mt-2 border-2" name="num_dossier" placeholder="N° Dossier "
                                type="text" value="{{ $dossier->num_dossier }}">

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

                <div class="my-3 hidden">
                    <div class="">
                        <div class="">
                            <label for="">N° Affaire </label>
                            <input class="input w-full  mt-2 border-2" name="num_affaire" placeholder="N° Affaire"
                                required="required" type="text" value="{{ $dossier->num_affaire }}">

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

                <div class="my-3">
                    <div class="">
                        <div class="">
                            <label for="">N° Repertoire </label>
                            <input class="input w-full  mt-2 border-2" name="num_repertoire" placeholder="N° Repertoire"
                                type="text" value="{{ $dossier->num_repertoire }}">
                        </div>
                    </div>
                </div>

                <div class="my-3">
                    <div class="">
                        <div class="">
                            <label for="">Date </label>
                            <input class="input w-full  mt-2 border-2" name="date_dossier" placeholder="Date"
                                type="date" value="{{ $dossier->date_dossier }}">
                        </div>
                    </div>
                </div>


                <div
                    class="Form_imob {{ isset($dossier->type_dossier) && $dossier->type_dossier == 'Non immobiliers' ? 'hidden' : '' }}">
                    <div class="mt-3" style="display: flex;"> <label>Mainlevée :</label>
                        <div class="flex flex-col sm:flex-row mt-2" style="margin-top: auto;margin-left: 50px;">
                            <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                                <input onchange="hide_if_input_not_checked(this)"
                                    {{ $dossier->mainlevee == 1 ? 'checked' : '' }} type="radio"
                                    class="input border mr-2" id="horizontal-radio-chris-evans" name="mainlevee"
                                    value="1">
                                <label class="cursor-pointer select-none" for="horizontal-radio-chris-evans">Oui</label>
                            </div>
                            <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2 mt-2 sm:mt-0">
                                <input onchange="hide_if_input_not_checked(this)"
                                    {{ $dossier->mainlevee == 0 ? 'checked' : '' }} type="radio"
                                    class="input border mr-2" id="horizontal-radio-liam-neeson" name="mainlevee"
                                    value="0">
                                <label class="cursor-pointer select-none" for="horizontal-radio-liam-neeson">Non</label>
                            </div>
                            <div class=" {{ $dossier->mainlevee == 1 ? '' : 'hidden' }}">

                                {{-- <div class="p-5" id="horizontal-form"> --}}
                                {{-- <div class="preview"> --}}
                                <div class="flex flex-col sm:flex-row items-center">
                                    <select class="input w-full  border-2" name="etat_etape_mainlevee">

                                        @foreach ($etapes as $etape)
                                            
                                            @if ($etape->id == $dossier->etat_mainlevee)
                                                                                            @endif
                                            <option  selected = 'selected' value="{{ $etape->id }}">
                                                {{ $etape->nom }}</option>
                                        @endforeach
                                    </select>
                                    {{-- </div> --}}

                                    {{-- </div> --}}
                                    <div class="source-code hidden">
                                        <button data-target="#copy-horizontal-form"
                                            class="copy-code button button--sm border flex items-center text-gray-700 dark:border-dark-5 dark:text-gray-300">
                                            <i data-feather="file" class="w-4 h-4 "></i> Copy example code </button>
                                        <div class="overflow-y-auto h-64 ">
                                            <pre class="source-preview" id="copy-horizontal-form"> <code class="text-xs p-0 rounded-md html pl-5 pt-8 pb-4 -mb-10 -mt-10"> HTMLOpenTagdiv class=&quot;flex flex-col sm:flex-row items-center&quot;HTMLCloseTag HTMLOpenTaglabel class=&quot;w-full sm:w-20 sm:text-right sm:mr-5&quot;HTMLCloseTagEmailHTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput type=&quot;email&quot; class=&quot;input w-full border mt-2 flex-1&quot; placeholder=&quot;example@gmail.com&quot;HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class=&quot;flex flex-col sm:flex-row items-center mt-3&quot;HTMLCloseTag HTMLOpenTaglabel class=&quot;w-full sm:w-20 sm:text-right sm:mr-5&quot;HTMLCloseTagPasswordHTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput type=&quot;password&quot; class=&quot;input w-full border mt-2 flex-1&quot; placeholder=&quot;secret&quot;HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class=&quot;flex items-center text-gray-700 dark:text-gray-500 mt-5 sm:ml-20 sm:pl-5&quot;HTMLCloseTag HTMLOpenTaginput type=&quot;checkbox&quot; class=&quot;input border mr-2&quot; id=&quot;horizontal-remember-me&quot;HTMLCloseTag HTMLOpenTaglabel class=&quot;cursor-pointer select-none&quot; for=&quot;horizontal-remember-me&quot;HTMLCloseTagRemember meHTMLOpenTag/labelHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class=&quot;sm:ml-20 sm:pl-5 mt-5&quot;HTMLCloseTag HTMLOpenTagbutton type=&quot;button&quot; class=&quot;button bg-theme-1 text-white&quot;HTMLCloseTagLoginHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag </code> </pre>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="mt-3" style="display: flex;"> <label>Quitus fiscal :</label>
                        <div class="flex flex-col sm:flex-row mt-2" style="margin-top: auto;margin-left: 37px;">
                            <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                                <input onchange="hide_if_input_not_checked(this)"
                                    {{ $dossier->qfiscale == 1 ? 'checked' : '' }} type="radio"
                                    class="input border mr-2" id="horizontal-radio-chris-evans" name="qfiscale"
                                    value="1"> <label class="cursor-pointer select-none"
                                    for="horizontal-radio-chris-evans">Oui</label>
                            </div>
                            <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2 mt-2 sm:mt-0">
                                <input onchange="hide_if_input_not_checked(this)"
                                    {{ $dossier->qfiscale == 0 ? 'checked' : '' }} type="radio"
                                    class="input border mr-2" id="horizontal-radio-liam-neeson" name="qfiscale"
                                    value="0"> <label class="cursor-pointer select-none"
                                    for="horizontal-radio-liam-neeson">Non</label>
                            </div>
                            <div class="{{ $dossier->qfiscale == 1 ? '' : 'hidden' }}">

                                {{-- <div class="p-5" id="horizontal-form"> --}}
                                {{-- <div class="preview"> --}}
                                <div class="flex flex-col sm:flex-row items-center">
                                    <select class="input w-full  border-2" name="etat_etape_qfiscale">
                                        @foreach ($etapes as $etape)
                                            
                                            @if ($etape->id == $dossier->etat_qfiscale)
                                                                                            @endif
                                            <option  selected = 'selected' value="{{ $etape->id }}">
                                                {{ $etape->nom }}</option>
                                        @endforeach
                                    </select>
                                    {{-- </div> --}}

                                    {{-- </div> --}}
                                    <div class="source-code hidden">
                                        <button data-target="#copy-horizontal-form"
                                            class="copy-code button button--sm border flex items-center text-gray-700 dark:border-dark-5 dark:text-gray-300">
                                            <i data-feather="file" class="w-4 h-4 "></i> Copy example code </button>
                                        <div class="overflow-y-auto h-64 ">
                                            <pre class="source-preview" id="copy-horizontal-form"> <code class="text-xs p-0 rounded-md html pl-5 pt-8 pb-4 -mb-10 -mt-10"> HTMLOpenTagdiv class=&quot;flex flex-col sm:flex-row items-center&quot;HTMLCloseTag HTMLOpenTaglabel class=&quot;w-full sm:w-20 sm:text-right sm:mr-5&quot;HTMLCloseTagEmailHTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput type=&quot;email&quot; class=&quot;input w-full border mt-2 flex-1&quot; placeholder=&quot;example@gmail.com&quot;HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class=&quot;flex flex-col sm:flex-row items-center mt-3&quot;HTMLCloseTag HTMLOpenTaglabel class=&quot;w-full sm:w-20 sm:text-right sm:mr-5&quot;HTMLCloseTagPasswordHTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput type=&quot;password&quot; class=&quot;input w-full border mt-2 flex-1&quot; placeholder=&quot;secret&quot;HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class=&quot;flex items-center text-gray-700 dark:text-gray-500 mt-5 sm:ml-20 sm:pl-5&quot;HTMLCloseTag HTMLOpenTaginput type=&quot;checkbox&quot; class=&quot;input border mr-2&quot; id=&quot;horizontal-remember-me&quot;HTMLCloseTag HTMLOpenTaglabel class=&quot;cursor-pointer select-none&quot; for=&quot;horizontal-remember-me&quot;HTMLCloseTagRemember meHTMLOpenTag/labelHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class=&quot;sm:ml-20 sm:pl-5 mt-5&quot;HTMLCloseTag HTMLOpenTagbutton type=&quot;button&quot; class=&quot;button bg-theme-1 text-white&quot;HTMLCloseTagLoginHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag </code> </pre>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>


                    <div class="mt-3" style="display: flex;"> <label>Hypotheque :</label>
                        <div class="flex flex-col sm:flex-row mt-2" style="margin-top: auto;margin-left: 40px;">
                            <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                                <input onchange="hide_if_input_not_checked(this)"
                                    {{ $dossier->hypotheque == 1 ? 'checked' : '' }} type="radio"
                                    class="input border mr-2" id="horizontal-radio-chris-evans" name="hypotheque"
                                    value="1"> <label class="cursor-pointer select-none"
                                    for="horizontal-radio-chris-evans">Oui</label>
                            </div>
                            <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2 mt-2 sm:mt-0">
                                <input onchange="hide_if_input_not_checked(this)"
                                    {{ $dossier->hypotheque == 0 ? 'checked' : '' }} type="radio"
                                    class="input border mr-2" id="horizontal-radio-liam-neeson" name="hypotheque"
                                    value="0"> <label class="cursor-pointer select-none"
                                    for="horizontal-radio-liam-neeson">Non</label>
                            </div>
                            <div class="{{ $dossier->hypotheque == 1 ? '' : 'hidden' }} ">

                                {{-- <div class="p-5" id="horizontal-form"> --}}
                                {{-- <div class="preview"> --}}
                                <div class="flex flex-col sm:flex-row items-center">
                                    <select class="input w-full  border-2" name="etat_etape_hypotheque">
                                        @foreach ($etapes as $etape)
                                            
                                            @if ($etape->id == $dossier->etat_hypotheque)
                                                                                            @endif
                                            <option  selected = 'selected' value="{{ $etape->id }}">
                                                {{ $etape->nom }}</option>
                                        @endforeach
                                    </select>
                                    {{-- </div> --}}

                                    {{-- </div> --}}
                                    <div class="source-code hidden">
                                        <button data-target="#copy-horizontal-form"
                                            class="copy-code button button--sm border flex items-center text-gray-700 dark:border-dark-5 dark:text-gray-300">
                                            <i data-feather="file" class="w-4 h-4 "></i> Copy example code </button>
                                        <div class="overflow-y-auto h-64 ">
                                            <pre class="source-preview" id="copy-horizontal-form"> <code class="text-xs p-0 rounded-md html pl-5 pt-8 pb-4 -mb-10 -mt-10"> HTMLOpenTagdiv class=&quot;flex flex-col sm:flex-row items-center&quot;HTMLCloseTag HTMLOpenTaglabel class=&quot;w-full sm:w-20 sm:text-right sm:mr-5&quot;HTMLCloseTagEmailHTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput type=&quot;email&quot; class=&quot;input w-full border mt-2 flex-1&quot; placeholder=&quot;example@gmail.com&quot;HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class=&quot;flex flex-col sm:flex-row items-center mt-3&quot;HTMLCloseTag HTMLOpenTaglabel class=&quot;w-full sm:w-20 sm:text-right sm:mr-5&quot;HTMLCloseTagPasswordHTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput type=&quot;password&quot; class=&quot;input w-full border mt-2 flex-1&quot; placeholder=&quot;secret&quot;HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class=&quot;flex items-center text-gray-700 dark:text-gray-500 mt-5 sm:ml-20 sm:pl-5&quot;HTMLCloseTag HTMLOpenTaginput type=&quot;checkbox&quot; class=&quot;input border mr-2&quot; id=&quot;horizontal-remember-me&quot;HTMLCloseTag HTMLOpenTaglabel class=&quot;cursor-pointer select-none&quot; for=&quot;horizontal-remember-me&quot;HTMLCloseTagRemember meHTMLOpenTag/labelHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class=&quot;sm:ml-20 sm:pl-5 mt-5&quot;HTMLCloseTag HTMLOpenTagbutton type=&quot;button&quot; class=&quot;button bg-theme-1 text-white&quot;HTMLCloseTagLoginHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag </code> </pre>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                    <div class="mt-3" style="display: flex;"> <label>Credit :</label>
                        <div class="flex flex-col sm:flex-row mt-2" style="margin-top: auto;margin-left: 79px;">
                            <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                                <input onchange="hide_if_input_not_checked(this)"
                                    {{ $dossier->credit == 1 ? 'checked' : '' }} type="radio"
                                    class="input border mr-2 credit" id="horizontal-radio-chris-evans" name="credit"
                                    value="1">
                                <label class="cursor-pointer select-none"
                                    for="horizontal-radio-chris-evans">Oui</label>
                            </div>
                            <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2 mt-2 sm:mt-0">
                                <input onchange="hide_if_input_not_checked(this)"
                                    {{ $dossier->credit == 0 ? 'checked' : '' }} type="radio"
                                    class="input border mr-2 credit" id="horizontal-radio-liam-neeson" name="credit"
                                    value="0"> <label class="cursor-pointer select-none"
                                    for="horizontal-radio-liam-neeson">Non</label>
                            </div>
                            <div class="{{ $dossier->credit == 1 ? '' : 'hidden' }} ">

                                {{-- <div class="p-5" id="horizontal-form"> --}}
                                {{-- <div class="preview"> --}}
                                <div class="flex flex-col sm:flex-row items-center">
                                    <select class="input w-full  border-2" name="etat_etape_credit">
                                        @foreach ($etapes as $etape)
                                            
                                            @if ($etape->id == $dossier->etat_credit)
                                                                                            @endif
                                            <option  selected = 'selected' value="{{ $etape->id }}">
                                                {{ $etape->nom }}</option>
                                        @endforeach
                                    </select>
                                    {{-- </div> --}}

                                    {{-- </div> --}}
                                    <div class="source-code hidden">
                                        <button data-target="#copy-horizontal-form"
                                            class="copy-code button button--sm border flex items-center text-gray-700 dark:border-dark-5 dark:text-gray-300">
                                            <i data-feather="file" class="w-4 h-4 "></i> Copy example code </button>
                                        <div class="overflow-y-auto h-64 ">
                                            <pre class="source-preview" id="copy-horizontal-form"> <code class="text-xs p-0 rounded-md html pl-5 pt-8 pb-4 -mb-10 -mt-10"> HTMLOpenTagdiv class=&quot;flex flex-col sm:flex-row items-center&quot;HTMLCloseTag HTMLOpenTaglabel class=&quot;w-full sm:w-20 sm:text-right sm:mr-5&quot;HTMLCloseTagEmailHTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput type=&quot;email&quot; class=&quot;input w-full border mt-2 flex-1&quot; placeholder=&quot;example@gmail.com&quot;HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class=&quot;flex flex-col sm:flex-row items-center mt-3&quot;HTMLCloseTag HTMLOpenTaglabel class=&quot;w-full sm:w-20 sm:text-right sm:mr-5&quot;HTMLCloseTagPasswordHTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput type=&quot;password&quot; class=&quot;input w-full border mt-2 flex-1&quot; placeholder=&quot;secret&quot;HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class=&quot;flex items-center text-gray-700 dark:text-gray-500 mt-5 sm:ml-20 sm:pl-5&quot;HTMLCloseTag HTMLOpenTaginput type=&quot;checkbox&quot; class=&quot;input border mr-2&quot; id=&quot;horizontal-remember-me&quot;HTMLCloseTag HTMLOpenTaglabel class=&quot;cursor-pointer select-none&quot; for=&quot;horizontal-remember-me&quot;HTMLCloseTagRemember meHTMLOpenTag/labelHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class=&quot;sm:ml-20 sm:pl-5 mt-5&quot;HTMLCloseTag HTMLOpenTagbutton type=&quot;button&quot; class=&quot;button bg-theme-1 text-white&quot;HTMLCloseTagLoginHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag </code> </pre>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>

                    <br>

                    @if ($dossier->credit == 1)
                        <div class="my-2" id="divavec">
                            <label>Comptes Bancaires</label>
                            <select required class="input w-full mt-2 border-2" name="id_compt">
                                <option value="0" selected>Séléctionner un compte</option>

                                @foreach ($cmpt as $cmpt)
                                                                        @if ($cmpt->id == $dossier->id_compt)
                                                                            @endif
                                    <option  selected = 'selected' value="{{ $cmpt->id }}">{{ $cmpt->munCompt }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    @else
                        <div class="flex flex-col w-full mx-2" id="divavec" style="display: none;">
                            <label class="font-semibold">Comptes Bancaires</label>
                            <select required class="input w-full mt-2 border-2" name="id_compt">
                                <option value="0" selected>Séléctionner un compte</option>
                                @foreach ($cmpt as $cmpt)
                                    <option value="{{ $cmpt->id }}">{{ $cmpt->munCompt }}</option>
                                @endforeach
                            </select>
                        </div>
                    @endif
                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">Montant global Acte</label>
                                <input class="input w-full border-2 mt-2 montant" name="montant_global_acte"
                                    placeholder="Montant global Acte" type="text" step="0.001" min=0
                                    value="{{ number_format($dossier->montant_global_acte, 2, ',', ' ') }}">

                            </div>
                        </div>
                    </div>
                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">Montant Quittance Partielle</label>
                                <input class="input w-full border-2 mt-2 montant" name="montant_quittance_partielle"
                                    placeholder="Montant Quittance Partielle" type="text" step="0.001" min=0
                                    value="{{ number_format($dossier->montant_quittance_partielle, 2, ',', ' ') }}">

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

                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">Montant à comptabilité</label>
                                <input class="input w-full border-2 mt-2 montant" name="montant_vue"
                                    placeholder="Montant comptabilité" type="text" step="0.001" min=0
                                    value="{{ number_format($dossier->montant_vue, 2, ',', ' ') }}">

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

                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">Montant hors comptabilité</label>
                                <input class="input w-full border-2 mt-2 montant" name="montant_nonvue"
                                    placeholder="Montant hors comptabilité" type="text" step="0.001" min=0
                                    value="{{ number_format($dossier->montant_nonvue, 2, ',', ' ') }}">

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



                <div class="my-2">
                    <div class="">
                        <div class="">
                            <label for="">Observation</label>
                            <textarea class="input w-full border mt-2 " name="remarque" placeholder="Ramarque" minlength="10">{{ $dossier->remarque }}</textarea>
                        </div>
                    </div>
                </div>

            </div>
            <!-- END: Input -->

        </div>
        <div class="intro-y col-span-12 lg:col-span-6">



            <div class="intro-y box mb-5">
                <div class="flex flex-col sm:flex-row items-center p-5 border-b border-gray-200 dark:border-dark-5">
                    <h2 class="font-medium text-base mr-auto">
                        Les parties
                    </h2>
                </div>
                <div class="p-5" id="vertical-form">
                    <div class="preview">

                        {{-- <div class="mt-3">
                            <label>Partie</label>
                            <div class="mt-2">
                                <select name="parties[]" class="input w-full border-2" >
                                    @foreach ($clients as $client)
                                        <option value="{{$client->id}}">{{($client->type == 0)?  $client->raisonsocial  : $client->prenom.' '.$client->name}}</option>
                                    @endforeach
                                </select>
                            </div>
        
                            <div class="my-3">
                                <label>Type de partie</label>
                                <select name="type_parti[]" class="input w-full border-2 mt-2" >
                                    <option value="Créancier">Créancier</option>
                                    <option value="Débiteur">Débiteur</option>
                                </select>
                            </div>
                            
                            <label>Qualité</label>
                            <div class="">
                               <input type="text" name="qualite[]" placeholder="Entrer la qualité de la première partie" class="input w-full border-2"> 
                            </div>
                        </div> --}}

                        @foreach ($vendeursacheteurs as $index => $item)
                            <div class='mt-3  {{ $index > 0 ? 'border-t border-t-2 border-t-gray-300' : '' }} '>
                                <div class="grid grid-cols-2 w-full mt-2">
                                    <div>
                                        <label>Partie</label>
                                    </div>
                                    <div class="place-self-end kill_partie">
                                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                            viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                            stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
                                            class="feather feather-x-circle mx-auto hover:text-theme-6">
                                            <circle cx="12" cy="12" r="10"></circle>
                                            <line x1="15" y1="9" x2="9" y2="15">
                                            </line>
                                            <line x1="9" y1="9" x2="15" y2="15">
                                            </line>
                                        </svg>
                                    </div>
                                </div>

                                <div class="mt-2">
                                    <select name="parties[]" class="input w-full border-2">
                                        @foreach ($clients as $client)
                                            <option value="{{ $client->id }}"
                                                {{ $client->id == $item->id_client ? 'selected' : '' }}>
                                                {{ $client->type == 0 ? $client->raisonsocial : $client->prenom . ' ' . $client->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="my-3">
                                    <label>Qualité</label>
                                    <select name="type_parti[]" class="input w-full border-2 mt-2">
                                        <option value="Acheteur" {{ $item->type == 'Acheteur' ? 'selected' : '' }}>
                                            Acquéreur</option>
                                        <option value="Administrateur"
                                            {{ $item->type == 'Administrateur' ? 'selected' : '' }}>Administrateur
                                        </option>
                                        <option value="Associé" {{ $item->type == 'Associé' ? 'selected' : '' }}>
                                            Associé</option>
                                        <option value="Bailleur" {{ $item->type == 'Bailleur' ? 'selected' : '' }}>
                                            Bailleur</option>
                                        <option value="Bénéficiaire"
                                            {{ $item->type == 'Bénéficiaire' ? 'selected' : '' }}>Bénéficiaire
                                        </option>
                                        <option value="Cédant" {{ $item->type == 'Cédant' ? 'selected' : '' }}>Cédant
                                        </option>
                                        <option value="Céssionnaire"
                                            {{ $item->type == 'Céssionnaire' ? 'selected' : '' }}>Céssionnaire
                                        </option>
                                        <option value="Créancier" {{ $item->type == 'Créancier' ? 'selected' : '' }}>
                                            Créancier</option>
                                        <option value="Copartageant"
                                            {{ $item->type == 'Copartageant' ? 'selected' : '' }}>Copartageant
                                        </option>
                                        <option value="Débiteur" {{ $item->type == 'Débiteur' ? 'selected' : '' }}>
                                            Débiteur</option>
                                        <option value="Donateur" {{ $item->type == 'Donateur' ? 'selected' : '' }}>
                                            Donateur</option>
                                        <option value="Donataire" {{ $item->type == 'Donataire' ? 'selected' : '' }}>
                                            Donataire</option>
                                        <option value="Défunt" {{ $item->type == 'Défunt' ? 'selected' : '' }}>Défunt
                                        </option>
                                        <option value="Emprunteur"
                                            {{ $item->type == 'Emprunteur' ? 'selected' : '' }}>Emprunteur</option>
                                        <option value="Gérant" {{ $item->type == 'Gérant' ? 'selected' : '' }}>Gérant
                                        </option>
                                        <option value="Héritier" {{ $item->type == 'Héritier' ? 'selected' : '' }}>
                                            Héritier</option>
                                        <option value="Légataire" {{ $item->type == 'Légataire' ? 'selected' : '' }}>
                                            Légataire</option>
                                        <option value="Mandant" {{ $item->type == 'Mandant' ? 'selected' : '' }}>
                                            Mandant</option>
                                        <option value="Mandataire"
                                            {{ $item->type == 'Mandataire' ? 'selected' : '' }}>Mandataire</option>
                                        <option value="Occupant" {{ $item->type == 'Occupant' ? 'selected' : '' }}>
                                            Occupant</option>
                                        <option value="Prêteur" {{ $item->type == 'Prêteur' ? 'selected' : '' }}>
                                            Prêteur</option>
                                        <option value="Preneur" {{ $item->type == 'Preneur' ? 'selected' : '' }}>
                                            Preneur</option>
                                        <option value="Promettant"
                                            {{ $item->type == 'Promettant' ? 'selected' : '' }}>Promettant</option>
                                        <option value="Vendeur" {{ $item->type == 'Vendeur' ? 'selected' : '' }}>
                                            Vendeur</option>
                                    </select>

                                </div>
                                {{-- <label>Qualité</label>
                                <div class="">
                                    <input type="text" name="qualite[]" value="{{$item->quality}}" placeholder="Entrer la qualité de la première partie" class="input w-full border-2"> 
                                </div> --}}
                            </div>
                        @endforeach
                        <div class="more_parties"> </div>

                        <div class="grid justify-items-center mt-2">
                            <button class="button bg-theme-33 text-white add_paties">Ajouter</button>
                        </div>
                        {{-- <div
                            class="mt-3 Form_imob {{ isset($dossier->type_dossier) && $dossier->type_dossier == 'Non immobiliers' ? 'hidden' : '' }}">
                            <label>Partie 2</label>
                            <div class="mt-2">
                                <select data-placeholder="Selectionner un vendeur" name="vendeur[]"
                                    class="tail-select w-full" multiple>
                                    @foreach ($clients as $client)
                                        <option value="{{ $client->id }}"
                                            {{ in_array($client->id, $id_vendeurs) ? 'selected' : '' }}>
                                            @if ($client->type == 0)
                                                {{ $client->raisonsocial }}
                                            @else
                                                {{ $client->name . ' ' . $client->prenom }}
                                            @endif
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div style="display:none;">
                                @foreach ($vendeurs as $vendeur)
                                    <div
                                        style="background-color:#ccc; padding:6px 10px; margin-right:6px; margin-top:6px;border-radius:16px;">
                                        {{ $vendeur->type == 0 ? $vendeur->raisonsocial : $vendeur->name . ' ' }}
                                        <button class="ml-2 delete-vendeur">&times</button>
                                    </div>
                                @endforeach
                            </div>
                            <div>
                                <label>Qualité</label>
                                <div class="">
                                    <input type="text" name="qualite2" value="{{ $dossier->qualite2 }}"
                                        placeholder="Entrer la qualité de la deuxième partie"
                                        class="input w-full border-2">
                                </div>
                            </div>
                        </div> --}}
                    </div>

                </div>
            </div>

            <!-- BEGIN: Horizontal Form -->
            <div class="intro-y box mt-5">
                <div class="flex flex-col sm:flex-row items-center p-5 border-b border-gray-200 dark:border-dark-5">
                    <h2 class="font-medium text-base mr-auto">
                        Étape du dossier
                    </h2>
                </div>
                <div class="p-5" id="horizontal-form">
                    <div class="preview">
                        <div class="flex flex-col sm:flex-row items-center">
                            <select class="input w-full mt-2 border-2" name="id_etape">
                                @foreach ($etapes as $etape)
                                                                        @if ($etape->id == $dossier->id_etape)
                                                                            @endif
                                    <option value="{{ $etape->id }}"  selected = 'selected'>{{ $etape->nom }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                    </div>
                    <div class="source-code hidden">
                        <button data-target="#copy-horizontal-form"
                            class="copy-code button button--sm border flex items-center text-gray-700 dark:border-dark-5 dark:text-gray-300">
                            <i data-feather="file" class="w-4 h-4 mr-2"></i> Copy example code </button>
                        <div class="overflow-y-auto h-64 mt-3">
                            <pre class="source-preview" id="copy-horizontal-form"> <code class="text-xs p-0 rounded-md html pl-5 pt-8 pb-4 -mb-10 -mt-10"> HTMLOpenTagdiv class=&quot;flex flex-col sm:flex-row items-center&quot;HTMLCloseTag HTMLOpenTaglabel class=&quot;w-full sm:w-20 sm:text-right sm:mr-5&quot;HTMLCloseTagEmailHTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput type=&quot;email&quot; class=&quot;input w-full border mt-2 flex-1&quot; placeholder=&quot;example@gmail.com&quot;HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class=&quot;flex flex-col sm:flex-row items-center mt-3&quot;HTMLCloseTag HTMLOpenTaglabel class=&quot;w-full sm:w-20 sm:text-right sm:mr-5&quot;HTMLCloseTagPasswordHTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput type=&quot;password&quot; class=&quot;input w-full border mt-2 flex-1&quot; placeholder=&quot;secret&quot;HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class=&quot;flex items-center text-gray-700 dark:text-gray-500 mt-5 sm:ml-20 sm:pl-5&quot;HTMLCloseTag HTMLOpenTaginput type=&quot;checkbox&quot; class=&quot;input border mr-2&quot; id=&quot;horizontal-remember-me&quot;HTMLCloseTag HTMLOpenTaglabel class=&quot;cursor-pointer select-none&quot; for=&quot;horizontal-remember-me&quot;HTMLCloseTagRemember meHTMLOpenTag/labelHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class=&quot;sm:ml-20 sm:pl-5 mt-5&quot;HTMLCloseTag HTMLOpenTagbutton type=&quot;button&quot; class=&quot;button bg-theme-1 text-white&quot;HTMLCloseTagLoginHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag </code> </pre>
                        </div>
                    </div>
                </div>
            </div>

            <!-- END: Horizontal Form -->



            <div class="intro-y box mt-5">
                <div class="flex flex-col sm:flex-row items-center p-5 border-b border-gray-200 dark:border-dark-5">
                    <h2 class="font-medium text-base mr-auto">
                        Ajouter des pièces jointes
                    </h2>
                </div>
                <!-- partie fichiers jointes -->
                <div class="gpice p-5">
                    <div class=" lg:flex flex-row  grid sm:gap-4 sm:grid-cols-1 pice">
                        <div class="my-2 mr-2 flex flex-col w-full">
                            <div class="flex flex-col w-full overflow-hidden ">
                                <label class="">Pièces joints multiple</label>
                                <input type="file" name="file[]"
                                    class="input hover:bg-gray-500 w-full border-gray-400 border-2 mt-2 border joint">
                            </div>
                        </div>
                        <div class="flex flex-row w-full">
                            <div class="my-2 flex flex-col w-full">
                                <label class="">Type de fichier</label>
                                <select class="input w-full border-2 pb-3 border-gray-400 mt-2" class="id_type"
                                    name="id_typefichier[]">
                                    <option value="">Type de fichier</option>
                                    @foreach ($typefichiers as $type_fichier)
                                        <option value="{{ $type_fichier->id }}">{{ $type_fichier->nom }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div style="margin-top: 2rem;margin-buttom: 1.8rem;"
                                class="w-16 flex flex-row text-white font-semibold ">
                                <span class=" ml-2">
                                    <img class="addpice" style="margin-top:10px; cursor:pointer;"
                                        src="{{ asset('dist/images/add_attachement.png') }}" />
                                </span>

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

                <!-- module d'ajout un autre fichier -->
                <div class="tpice hidden">
                    <div class="flex flex-row pice px-5">
                        <div class="my-2 mr-2 flex flex-col w-full">
                            <div class="flex flex-col w-full overflow-hidden ">
                                <label class="">Pièces joints multiple</label>
                                <input type="file" name="file[]"
                                    class="input hover:bg-gray-500 w-full border-gray-400 border-2 mt-2 border joint">
                            </div>
                        </div>
                        <div class="flex flex-row w-full">
                            <div class="my-2 flex flex-col w-full">
                                <label class="">Type de fichier</label>
                                <select class="input w-full border-2 pb-3 border-gray-400 mt-2" class="id_type"
                                    name="id_typefichier[]">
                                    <option value="">Type de fichier</option>
                                    @foreach ($typefichiers as $type_fichier)
                                        <option value="{{ $type_fichier->id }}">{{ $type_fichier->nom }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div style="margin-top: 2rem;margin-buttom: 1.8rem;"
                                class="w-16 flex flex-row text-white font-semibold kill">
                                <span class=" ml-2">
                                    <span class=" ml-2"><img style="margin-top:-10px; cursor:pointer;"
                                            src="{{ asset('dist/images/delete_attachement.png') }}" /></span>
                                </span>

                            </div>
                        </div>
                    </div>
                </div>
                <!-- fin module -->
                <!--fin jointes -->
            </div>

            <div class="intro-y box mt-5 col-span-12 lg:col-span-6">
                <div class="flex items-center px-5 py-5 sm:py-3 border-b border-gray-200 dark:border-dark-5">
                    <h2 class="font-medium text-base mr-auto">
                        Les piéces jointes
                    </h2>
                    <div class="dropdown ml-auto sm:hidden">
                        <a class="dropdown-toggle w-5 h-5 block" href="javascript:;"> <i
                                data-feather="more-horizontal" class="w-5 h-5 text-gray-700 dark:text-gray-300"></i>
                        </a>
                        <div class="dropdown-box w-40">
                            <div class="dropdown-box__content box dark:bg-dark-1 p-2"> <a href="javascript:;"
                                    class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md">All
                                    Files</a>
                            </div>
                        </div>
                    </div>
                    <!--<button class="button border text-gray-700 dark:border-dark-5 dark:text-gray-300 hidden sm:flex">All Files</button>-->
                </div>
                <div class="p-5">

                    @forelse ($fichiers as $fichier)
                        <div class="flex items-center">

                            <div class="file">
                                <a href="{{ URL::to($path->paths . $fichier->file) }}">
                                    <img style="height:40px;" src="{{ asset('dist/images/google-docs.png') }}" />
                                </a>
                            </div>
                            <div class="ml-4">
                                <a class="font-medium" target="_blank"
                                    href="{{ URL::to($path->paths . $fichier->file) }}">{{ $fichier->file_name }}</a>
                                <div class="text-gray-600 text-xs">{{ $fichier->nom_fichier }}</div>
                            </div>
                            <div class="dropdown ml-auto">
                                <a class="dropdown-toggle w-5 h-5 block"> <i data-feather="more-horizontal"
                                        class="w-5 h-5 text-gray-700 dark:text-gray-300"></i> </a>
                                <div class="dropdown-box w-40">
                                    <div class="dropdown-box__content box dark:bg-dark-1 p-2">
                                        <a href="javascript:;"
                                            class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"
                                            data-toggle="modal"
                                            data-target="#delete-confirmation-modal{{ $fichier->id }}"> <i
                                                data-feather="trash" class="w-4 h-4 mr-2"></i> Supprimer </a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <br>

                        <div class="modal" id="delete-confirmation-modal{{ $fichier->id }}">
                            <div class="modal__content">
                                <div class="p-5 text-center">
                                    <i data-feather="x-circle" class="w-16 h-16 text-theme-6 mx-auto mt-3"></i>
                                    <div class="text-3xl mt-5">Êtes-vous sûr? </div>
                                    <div class="text-gray-600 mt-2">Voulez-vous vraiment supprimer ces enregistrements?
                                        Ce processus ne peut pas être annulé.</div>
                                </div>
                                <div class="px-5 pb-8 text-center">
                                    <button type="button" data-dismiss="modal"
                                        class="button w-24 border text-gray-700 mr-1">Annuler</button>
                                    <a class="button w-24 bg-theme-6 text-white"
                                        href="{{ URL::to('/admin/fichier/delete/' . $fichier->id) }}">Supprimer</a>
                                </div>
                            </div>
                        </div>

                    @empty

                        <div class="flex items-center">
                            <p>Il n'y a pas encore des fichiers pour ce client.</p>
                        </div>
                    @endforelse

                </div>
            </div>

            <!-- END: Horizontal Form -->
            <div class="intro-y box mt-5 col-span-12 lg:col-span-6">
                <div class="flex items-center px-5 py-5 sm:py-3 border-b border-gray-200 dark:border-dark-5">
                    <h2 class="font-medium text-base mr-auto">
                        Les piéces jointes de client
                    </h2>
                    <div class="dropdown ml-auto sm:hidden">
                        <a class="dropdown-toggle w-5 h-5 block" href="javascript:;"> <i
                                data-feather="more-horizontal" class="w-5 h-5 text-gray-700 dark:text-gray-300"></i>
                        </a>
                        <div class="dropdown-box w-40">
                            <div class="dropdown-box__content box dark:bg-dark-1 p-2"> <a href="javascript:;"
                                    class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md">All
                                    Files</a> </div>
                        </div>
                    </div>
                    <!--<button class="button border text-gray-700 dark:border-dark-5 dark:text-gray-300 hidden sm:flex">All Files</button>-->
                </div>
                <div class="p-5">

                    @forelse ($fichiers_clients as $fichier)
                        <div class="flex items-center">

                            <div class="file">
                                <a href="{{ URL::to($path->paths . $fichier->file) }}">
                                    <img style="height:40px;" src="{{ asset('dist/images/google-docs.png') }}" />
                                </a>
                            </div>
                            <div class="ml-4">
                                <a class="font-medium" target="_blank"
                                    href="{{ URL::to($path->paths . $fichier->file) }}">{{ $fichier->file }}</a>
                                <div class="text-gray-600 text-xs">{{ $fichier->nom_fichier }}</div>
                            </div>
                            <div class="dropdown ml-auto">
                                <a class="dropdown-toggle w-5 h-5 block"> <i data-feather="more-horizontal"
                                        class="w-5 h-5 text-gray-700 dark:text-gray-300"></i> </a>
                                <div class="dropdown-box w-40">
                                    <div class="dropdown-box__content box dark:bg-dark-1 p-2">
                                        <a href="javascript:;"
                                            class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"
                                            data-toggle="modal"
                                            data-target="#delete-confirmation-modal{{ $fichier->id }}"> <i
                                                data-feather="trash" class="w-4 h-4 mr-2"></i> Supprimer </a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <br>

                        <div class="modal" id="delete-confirmation-modal{{ $fichier->id }}">
                            <div class="modal__content">
                                <div class="p-5 text-center">
                                    <i data-feather="x-circle" class="w-16 h-16 text-theme-6 mx-auto mt-3"></i>
                                    <div class="text-3xl mt-5">Êtes-vous sûr? </div>
                                    <div class="text-gray-600 mt-2">Voulez-vous vraiment supprimer ces enregistrements?
                                        Ce processus ne peut pas être annulé.</div>
                                </div>
                                <div class="px-5 pb-8 text-center">
                                    <button type="button" data-dismiss="modal"
                                        class="button w-24 border text-gray-700 mr-1">Annuler</button>
                                    <a class="button w-24 bg-theme-6 text-white"
                                        href="{{ URL::to('/admin/fichier/delete/' . $fichier->id) }}">Supprimer</a>
                                </div>
                            </div>
                        </div>

                    @empty

                        <div class="flex items-center">
                            <p>Il n'y a pas encore des fichiers pour ce client.</p>
                        </div>
                    @endforelse

                </div>
            </div>
            <div class="intro-y box mt-5 col-span-12 lg:col-span-6">
                <div class="flex items-center px-5 py-5 sm:py-3 border-b border-gray-200 dark:border-dark-5">
                    <h2 class="font-medium text-base mr-auto">
                        Les piéces jointes de propriétés
                    </h2>
                    <div class="dropdown ml-auto sm:hidden">
                        <a class="dropdown-toggle w-5 h-5 block" href="javascript:;"> <i
                                data-feather="more-horizontal" class="w-5 h-5 text-gray-700 dark:text-gray-300"></i>
                        </a>
                        <div class="dropdown-box w-40">
                            <div class="dropdown-box__content box dark:bg-dark-1 p-2"> <a href="javascript:;"
                                    class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md">All
                                    Files</a> </div>
                        </div>
                    </div>
                    <!--<button class="button border text-gray-700 dark:border-dark-5 dark:text-gray-300 hidden sm:flex">All Files</button>-->
                </div>
                <div class="p-5">

                    @forelse ($file_prop as $fichier)
                        <div class="flex items-center">

                            <div class="file">
                                <a href="{{ URL::to($path->paths . $fichier->file) }}">
                                    <img style="height:40px;" src="{{ asset('dist/images/google-docs.png') }}" />
                                </a>
                            </div>
                            <div class="ml-4">
                                <a class="font-medium" target="_blank"
                                    href="{{ URL::to($path->paths . $fichier->file) }}">{{ $fichier->file_name }}</a>
                                <div class="text-gray-600 text-xs">{{ $fichier->nom_fichier }}</div>
                            </div>
                            <div class="dropdown ml-auto">
                                <a class="dropdown-toggle w-5 h-5 block"> <i data-feather="more-horizontal"
                                        class="w-5 h-5 text-gray-700 dark:text-gray-300"></i> </a>
                                <div class="dropdown-box w-40">
                                    <div class="dropdown-box__content box dark:bg-dark-1 p-2">
                                        <a href="javascript:;"
                                            class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"
                                            data-toggle="modal"
                                            data-target="#delete-confirmation-modal{{ $fichier->id }}"> <i
                                                data-feather="trash" class="w-4 h-4 mr-2"></i> Supprimer </a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <br>

                        <div class="modal" id="delete-confirmation-modal{{ $fichier->id }}">
                            <div class="modal__content">
                                <div class="p-5 text-center">
                                    <i data-feather="x-circle" class="w-16 h-16 text-theme-6 mx-auto mt-3"></i>
                                    <div class="text-3xl mt-5">Êtes-vous sûr? </div>
                                    <div class="text-gray-600 mt-2">Voulez-vous vraiment supprimer ces enregistrements?
                                        Ce processus ne peut pas être annulé.</div>
                                </div>
                                <div class="px-5 pb-8 text-center">
                                    <button type="button" data-dismiss="modal"
                                        class="button w-24 border text-gray-700 mr-1">Annuler</button>
                                    <a class="button w-24 bg-theme-6 text-white"
                                        href="{{ URL::to('/admin/fichier/delete/' . $fichier->id) }}">Supprimer</a>
                                </div>
                            </div>
                        </div>

                    @empty

                        <div class="flex items-center">
                            <p>Il n'y a pas encore des fichiers pour ce client.</p>
                        </div>
                    @endforelse

                </div>
            </div>


        </div>

        <div class="my-2">
            <button class="button bg-theme-1 text-white mt-5 valid" type="submit">Modifier</button>
        </div>

    </div>
</form>


@endsection


@section('script')
<script type="text/javascript">
    $(document).ready(function() {
        $('.type_dossier').change(function() {
            if ($(this).val() == 'Non immobiliers') {
                $('.Form_imob').slideUp('slow');
            } else {
                $('.Form_imob').slideDown('slow');
            }
        });
        $("#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--active');
    });

    $('.credit').change(function() {
        if ($(this).val() == '1') {
            var x = document.getElementById("divavec");
            x.style.display = "grid";
        } else {
            var x = document.getElementById("divavec");
            x.style.display = "none";
        }
    });
</script>
<script>
    $("body").on('click', '.add_paties', function() {
        event.preventDefault();
        $.ajax({
            url: `{{ route('add_paties_form') }}`,
            type: 'post',
            dataType: 'json',
            success: function(data) {
                $('.more_parties').append(data);
                $('.new_partie').slideDown('normal');
            },
            error: function(error) {
                console.log(error);
            },
        });
    });
    $('body').on('click', '.kill_partie', function() {
        // $(this).parent().parent().slideUp();
        $(this).parent().parent().remove();
    });
</script>
<script>
    $("body").on("click", ".addpice", function() {
        var html = $(".tpice").html();
        $(".gpice").after(html);
        console.log(html);
    });

    $("body").on("click", ".kill", function() {
        $(this).parent().parent().toggle();
    });
    $(document).ready(function() {
        $("body").on('change', '.id_propriete', function() {
            var id_propriete = $(this).val();
            $.ajax({
                url: `{{ route('get_prop_type') }}`,
                dataType: 'json',
                type: 'post',
                data: {
                    id_propriete: id_propriete
                },
                success: function(data) {
                    if (data.typ_aff == 'Non immobiliers') {
                        $('.Form_imob').slideUp('slow');

                    } else {
                        $('.Form_imob').slideDown('slow');
                    }
                },
                error: function(error) {
                    console.log(error);
                },
            });
        });
    });

    function hide_if_input_not_checked($this) {
        if ($this.nextElementSibling.innerHTML == 'Oui') {
            $this.parentNode.nextElementSibling.nextElementSibling.classList.remove('hidden');
        }
        if ($this.nextElementSibling.innerHTML == 'Non') {
            $this.parentNode.nextElementSibling.classList.add('hidden');
        }
    }
    const montants = $(".montant");

    // montants.each((element, input) => {


    // });
    montants.on('input', (event) => {
        let value = event.target.value;

        // Remove any existing spaces and non-numeric characters
        value = value.replace(/[^0-9]/g, '');

        // Add spaces as thousands separators
        value = Number(value).toLocaleString('en-US').replace(/,/g, ' ');

        // Update the input value with the formatted number
        event.target.value = value;


    })
</script>
<script src="{{ asset('dist/js/app.js') }}"></script>
@endsection