@extends('admin')
@section('title')
    NotaireApp - Liste Des Affaires
@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 Affaires</a> </div>
    <!-- END: Breadcrumb -->
@endsection
@section('content')
    <div class="container">
        <div class="">
            <div class="">
                <div class="">
                    <div class="">
                        <!--START - Recent Ticket Comments-->
                        <div class="">
                            {{-- <h6 class="font-semibold my-3">Liste Des Propriétés</h6> --}}
                            <div class="">
                                <div class="">
                                    <div class="intro-y col-span-12 flex flex-wrap sm:flex-no-wrap items-center mt-2">
                                        <a class="hidden addprop button text-white bg-theme-1 shadow-md mr-2"
                                            href="{{ route('admin.index.propriete') }}"> Créer Nouvelle Affaire</a>

                                        <div class="hidden md:block mx-auto text-gray-600" style="visibility: hidden;">
                                            Showing 1 to 10 of 150 entries</div>

                                        <input type="hidden" class="numrowr" value="{{ Session::get('rowcountPRP') }}">

                                    </div>
                                    <div class="intro-y box px-5 py-8 mt-5 overflow-x-scroll">
                                        {{-- <div class="intro-y col-span-12   overflow-x-scroll rounded-lg mt-3 px-2"> --}}
                                        <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">
                                                    {{-- <tr class="shadow-2xl"> --}}
                                                    <th class="text-center whitespace-no-wrap"
                                                        style="border-style: none !important;">Type affaire</th>
                                                    <th class="text-center whitespace-no-wrap"
                                                        style="border-style: none !important;">Catégorie</th>
                                                    <th class="text-center whitespace-no-wrap"
                                                        style="border-style: none !important;">Sous Catégorie</th>
                                                    <!--<th class="text-center whitespace-no-wrap" style="border-style: none !important;">Conservation Foncière</th>-->
                                                    <th class="text-center whitespace-no-wrap hidden addprop"
                                                        style="border-style: none !important;">Actions</th>
                                                </tr>
                                            </thead>
                                            <tbody id='tbd'>
                                                @foreach ($proprs as $propr)
                                                    <tr class="intro-x shadow-md rounded-lg intro-y">
                                                        <td class="text-center">{{ $propr->typ_aff }}</td>
                                                        <td class="text-center">{{ $propr->Cat }}</td>
                                                        <td class="text-center">{{ $propr->denomination }}</td>
                                                        <!--<td class="text-center">{{ $propr->conservationFonciere }}</td>-->
                                                        <td class="hidden addprop table-report__action w-56">

                                                            <div class="flex justify-center items-center ">
                                                                <a class="flex items-center 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"
                                                                    href="{{ route('admin.edit.propr', [$propr->idpropr]) }}">
                                                                    <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 ">
                                                                        <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>
                                                                </a>
                                                                <a class="flex items-center 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"
                                                                    href="javascript:;" data-toggle="modal"
                                                                    data-target="#delete-confirmation-modal{{ $propr->idpropr }}"
                                                                    style="color: red">
                                                                    <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 ">
                                                                        <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>
                                                        </td>
                                                    </tr>
                                                    <!-- BEGIN: Delete Confirmation Modal -->
                                                    <div class="modal" id="delete-confirmation-modal{{ $propr->idpropr }}">
                                                        <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('admin.delete.propr', [$propr->idpropr]) }}">Supprimer</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <!-- END: Delete Confirmation Modal -->
                                                @endforeach
                                            </tbody>
                                        </table>
                                        {{-- </div> --}}
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--END - Recent Ticket Comments-->
                    </div>
                    <script>
                        $('.msg').click(function() {
                            alert('Aucun fichier');
                        });
                    </script>
                </div>
            </div>
        </div>
    </div>
    <script>
        $(document).ready(function() {
            $("#bord").attr('class', 'side-menu');
            $("#client").attr('class', 'side-menu');
            $('#propr').attr('class', 'side-menu side-menu--active');
        });
    </script>
@endsection