@extends('admin')

@section('title')
    NotaireApp - Liste Des 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"></a> Liste Des Règlement Tva
    </div>
    <!-- END: Breadcrumb -->
@endsection
@section('content')
    <h2 class="intro-y text-lg font-medium mt-10">
        Liste Des Règlement Tva
    </h2>
    <div class="">
        <div class="intro-y col-span-12 flex flex-wrap sm:flex-no-wrap items-center mt-2">
            <a class="button text-white bg-theme-1 shadow-md mr-2 " href="{{ route('RegTva_cree') }}">Ajouter
                Nouveau Règlement Tva</a>
            <div class="hidden md:block mx-auto text-gray-600" style="visibility: hidden;">Showing 1 to 10 of 150 entries
            </div>
        </div>
        <!-- BEGIN: Data List -->
        <div class="intro-y box px-5 py-8 mt-5 overflow-x-scroll overflow-y-hidden">
            <table class="table table-report -mt-2 border-none" style="border-style: none !important;" id="table_id">
                <thead style="border-style: none !important;">
                    <tr class="shadow-lg">
                        <th class="text-center whitespace-no-wrap" style="border-style: none !important;">Mode Règlement</th>
                        <th class="text-center whitespace-no-wrap" style="border-style: none !important;">Montant</th>
                        <th class="text-center whitespace-no-wrap" style="border-style: none !important;">Date Dépense</th>
                        <th class="text-center whitespace-no-wrap" style="border-style: none !important;">ACTIONS</th>
                    </tr>
                </thead>
                <tbody id="tbd">
                    @foreach ($ReglTva as $items)
                        <tr class="intro-x shadow-md rounded-lg intro-y ">
                            <td class="text-center">
                                {{$items->mode_reg}}
                            </td>
                            <td class="text-center">
                                {{$items->montant}}
                            </td>
                            <td class="text-center">
                                {{$items->date_reg}}
                            </td>
                            <td class="table-report__action w-56">
                                <div class="flex justify-center items-center">
                                    <a title="Modifier" class="flex items-center my-3 p-3 rounded-lg hover:bg-gray-300" href="{{route('edit_regTva',[$items->id])}}"> 
                                        <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-check-square w-4 h-4 mr-1'><polyline points='9 11 12 14 22 4'></polyline><path d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'></path></svg> 
                                        Modifier
                                    </a>
                                    <a title="Supprimer" class="flex items-center my-3 p-3 rounded-lg hover:bg-gray-300 text-theme-6" href="javascript:;" data-toggle="modal" data-target="#delete-confirmation-modal{{ $items->id }}"> <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> Supprimer</a>    
                                </div>
                            </td>
                        </tr>

                        <!-- BEGIN: Delete Confirmation Modal -->
                        <div class="modal" id="delete-confirmation-modal{{$items->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>
                                    <a class="button w-24 bg-theme-6 text-white"
                                        href="{{route('RegTva_del',[$items->id])}}">Supprimer</a>
                                </div>
                            </div>
                        </div>
                        <!-- END: Delete Confirmation Modal -->
                    @endforeach

                </tbody>
            </table>
        </div>
        <!-- END: Data List -->
    </div>
@endsection