@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>

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

    <div class="intro-y box p-5">


            <form method="post" action="{{url('/admin/dossier/edit/'.$dossier->id)}}" id="fileinfo"
                enctype="multipart/form-data">
                @csrf
                <div class="">


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

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

                    <div class="my-3">
                        <div class="">
                            <div class="">
                                <label for="">Num Repertoire </label>
                                <input class="input w-full  mt-2 border-2" name="num_repertoire"
                                    placeholder="Num° Repertoire" required="required" 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" required="required" type="text"
                                    value="{{ $dossier->date_dossier }}">

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


                    <div class="my-3 ">
                        <div class="">
                            <label> Nature d'operation </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	}}">{{$no->nature_doperation}}
                                    </option>
                                    @endforeach
                                </select>
                                <div class="help-block form-text with-errors form-control-feedback"></div>
                            </div>
                        </div>
                    </div>

                    <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
                                    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 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>
                    </div>

                    <div class="mt-3" style="display: flex;"> <label>Quituse fiscale :</label>
                        <div class="flex flex-col sm:flex-row mt-2"
                            style="margin-top: auto;margin-left: 22px;">
                            <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2"><input
                                    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 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>
                    </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: 38px;">
                            <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2"><input
                                    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 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>
                    </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: 76px;">
                            <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2"><input
                                    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 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>
                    </div>

                    <br>

                    <div class="grid grid-cols-12 gap-2" id="divavec" style="display: none;">
                        <input type="text" class="input w-full border col-span-4" name="nom_banque"
                            placeholder="Banque" value="{{ $dossier->nom_banque }}">
                        <input type="text" class="input w-full border col-span-4"
                            placeholder="Input inline 2">
                        <input type="file" class="input w-full border col-span-4"
                            placeholder="Input inline 3">
                    </div>


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

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


                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">Montant global Acte</label>
                                <input class="input w-full border-2 mt-2 " name="montant_global_acte"
                                    placeholder="Montant global Acte" type="text"
                                    value="{{ $dossier->montant_global_acte }}">

                            </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 "
                                    name="montant_quittance_partielle"
                                    placeholder="Montant Quittance Partielle" type="text"
                                    value="{{ $dossier->montant_quittance_partielle }}">

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

                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">Montant vue</label>
                                <input class="input w-full border-2 mt-2 " name="montant_vue"
                                    placeholder="Montant vu" type="text"
                                    value="{{ $dossier->montant_vue }}">

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

                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">Montant non vue</label>
                                <input class="input w-full border-2 mt-2 " name="montant_nonvue"
                                    placeholder="Montant non vue" type="text"
                                    value="{{ $dossier->montant_nonvue }}">

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

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

                    <div class="my-2">
                        <button class="button bg-theme-1 text-white mt-5 valid" type="submit">
                            Modifier</button>
                        <butaton class="button  text-white mt-5 cncl" style="background-color: #bfbfbf;"
                            type="submit"> Annuler</button>
                    </div>
            </form>
    </div>
                    
</div>-->
<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 p-5">
        <form method="post" action="{{url('/admin/dossier/edit/'.$dossier->id)}}" id="fileinfo"
                enctype="multipart/form-data">
                @csrf


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

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

                    <div class="my-3">
                        <div class="">
                            <div class="">
                                <label for="">Num Repertoire </label>
                                <input class="input w-full  mt-2 border-2" name="num_repertoire"
                                    placeholder="Num° Repertoire" disabled 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" disabled type="text"
                                    value="{{ $dossier->date_dossier }}">

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


                    <div class="my-3 ">
                        <div class="">
                            <label> Nature d'operation </label>
                            <div class="sm:mt-2">
                                <select disabled class="input w-full mt-2 border-2" name="nature_doperation">
                                    

                                    @foreach($nature_operations as $no)
                                    <option value="{{$no->id_operation	}}">{{$no->nature_doperation}}
                                    </option>
                                    @endforeach
                                </select>
                                <div class="help-block form-text with-errors form-control-feedback"></div>
                            </div>
                        </div>
                    </div>

                    <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  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 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>
                    </div>

                    <div class="mt-3" style="display: flex;"> <label>Quituse fiscale :</label>
                        <div class="flex flex-col sm:flex-row mt-2"
                            style="margin-top: auto;margin-left: 22px;">
                            <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2"><input
                                    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 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>
                    </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: 38px;">
                            <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2"><input
                                    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 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>
                    </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: 76px;">
                            <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2"><input
                                    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 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>
                    </div>

                    <br>

                    <div class="grid grid-cols-12 gap-2" id="divavec" style="display: none;">
                        <input type="text" class="input w-full border col-span-4" name="nom_banque"
                            placeholder="Banque" value="{{ $dossier->nom_banque }}">
                        <input type="text" class="input w-full border col-span-4"
                            placeholder="Input inline 2">
                        <input type="file" class="input w-full border col-span-4"
                            placeholder="Input inline 3">
                    </div>


                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">TVA</label>
                                <input class="input w-full border-2 mt-2" name="tva" disabled placeholder="TVA"
                                    type="text" value="{{ $dossier->tva }}">

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


                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">Montant global Acte</label>
                                <input class="input w-full border-2 mt-2 " disabled name="montant_global_acte"
                                    placeholder="Montant global Acte" type="text"
                                    value="{{ $dossier->montant_global_acte }}">

                            </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 "
                                    name="montant_quittance_partielle"
                                    placeholder="Montant Quittance Partielle" disabled type="text"
                                    value="{{ $dossier->montant_quittance_partielle }}">

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

                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">Montant vue</label>
                                <input class="input w-full border-2 mt-2 " disabled name="montant_vue"
                                    placeholder="Montant vu" type="text"
                                    value="{{ $dossier->montant_vue }}">

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

                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label for="">Montant non vue</label>
                                <input class="input w-full border-2 mt-2 " disabled name="montant_nonvue"
                                    placeholder="Montant non vue" type="text"
                                    value="{{ $dossier->montant_nonvue }}">

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

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


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


    </div>
    <div class="intro-y col-span-12 lg:col-span-6">
        <!-- BEGIN: Vertical Form -->
        <div class="intro-y box">
            <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">
                    Réglement du dossier
                </h2>

            </div>
            <div class="p-5" id="vertical-form">
                <div class="preview">
                        <div class="flex flex-col w-full">
                            <label class="font-semibold" for=""> Mode de règlement </label>
                            <select class="input w-full mt-2 border-2" disabled name="mode" id="">
                                <option value="Espèces">Espèces</option>
                                <option value="Cheque">Cheque</option>
                                <option value="Virement">Virement</option>
                                <option value="Carte bancaire">Carte bancaire</option>
                                {{-- <option value="Effect">Effect</option> --}}
                                <option value="Autre">Autre</option>
                            </select>
                        </div>
                        <div class="my-2">
                            <label class="font-semibold" for=""> Numéro</label>
                            <input type="number" disabled name="num_reg" placeholder="Veuillez Entrer Un Numéro" name="num_reg" min="0" class="input w-full  mt-2 border-2">
                        </div>

                    <div class="flex flex-row my-2">
                        <div class="flex flex-col w-full">
                            <label class="font-semibold" for=""> Date </label>
                            <input type="text"  disabled value="{{ date("Y/m/d") }}" class="input w-full  mt-2 border-2">
                        </div>
                        
                    </div>

                    <div>
                        <div class="flex flex-col w-full mx-2">
                            <label class="font-semibold" for=""> Montant</label>
                            <input type="number" disabled placeholder="Veuillez Entrer Un Montant" name="montant" min="0" class="input w-full  mt-2 border-2">
                        </div>
                    </div>

                    <div class="my-2">
                        <label class="font-semibold" for="">Validé</label>
                        <div class="mt-3 flex flex-row">
                            <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                                <input type="radio" disabled name="valid" value="1" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Oui</span>
                            </div>
                            <div class="flex items-center text-gray-700 dark:text-gray-500 mr-2">
                                <input type="radio" disabled name="valid" value="0" class="horizontal-radio-liam-neeson mx-2"><span class="horizontal-radio-liam-neeson">Non</span>
                            </div>
                        </div>
                    </div>
                    <div class="my-2">
                        <div class="">
                            <label class="font-semibold" for="">Compte</label>
                            <select disabled class="input w-full mt-2 border-2" name="compte" id="">
                                <option value="1">Client Recettes</option>
                                <option value="2">Client Depenses</option>
                                <option value="3">Etude Recettes</option>
                                <option value="4">Etude Depenses</option>
                            </select>
                        </div>
                    </div>
                    
                    <div class="my-2">
                        <div class="">
                            <label class="font-semibold" for="">Date D'échéance</label>
                            <input required disabled type="date" id="ech" name="date_ech" class="input w-full  mt-2 border-2">
                        </div>
                    </div>
                    <div class="my-2">
                        <div class="">
                            <label class="font-semibold">Comptes Bancaires</label>
                            <select required class="input w-full mt-2 border-2" name="compt_banc">
                                <option value="" selected>Séléctionner un compte</option>
                                @foreach($cmpt as $cmpt)
                                <option value="{{$cmpt->id}}">{{$cmpt->munCompt}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                                        

                    <div class="my-2">
                        <div class="">
                            <div class="">
                                <label class="font-semibold">Remarque</label>
                                <textarea disabled class="input w-full border-2 mt-2 border-gray-400" name="remarque"></textarea>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        <!-- END: Vertical Form -->
        <!-- 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 disabled class="input w-full mt-2 border-2" name="id_etape">
                            @foreach($etapes as $etape)
                            <option value="{{$etape->id	}}">{{$etape->nom}}
                            </option>
                            @endforeach
                        </select>
                    </div>

                </div>

            </div>
        </div>
        <!-- END: Horizontal Form -->

  
        
    </div>
</div>



@endsection

@section('script')
<script type="text/javascript">

    $(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');
        $('#charge').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>
@endsection