@extends('admin')

@section('title')
    NotaireApp - Liste Des Dossiers
@endsection

@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">Liste des dossiers</a> </div>
    <!-- END: Breadcrumb -->
@endsection

@section('content')
<div class=" flex lg:flex-row sm:flex-col md:flex-col">
<div class="my-3 flex flex-col mr-2 w-full bg-white px-3 py-3 rounded-lg mt-3">
    <div class="flex flex-row">
        <div class="my-3 flex flex-col mr-2 w-full">
            <div class="">
                <label>List nature d'operations</label>
                <div class=""> 
                    <select class="input w-full mt-2 shadow-lg border-2 lnatur" name="lnatur">
                        @foreach($natur as $nat)
                        <option value="{{$nat->id_operation}}">{{$nat->nature_doperation}}  </option>
                        @endforeach
                    </select>
                    

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

        <div class="my-3 flex flex-col mr-2 w-full ">
            <label>Ajouter une nature d'operations</label>
            <div class="">
                <input type="text"  id="natur" placeholder="nature operations..." class="input mt-2 w-full shadow-lg border-2">
            </div>
            
        </div>
       
    </div>
    <div class="">
        <button class="button bg-green-500 text-white mt-5 valid1" type="submit"> Créer</button>
        <button class="button bg-theme-1 text-white mt-5 hidden modif1" type="submit"> Modifier</button>
        <button class="button bg-red-600 text-white mt-5 hidden del1" type="submit"> Supprimer</button>
    </div>
</div> 

<div class="my-3 flex flex-col mr-2 w-full bg-white px-3 py-3 rounded-lg mt-3">
    <div class="flex flex-row">
        <div class="my-3 flex flex-col mr-2 w-full">
        <div class="">
            <label>List Conservation Foncière</label>
            <div class=""> 
                <select class="input w-full mt-2 shadow-lg border-2 lcat" name="lcat">
                    @foreach($cat as $cat)
                    <option value="{{$cat->Cat}}">{{$cat->Cat}}</option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>
        <div class="my-3 flex flex-col mr-2 w-full">
            <label>Ajouter une Conservation Foncière</label>
            <div class="">
                <input type="text"  id="cat" placeholder="nature operations..." class="input mt-2 w-full shadow-lg border-2">
            </div>
        </div>
    </div>
    <div class="">
        <button class="button bg-green-500 text-white mt-5 valid2" type="submit"> Créer</button>
        <button class="button bg-theme-1 text-white mt-5 hidden modif2" type="submit"> Modifier</button>
        <button class="button bg-red-600 text-white mt-5 hidden del2" type="submit"> Supprimer</button>
    </div>
</div> 
</div> 
<script>
    $(document).ready(function(){
        $.ajaxSetup({headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}});
        //crud naturOperation
        $("#natur").bind("change paste keyup", function() {
            if($(this).val().length==0){
               $('.modif1').hide();
               $('.del1').hide();
            }
        });
       
        });
        $('.lnatur').click(function(){
            idnat=0;
            $.ajax({
                url:"{{route('admin.parametres.addnatur')}}",
                data:{serc:$('.lnatur').val()},
                type:'post',
                dataType:'json',
                success:function(data){
                   $.each(data,function(index,o){
                    $("#natur").val(o.nature_doperation);
                    idnat=o.id_operation;
                   });
                },
                error:function(error){
                    console.log(error);
                },
                });
                $('.modif1').show();
                $('.del1').show();
                $('.modif1').click(function(){
                    $.ajax({
                        url:"{{route('admin.parametres.upnatur')}}",
                        type:'post',
                        dataTaype:'json',
                        data:{idnat:idnat,nat:$('#natur').val()},
                        success:function(data){
                            Swal.fire({
                            position: 'center',
                            icon: 'success',
                            title: 'Votre insertion a été validé',
                            showConfirmButton: false,
                            timer: 1500
                            });
                        location.reload();
                        },
                        error:function(error){

                        },
                    });
                    
                });
                $('.del1').click(function(){
                    $.ajax({
                        url:"{{route('admin.parametres.delnatur')}}",
                        type:'post',
                        dataTaype:'json',
                        data:{idnat:idnat},
                        success:function(data){
                            Swal.fire({
                            position: 'center',
                            icon: 'success',
                            title: 'Votre insertion a été validé',
                            showConfirmButton: false,
                            timer: 1500
                            });
                        location.reload();
                        },
                        error:function(error){
                            console.log(error);
                        },
                    });
                });
        });
        $('.valid1').click(function(){
            $.ajax({
                url:"{{route('admin.parametres.addnatur')}}",
                data:{natur:$('#natur').val()},
                type:'post',
                dataType:'json',
                success:function(data){
                    Swal.fire({
                    position: 'center',
                    icon: 'success',
                    title: 'Votre insertion a été validé',
                    showConfirmButton: false,
                    timer: 1500
                    });
                   location.reload();

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

            });
        });
        //crud categorie proprieter
        $("#cat").bind("change paste keyup", function() {
            if($(this).val().length==0){
               $('.modif2').hide();
               $('.del2').hide();
            }
    });
</script> 
@endsection