@extends('admin')

@section('title')
    NotaireApp - Modifier Une fiche Bien
@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 une fiche Bien</a> </div>
    <!-- END: Breadcrumb -->
@endsection



	<div class=" intro-x container bg-white mt-2 px-8 py-8 rounded-lg">
               
    {{-- <div class="my-2 flex flex-row">
        <div class="bg-white px-3 rounded-lg">
            <span class="font-semibold "><a href="{{url('/')}}">Home</a> </span>
            <span class="mx-2">></span>
            <span class="font-semibold "><a href="">Propriété</a></span>
            <span class="mx-2">></span>
            <span class="">Créer</span>
        </div>
    </div> --}}

    {{-- <div class="content-panel-toggler"><i class="os-icon os-icon-grid-squares-22"></i><span>Sidebar</span></div> --}}
    <div class="container">
        <div class="">
            <div class="">
                <div class="">
                    <div class="">
                        <div class="">
                                {{-- <h5 class="text-2xl">Créer Une Nouvelle Propriété</h5>
                                <div class="text-xl">Il est recommandé de remplir tous les champs du formulaire</div> --}}
                                {{-- action="{{route('admin.store.propriete')}}" --}}
                        <form  method="post" action="{{route('admin.vedit.propr')}}" id="fileinfo"  enctype="multipart/form-data">
                            @csrf
                            <center>
                                <div class="my-2 w-64 ">
                                    @foreach($proprs as $propr)
                                        <input type="hidden" name="id" value="{{$id}}">
                                        <input type="hidden" name="idd" value="{{$id}}">
                                        <div class="">
                                            <div class="">
                                                <div class="">
                                                    <label >Date creation</label>
                                                    <input type="text" disabled value="{{$propr->created_at}}" class="input shadow-lg w-full border-2 my-2 border text-center">
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </center>
                            
                            <div class="flex flex-row">
                                <div class=" flex lg:flex-col w-full ">
                                    <div class="">
                                        <label > Catégorie </label>
                                            <div class=""> 
                                                <select class="input w-full border-2 mt-2 " name="cat">
                                                    @foreach($proprs as $prop)
                                                    <option selected value="{{$prop->id_cat}}">{{$prop->Cat}}</option>
                                                    @endforeach
                                                    @foreach($cats as $cat)
                                                    <option value="{{$cat->id}}">{{$cat->Cat}}</option>
                                                    @endforeach
                                                </select>
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>
                                </div>

                                @foreach($proprs as $propr)
                                <div class="flex flex-col w-full mx-2">
                                    <label for=""> Dénomination du lot </label>
                                    <input class="input w-full  mt-2 border-2" name="nom" value="{{ $propr->denomination }}" placeholder="dénomination " required="required" type="text">
                                </div>
                                
                                
                                <div class="flex flex-col w-full ">
                                    <label for="">Titre foncier </label>
                                    <input class="input w-full  mt-2 border-2" name="titrefon" value="{{ $propr->titreFoncier }}" placeholder="titre foncier" required="required" type="text" >
                                </div>
                                @endforeach

                            </div>
                                <div class="my-2">
                                    <div class="">
                                        
                                        <label for=""> Conservation Foncière </label>
                                        <select name="conser" id="" class="input w-full mt-2 border-2" required="required">
                                            @foreach($proprs as $prop)
                                            <option selected value="{{$prop->id_conv}}">{{$prop->conservationFonciere}}</option>
                                            @endforeach
                                            @foreach($convs as $conv)
                                            <option value="{{$conv->id}}">{{$conv->conservationFonciere}}</option>
                                            @endforeach
                                        </select>
                                        <div class="help-block form-text with-errors form-control-feedback"></div>
                                        
                                    </div>
                                </div>
                                @foreach($proprs as $propr)
                                <div class="my-2">
                                    <div class="">
                                        <div class="flex flex-row">
                                            <div class="flex flex-col w-full">
                                                <label for=""> Superficie</label>
                                                <input class="input w-full border-2 mt-2" value="{{$propr->super}}" name="super" placeholder="Superficie" value="" required="required" type="number">
                                            </div>
                                                <div class="flex flex-col w-64 ml-2">
                                                <label for=""> Unité</label>
                                                <select name="unit" id="" class="input w-full mt-2 border-2" required="required">
                                                    <option selected value="{{$prop->unit}}">{{$prop->unit}}</option>
                                                    <option value=">mètre carré">mètre carré</option>
                                                    <option value="hectare">hectare</option>
                                                </select>
                                            </div>        
                                        </div>
                                    </div>
                                </div>
                                
                                {{-- <div class="my-2">
                                    <label class="my-2"> Origine De Propriété</label>
                                    <div class="dropzone border-gray-200 border-dashed border-2">
                                        <div class="flex w-full h-24 items-center justify-center bg-grey-lighter ">
                                            <label class="w-64 flex flex-col items-center px-4 py-6 bg-white text-blue rounded-lg shadow-lg tracking-wide uppercase border border-blue-500 cursor-pointer hover:bg-blue-500 hover:text-white">
                                                <svg class="w-8 h-8" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
                                                    <path d="M16.88 9.1A4 4 0 0 1 16 17H5a5 5 0 0 1-1-9.9V7a3 3 0 0 1 4.52-2.59A4.98 4.98 0 0 1 17 8c0 .38-.04.74-.12 1.1zM11 11h3l-4-4-4 4h3v3h2v-3z" />
                                                </svg>
                                                <span class="mt-2 text-base leading-normal">Select a file</span>
                                                <input type='file' name="org" class="hidden" value="{{ $propr->conservationFonciere }}" />
                                            </label>
                                        </div>
                                    </div> 
                                </div>        --}}

                                <div class="">
                                    <div class="">
                                        <div class="" >
                                            <label for=""> Adresse</label>
                                            <input class="input w-full  mt-2 border-2" name="adresse" placeholder="Adresse"value="{{ $propr->adr }}" required="required" type="text">
                                            <div class="help-block form-text with-errors form-control-feedback"></div>
                                        </div>
                                    </div>
                                </div>
                                
                                <div class="my-2">
                                        <div class="">
                                            <div class="">
                                                <label for="">Complément</label>
                                                <input class="input w-full border-2 mt-2"  name="complement"  placeholder="Complément" required="required" type="text" value="{{ $propr->complement }}">
                                                
                                            </div>
                                        </div>
                                </div>
                                
                                <div class="my-2">
                                    <div class="">
                                        <div class="">
                                            <label for=""> Ville</label>
                                            <input class="input w-full border-2 mt-2 " name="ville"  placeholder="Ville" required="required" type="text" value="{{ $propr->ville }}">
                                            
                                        </div>
                                    </div>
                                </div>
                                @endforeach 
                               
                                {{-- <div class="my-2">
                                    <div class="">
                                        <label >Pièces joints multiple</label>
                                        <input type="file" name="file[]" class="input hover:bg-blue-500 w-full border-2 mt-2 border" multiple>
                                    </div>
                                </div> --}}
                                <div class="gpice">
                                    <div class="flex flex-row 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="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" name="id_typefichier[]">
                                                <option value="0">Séléctionner un type de fichier</option>
                                                @foreach($typefichiers as $file)
                                                <option value="{{$file->id	}}">{{$file->nom}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="my-2 flex flex-col text-white font-semibold">
                                            <span class="p-4 bg-blue-500 mt-5 ml-2 rounded-full hover:bg-blue-600 cursor-pointer addpice">Ajouter</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="tpice hidden">
                                    
                                    <div class="flex flex-row 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="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" name="id_typefichier[]">
                                                <option value="0">Séléctionner un type de fichier</option>
                                                @foreach($typefichiers as $file)
                                                <option value="{{$file->id	}}">{{$file->nom}}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div class="my-2 flex flex-row text-white font-semibold kill">
                                            <span class="p-4 bg-red-500 mt-5 ml-2 rounded-full hover:bg-red-600 cursor-pointer ">Supprimer</span>
                                        </div>
                                    </div>
                                </div>   
                                <div class="my-2">
                                    @if($files->count()>0)
                                    <label>Pièces joints</label>
                                    <div class="flex items-center">
                                        
                                        <div class="flex flex-row border-gray-500 border-2 border-dashed my-2 px-3 py-6 rounded-md w-full">
                                        <div class="grid grid-cols-1 ">
                                            @foreach($files as $file)
                                            <input type="hidden" id="filecount" value="{{$file->count()}}">
                                            @if($file!=null)
                                            <div class="mx-2 border-gray-500 border-2 border  rounded-lg relative my-2 contf w-full">
                                                <p class="font-bold text-gray-500 cursor-pointer absolute  right-0 mx-1 killp " id="{{$file->id}}" name="{{$file->file}}">x</p>
                                                <div class="flex flex-row">
                                                <div class="flex-col px-2 py-6 w-full">
                                                    <a href="{{asset('files/'.$file->file)}}" class=" mx-2 button bg-blue-400 text-white mt-5 "><span class="overflow-hidden">{{$file->file_name }}</span></a>
                                                </div>
                                                <div class="w-full mt-4 pb-2 mr-3">
                                                    <select class="input  border-2  border-gray-400 " name="id_typefichier[]">
                                                        <option value="{{$file->id_typefichier}}">{{$file->nom}}</option>
                                                        @foreach($typefichiers as $file)
                                                        <option value="{{$file->id	}}">{{$file->nom}}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                </div>
                                            </div>
                                            @else
                                            <div class="mx-2 border-gray-500 border-2 border rounded-lg relative "> 
                                                <p class="font-bold text-gray-500  absolute  right-0 mx-1">Aucune Pièce a affiche</p>
                                            </div>
                                            @endif
                                            @endforeach
                                        </div>
                                        </div>
                                       
                                    </div>
                                    @endif
                                </div>
                                
                                @foreach($proprs as $propr)
                                <div class="my-2">
                                    <div class="">
                                        <div class="">
                                            <label >Description</label>
                                            <textarea name="desc" id="desc"class="input w-full border-2 mt-2 border" value="">{{$propr->desc}}</textarea>
                                            
                                        </div>
                                    </div>
                                </div>
                               @endforeach
                                <div class="my-2">
                                    <button class="button bg-theme-1 text-white mt-5 valid hover:shadow-xl duration-200" type="submit"> Modifier</button>
                                    <button class="button  text-white mt-5 cncl hover:shadow-xl duration-200" style="background-color: #bfbfbf;" type="submit"> Annuler</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript">
        
    $(document).ready(function(){
        
        $("#bord").attr('class','side-menu');
        $("#client").attr('class','side-menu');
        $('#propr').attr('class','side-menu side-menu--active');
        
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
       
        });

         // hada houwa js lli ki dupliki dak div lli lfo9
         $("body").on("click",".addpice",function(){
            var html = $(".tpice").html();
            $(".gpice").after(html);
        });
        // hada diyal remove db sir lcontroller diyal 'ProprieteController'
        $("body").on("click",".kill",function(){ 
            $(this).parent().toggle();
        });
        var conf ;
        $('.killp').click(function(){
            conf = confirm('etes-vous sure de votre action');
            if(conf==true){
            $.ajax({
                url:"{{route('admin.vedit.propr')}}",
                dataType:'json',
                type:'post',
                data:{
                did:$(this).attr('id'),
                dfile:$(this).attr('name')
                },
                success:function(data){
                    console.log(data);
                },
                error:function(error){
                    console.log(error);
                },
            
            });
        }
        });

        var closebtns = $(".killp");
        var i;
        
        for (i = 0; i < closebtns.length; i++) {
        closebtns[i].addEventListener("click", function() {
            if(conf==true){
            this.parentElement.style.display = 'none';
            }
        });
        }
      
        $('.cncl').click(function(){
            window.location.href = "{{route('admin.list.propriete')}}";
        });
        $('.valid').click(function(event){
            event.preventDefault();
            formData =new FormData(document.getElementById("fileinfo"));
            
            $.ajax({
                url:"{{route('admin.vedit.propr')}}",
                // enctype: 'multipart/form-data',
                
                type:'post',
                
                dataType:'json',
                // timeout: 600000,
                data:formData,
                processData: false,
                contentType: false,
                cache: false,
                success:function(data){
                    Swal.fire({
                    timer: 3000,
                    position: 'center',
                    icon: 'success',
                    title: 'Votre insertion a été validé',
                    showConfirmButton: false,
                    timer: 1500
                    });
                    window.location.href = "{{route('admin.list.propriete')}}";
                    console.log(data);
                },
                error:function(error){
                    // console.log(error);
                    Swal.fire({
                    icon: 'error',
                    title: 'Oops...',
                    text: 'Un problème est survenu!',
                    
                    });
                },
                
            });
           
        });
            
    }); 
    
</script>
@endsection