@extends('admin')

@section('title')
    NotaireApp - Liste Des Clients
@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 acheteurs</a> </div>
    <!-- END: Breadcrumb -->
@endsection

@section('content')

<h2 class="intro-y text-lg font-medium mt-10">
    Liste des acheteurs du dossier N°  </h2>

<div class="grid grid-cols-12 gap-6 mt-5">
    <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="{{ url('/admin/acheteur/create/'.$dossier->id) }}">Ajouter Nouveau Client</a>
        <div class="hidden md:block mx-auto text-gray-600" style="visibility: hidden;">Showing 1 to 10 of 150 entries</div>
        <div class="w-full sm:w-auto mt-3 sm:mt-0 sm:ml-auto md:ml-0 hidden">
            <div class="w-56 relative text-gray-700 dark:text-gray-300">
                <input type="text" class="input w-56 box pr-10 placeholder-theme-13" placeholder="Recherche...">
                <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-search w-4 h-4 absolute my-auto inset-y-0 mr-3 right-0"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> 
            </div>
        </div>
    </div>
    <!-- BEGIN: Data List -->
    <div class="intro-y col-span-12 overflow-auto lg:overflow-visible">
        <table class="table table-report -mt-2">
            <thead>
                <tr>
                    <th class="text-center whitespace-no-wrap">NUM DOSSIER</th>
                    <th class="text-center whitespace-no-wrap">NOM DE CLIENT</th>
                    <th class="text-center whitespace-no-wrap">DATE</th>
                    <th class="text-center whitespace-no-wrap">ACTIONS</th>
                </tr>
                
            </thead>
            <tbody>
                @foreach( $acheteurs as $acheteur )
                
                <tr class="intro-x">
                    <td class="text-center">{{ $acheteur->num_dossier }}</td>
                    @if($acheteur->type == 1)
                    <td class="text-center">{{ $acheteur->name }} {{ $acheteur->prenom }}</td>
                    @else 
                    <td class="text-center">{{ $acheteur->raisonsocial }}</td>
                    @endif
                    <td class="text-center">{{ $acheteur->created_at }}</td>
                    <td class="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="{{ URL::to('/admin/acheteur/edit/'.$acheteur->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 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{{ $acheteur->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>
                            <a target="_blank" href="{{route('etatCompte',[$dossier->id,$acheteur->id_client,'acht'])}}"class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-400 dark:hover:bg-dark-2 rounded-md"> <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-file-text w-4 h-4 "><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path><polyline points="14 2 14 8 20 8"></polyline><line x1="16" y1="13" x2="8" y2="13"></line><line x1="16" y1="17" x2="8" y2="17"></line><polyline points="10 9 9 9 8 9"></polyline></svg></a>
                        </div>
                    </td>
                </tr>

                <!-- BEGIN: Delete Confirmation Modal -->
                <div class="modal" id="delete-confirmation-modal{{ $acheteur->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="{{ URL::to('/admin/acheteur/delete/'.$acheteur->id) }}">Supprimer</a>
                        </div>
                    </div>
                </div>
                <!-- END: Delete Confirmation Modal -->
                @endforeach

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



    </div>
    
@endsection

@section('script')
<script>
        $(document).ready(function(){
            $("#bord").attr('class','side-menu');
            $("#client").attr('class','side-menu side-menu');
            $('#propr').attr('class','side-menu side-menu');
            $('#dossier').attr('class','side-menu side-menu--active');
            $('#acheteur').attr('class','side-menu side-menu');

        });
    </script>
@endsection