@extends('admin')

@section('title')
    NotaireApp - Modifier Règlement Tva
@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">Modifier
            Règlement</a> </div>
    <!-- END: Breadcrumb -->
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endsection
@section('content')
    <div class="intro-x">
        <form action="" id="from_data" enctype="multipart/form-data">
            <input type="hidden" name="regTvaId" value="{{ $ReglTva->id }}">
            <div class="grid grid-cols-12 gap-6 mt-5">

                <div class="intro-y col-span-12 lg:col-span-6">
                    <div class="intro-y box p-5">
                        <div class="my-3">
                            <div class="">
                                <label for="">Mode Reglement </label>
                                <select class="input w-full mt-2 border-2" required="" name="mode_reg" id="mode-reg">
                                    <option value="Espèces" {{ $ReglTva->mode_reg == 'Espèces' ? 'selected' : '' }}>Espèces
                                    </option>
                                    <option value="Cheque" {{ $ReglTva->mode_reg == 'Cheque' ? 'selected' : '' }}>Chéque
                                    </option>
                                    <option value="Virement" {{ $ReglTva->mode_reg == 'Virement' ? 'selected' : '' }}>
                                        Virement</option>
                                    <option value="Carte bancaire"
                                        {{ $ReglTva->mode_reg == 'Carte bancaire' ? 'selected' : '' }}>Carte bancaire
                                    </option>
                                    
                                    <option value="Autre" {{ $ReglTva->mode_reg == 'Autre' ? 'selected' : '' }}>Autre
                                    </option>
                                </select>
                            </div>
                        </div>
                        <div class="my-3 {{ $ReglTva->mode_reg == 'Espèces' ? 'hidden' : '' }}" id="compt_bank">
                            <div class="" >
                                <label for="">Compte Bancaire</label>
                                <select class="input w-full mt-2 border-2 " name="compt_bank" >
                                    <option value="0">Sélectionner un compte</option>
                                    @foreach ($compte as $item)
                                        <option value="{{$item->id}}" {{($ReglTva->compt_bank==$item->id)? 'selected' : ''}}>{{$item->nomCompt}}--{{$item->munCompt}}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                        <div class="my-2">
                            <div class="">
                                <div class="">
                                    <label for="">Montant</label>
                                    <input class="input w-full border-2 mt-2" name="montant" placeholder="Montant"
                                        type="number" step="0.01" value="{{ $ReglTva->montant }}">
                                </div>
                            </div>
                        </div>
                        <div class="my-2">
                            <div class="">
                                <div class="">
                                    <label for="">Date Dépense</label>
                                    <input class="input w-full border-2 mt-2 " name="date_reg" placeholder="Date"
                                        type="date" value="{{ date('Y-m-d', strtotime($ReglTva->date_reg)) }}">
                                </div>
                            </div>
                        </div>
                        <div class="my-2">
                            <div class="">
                                <div class="">
                                    <label for="">Observation</label>
                                    <textarea class="input w-full border mt-2" name="descr" placeholder="Ramarque">{{ $ReglTva->descr }}</textarea>
                                </div>
                            </div>
                        </div>
                    </div>

                </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">
                                Ajouter des pièces jointes
                            </h2>

                        </div>
                        <div class="p-5" id="vertical-form">
                            <div class="p-5" id="multiple-file-upload">
                                <div class="preview">
                                    <div class="fallback">
                                        <input type="file" name="joint" class="input border w-full">
                                    </div>
                                </div>
                            </div>
                        </div>


                        @if (!empty($ReglTva->joint))
                            <div class="file rounded-lg px-5 pt-8 pb-5 px-3 sm:px-5 file_">

                                <span class="w-16 file__icon file__icon--file mx-auto">
                                    <a class="" href="{{ asset($path->paths . $ReglTva->joint) }}" target="_blanck">
                                        <div class="file__icon__file-name"></div>
                                    </a>
                                    <a href="javascript:;" data-toggle="modal" data-target="#delete-modal-preview"
                                        class="w-5 h-5 flex items-center justify-center absolute rounded-full text-white bg-theme-6 left-0 top-0 -mr-2 -mt-2">
                                        <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 w-4 h-4 ">
                                            <line x1="18" y1="6" x2="6" y2="18"></line>
                                            <line x1="6" y1="6" x2="18" y2="18"></line>
                                        </svg>
                                    </a>
                                </span>


                                <center>
                                    <div class="text-center  w-40">
                                        <span class="block font-medium mt-4 text-center truncate">{{ $ReglTva->joint }}</span>
                                    </div>
                                </center>
                                <input type="hidden" name="joint_exist" value="{{ $ReglTva->joint }}">
                            </div>
                            {{-- model delete --}}
                            <div class="modal" id="delete-modal-preview">
                                <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 dark:border-dark-5 dark:text-gray-300 mr-1">Annuler</button>
                                        <button type="button" data-dismiss="modal" class="kill button w-24 bg-theme-6 text-white">Effacer</button>
                                    </div>
                                </div>
                            </div>
                            {{-- end model delete --}}
                        @endif

                    </div>
                    <div class="intro-y box p-5 mt-3">
                        <div class="grid justify-itmes-center">
                            <button class="button bg-theme-1 text-white mt-5 valid " type="submit">
                                Enregistrer</button>
                        </div>
                    </div>
                </div>

            </div>
        </form>
    </div>
@endsection
@section('script')
    <script>
        $('body').on('click', '.kill', function() {
            $('.file_').html("");

        });
        $('.valid').click(function() {
            event.preventDefault();
            var from_data = new FormData(document.getElementById('from_data'));
            $.ajax({
                url: `{{ route('RegTva_edit_data') }}`,
                dataType: 'json',
                type: 'post',
                // enctype="multipart/form-data",
                data: from_data,
                contentType: false,
                processData: false,
                cache: false,
                success: function(data) {
                    // console.log(data);
                    window.location.replace(`{{route('RegTva_list')}}`);
                },
                error: function(error) {
                    console.log(error);
                },
            });

        });
    </script>
@endsection