@extends('admin')

@section('title')
    NotaireApp - Modifier Une Affaire
@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 Affaire</a> </div>
    <!-- END: Breadcrumb -->
@endsection
<div class="my-3 p-5 box w-56">
    <div class="-intro-x">
        <label> Type d'affaire </label>
        <select class="input w-full mt-2 border-2 typ_aff">
            <option value="Immobilier"
                {{ $proprs->map(function ($item) {return $item->typ_aff;})[0] == 'Immobilier'? 'selected': '' }}>
                immobilier</option>
            <option value="Non immobilier"
                {{ $proprs->map(function ($item) {return $item->typ_aff;})[0] == 'Non immobilier'? 'selected': '' }}>
                Non immobilier</option>
        </select>
    </div>
</div>
<div class=" intro-x container bg-white mt-2 px-8 py-8 rounded-lg">
    <div class="container">
        <div class="">
            <div class="">
                <div class="">
                    <div class="">
                        <div class="">
                            <form method="post" action="{{ route('admin.vedit.propr') }}" id="fileinfo"
                                enctype="multipart/form-data">
                                @csrf
                                <input type="hidden" name="typ_aff" class="typ_aff_val"
                                    value="{{ $proprs->map(function ($item) {return $item->typ_aff;})[0] }}">
                                <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="">Sous Catégorie </label>
                                            <input class="input w-full  mt-2 border-2" name="nom"
                                                value="{{ $propr->denomination }}" placeholder="dénomination "
                                                required="required" type="text">
                                        </div>
                                    @endforeach

                                </div>
                                <div
                                    class="Form_immob {{ $proprs->map(function ($item) {return $item->typ_aff;})[0] == 'Non immobilier'? 'hidden': '' }}">
                                    <div class="my-2 grid lg:grid-cols-2 md:grid-cols-2 sm:grid-cols-1 gap-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>
                                        @foreach ($proprs as $propr)
                                            <div class="  ">
                                                <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>
                                    @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="">
                                            <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>


                                <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 jointes multiples</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="3">Séléctionner un type de fichier</option>
                                                @foreach ($typefichiers as $file)
                                                    <option value="{{ $file->id }}">{{ $file->nom }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div style="margin-top: 1.8rem;margin-buttom: 1.8rem;"
                                            class="flex flex-row text-white font-semibold ">
                                            <span class=" ml-2">
                                                <img class="addpice"
                                                    src="https://img.icons8.com/flat_round/128/000000/plus.png" />
                                            </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 ">

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

                                            <select class="input w-full border-2 pb-3 border-gray-400 mt-2" required
                                                name="id_typefichier[]">
                                                <option value="3">Séléctionner un type de fichier</option>
                                                @foreach ($typefichiers as $file)
                                                    <option value="{{ $file->id }}">{{ $file->nom }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                        <div style="margin-top: 0.6rem; margin-buttom: 0.6rem;"
                                            class=" flex flex-row text-white font-semibold kill">
                                            <span class=" ml-2"><img
                                                    src="https://img.icons8.com/flat_round/128/000000/delete-sign.png" /></span>
                                        </div>
                                    </div>
                                </div>

                                <div class="intro-y box mt-5 col-span-12 lg:col-span-6 shadow-lg">
                                    <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 target="_blank"
                                                        href="{{ URL::to($path->paths . $fichier->file) }}"
                                                        class="w-12 file__icon file__icon--directory"></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 "><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-trash-2 w-4 h-4 mr-1">
                                                            <polyline points="3 6 5 6 21 6"></polyline>
                                                            <path
                                                                d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2">
                                                            </path>
                                                            <line x1="10" y1="11" x2="10"
                                                                y2="17"></line>
                                                            <line x1="14" y1="11" x2="14"
                                                                y2="17"></line>
                                                        </svg></a>
                                                    <div class="dropdown-box w-40 shadow-lg">
                                                        <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 text-white font-semibold bg-red-500 dark:bg-dark-1 hover:bg-red-600 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>
                                                        <button type="button"
                                                            class="button w-24 bg-theme-6 text-white killp"
                                                            id="{{ $fichier->id }}"
                                                            name="{{ $file->file }}">Supprimer</button>

                                                        {{-- <a class="button w-24 bg-theme-6 text-white killp" href="{{ URL::to('/admin/fichier/delete/'.$fichier->id) }}">Supprimer</a> --}}
                                                    </div>
                                                </div>
                                            </div>

                                        @empty

                                            <div class="flex items-center">
                                                <p>Aucune Pièce joint</p>
                                            </div>
                                        @endforelse

                                    </div>
                                </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() {
        $('body').on('change', '.typ_aff', function() {
            $('.typ_aff_val').val($(this).val());

            if ($(this).val() != 'Immobilier') {
                $('.Form_immob').hide("slow");
            } else {
                $('.Form_immob').show("slow");
            }
        });
        $("#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() {
            $.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);
                    location.reload();
                },
                error: function(error) {
                    console.log(error);
                },

            });
            
        });

        $('.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
                    }).then((result)=>{
                        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