@extends('admin')

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

@section('content')
    <h2 class="intro-y text-lg font-medium mt-10">
        Liste des dossiers
    </h2>

    <div class="mt-5">
        <div class="intro-y col-span-12 flex flex-wrap sm:flex-no-wrap items-center mt-2">
            <a class="adddoss hidden button text-white bg-theme-1 shadow-md mr-2"
                href="{{ url('/admin/dossier/create') }}">Ajouter Nouveau Dossier</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('rowcountDOS') }}">

        </div>

        <!-- BEGIN: Data List -->
        <div class="intro-y box px-5 py-8 mt-5 overflow-x-scroll overflow-y-hidden">
            {{-- <div class="intro-y w-full 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="whitespace-no-wrap text-center" style="border-style: none !important;">NUM DOSSIER</th>
                        <th class="whitespace-no-wrap text-center" style="border-style: none !important;">NOM DOSSIER</th>
                        <th class="text-center whitespace-no-wrap" style="border-style: none !important;">NUMERO REPERTOIRE
                        </th>
                        <th class="text-center whitespace-no-wrap" style="border-style: none !important;">ÉTAPE</th>
                        {{-- <th class="text-center whitespace-no-wrap" style="border-style: none !important;">NUM AFFAIRE</th> --}}
                        {{-- <th class="text-center whitespace-no-wrap" style="border-style: none !important;">Partie 1</th>
                        <th class="text-center whitespace-no-wrap" style="border-style: none !important;">Partie 2</th> --}}
                        <th class="text-center whitespace-no-wrap" style="border-style: none !important;">ACTIONS</th>
                    </tr>
                </thead>
                <tbody id="tbd">
                    @foreach ($dossiers as $dossier)
                        <tr class="intro-x shadow-md rounded-lg intro-y ">
                            <td class="w-40 text-center" style=" height: 68px;">
                                {{ $dossier->num_dossier }}
                            </td>
                            <td class="w-40 text-center" style=" height: 68px;">
                                {{ $dossier->nom_dossier }}
                            </td>
                            <td class="text-center">{{ $dossier->num_repertoire }}</td>
                            <td class="text-center">{{ $dossier->nom }}</td>
                            {{-- <td class="text-center">{{ $dossier->num_affaire }}</td> --}}
                            {{-- <td class="text-center">
                                @isset($acheteurs)
                                    @foreach ($acheteurs as $acheteur)
                                        @if ($dossier->id == $acheteur->id_dossier)
                                            <a href="javascript:;" style="display:block; color:royalblue;"
                                                client-type="acheteur" client-id="{{ $acheteur->id_client }}"
                                                data-toggle="modal" data-target="#user_modal_acheteur"
                                                class="btn-acheteur">{{ $acheteur->type == 0 ? $acheteur->raisonsocial : $acheteur->name . ' ' }}</a>
                                        @endif
                                    @endforeach
                                @endisset
                             </td>
                            <td class="text-center">
                                @isset($vendeurs)
                                    @foreach ($vendeurs as $vendeur)
                                        @if ($dossier->id == $vendeur->id_dossier)
                                            <a href="javascript:;" style="display:block; color:royalblue;" type="vendeur"
                                                client-id="{{ $vendeur->id_client }}" data-toggle="modal"
                                                data-target="#user_modal_vendeur" class="btn-vendeur">
                                                @if ($vendeur->type == 0)
                                                    {{ $vendeur->raisonsocial }}
                                                @else
                                                    {{ $vendeur->name . ' ' }}
                                                @endif
                                            </a>
                                        @endif
                                    @endforeach
                                @endisset
                            </td> --}}

                            <td class="table-report__action w-56">
                                <div class="flex justify-center items-center">
                                    <div class="adddoss hidden ">
                                        <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/dossier/edit/' . $dossier->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{{ $dossier->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>
                                    </div>
                                    <div class="dropdown rounded-lg duration-200 hover:shadow-xl shadow-md ">
                                        <button class="dropdown-toggle button px-2 box text-gray-700 dark:text-gray-300">
                                            <span class="w-5 h-5 flex items-center justify-center"> <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-plus w-4 h-4">
                                                    <line x1="12" y1="5" x2="12" y2="19">
                                                    </line>
                                                    <line x1="5" y1="12" x2="19" y2="12">
                                                    </line>
                                                </svg> </span>
                                        </button>
                                        <div class="dropdown-box w-40">
                                            <div class="dropdown-box__content box dark:bg-dark-1 p-2 ">
                                                <a href="{{ URL::to('/admin/acheteurs/' . $dossier->id) }}"
                                                    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">
                                                    <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 mr-2">
                                                        <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> Listes des client </a>
                                                <a href="{{ URL::to('/admin/vendeurs/' . $dossier->id) }}"
                                                    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">
                                                    <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 mr-2">
                                                        <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> Listes des vendeurs </a>
                                                <div class="addregl hidden ">
                                                    <a href="{{ route('admin.reg.regl', [$dossier->id]) }}"
                                                        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">
                                                        <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 mr-2">
                                                            <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> Ajouter règlement </a>
                                                </div>
                                                <div class="seeregl hidden">
                                                    @if ($dossier->id_reg_dos != null)
                                                        <a href="{{ route('admin.reg.list', [$dossier->id]) }}"
                                                            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">
                                                            <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 mr-2">
                                                                <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> List règlements </a>
                                                    @endif
                                                </div>
                                                <div class="seecharge hidden">
                                                    <a href="{{ URL::to('/admin/charges/' . $dossier->id) }}"
                                                        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">
                                                        <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 mr-2">
                                                            <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> Les Dépenses </a>
                                                </div>
                                                <a target="_blank" href="{{ route('Consignation', [$dossier->id]) }}"
                                                    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">
                                                    <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 mr-2">
                                                        <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> Consignation PDF </a>
                                                <a target="_blank" href="{{ route('lydec', [$dossier->id]) }}"
                                                    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">
                                                    <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 mr-2">
                                                        <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> Attestation Lydec PDF </a>
                                                <a target="_blank"
                                                    href="{{ route('etatCompte', [$dossier->id, 0, 'none']) }}"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">
                                                    <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 mr-2">
                                                        <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>Recettes et Dépenses</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </td>
                        </tr>

                        <!-- BEGIN: Delete Confirmation Modal -->
                        <div class="modal" id="delete-confirmation-modal{{ $dossier->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/dossier/delete/' . $dossier->id) }}">Supprimer</a>
                                </div>
                            </div>
                        </div>
                        <!-- END: Delete Confirmation Modal -->
                    @endforeach
                    <!-- User Modal -->
                    <div class="modal" id="user_modal_acheteur">
                        <div class="modal__content">
                            <div class="p-5 text-center">
                                <div class="text-3xl mt-5">informations sur client </div>
                            </div>
                            <div>
                                <div class="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4 flex flex-col my-2">
                                    <div class="-mx-3 md:flex mb-6">
                                        <div class="md:w-1/2 px-3 mb-6 md:mb-0">
                                            <label
                                                class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2"
                                                for="grid-rs-a">
                                                Réseau social
                                            </label>
                                            <input
                                                class="appearance-none block w-full bg-grey-lighter text-grey-darker border border-red rounded py-3 px-4 mb-3"
                                                id="grid-rs-a" type="text" disabled>
                                        </div>
                                        <div class="md:w-1/2 px-3">
                                            <label
                                                class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2"
                                                for="grid-nom-a">
                                                Nom
                                            </label>
                                            <input
                                                class="appearance-none block w-full bg-grey-lighter text-grey-darker border border-grey-lighter rounded py-3 px-4"
                                                id="grid-nom-a" type="text" disabled>
                                        </div>
                                    </div>
                                    <div class="-mx-3 md:flex mb-6">
                                        <div class="md:w-1/2 px-3 mb-6 md:mb-0">
                                            <label
                                                class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2"
                                                for="grid-email-a">
                                                Email
                                            </label>
                                            <input
                                                class="appearance-none block w-full bg-grey-lighter text-grey-darker border border-red rounded py-3 px-4 mb-3"
                                                id="grid-email-a" type="text" disabled>
                                        </div>
                                        <div class="md:w-1/2 px-3">
                                            <label
                                                class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2"
                                                for="grid-tel-v">
                                                Tel
                                            </label>
                                            <input
                                                class="appearance-none block w-full bg-grey-lighter text-grey-darker border border-grey-lighter rounded py-3 px-4"
                                                id="grid-tel-a" type="text" disabled>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="px-5 pb-8 text-center" style="display: flex;justify-content: flex-end;">
                                <a style="background-color:#666666;" class="button w-24 bg-theme-6 text-white"
                                    href="javascript:;" data-dismiss="modal">Annuler</a>
                            </div>
                        </div>
                    </div>

                    <div class="modal" id="user_modal_vendeur">
                        <div class="modal__content">
                            <div class="p-5 text-center">
                                <div class="text-3xl mt-5">Les informations Du vendeur </div>
                            </div>
                            <div>
                                <div class="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4 flex flex-col my-2">
                                    <div class="-mx-3 md:flex mb-6">
                                        <div class="md:w-1/2 px-3 mb-6 md:mb-0">
                                            <label
                                                class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2"
                                                for="grid-rs-v">
                                                Réseau social
                                            </label>
                                            <input
                                                class="appearance-none block w-full bg-grey-lighter text-grey-darker border border-red rounded py-3 px-4 mb-3"
                                                id="grid-rs-v" type="text" disabled>
                                        </div>
                                        <div class="md:w-1/2 px-3">
                                            <label
                                                class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2"
                                                for="grid-nom-v">
                                                Nom
                                            </label>
                                            <input
                                                class="appearance-none block w-full bg-grey-lighter text-grey-darker border border-grey-lighter rounded py-3 px-4"
                                                id="grid-nom-v" type="text" disabled>
                                        </div>
                                    </div>
                                    <div class="-mx-3 md:flex mb-6">
                                        <div class="md:w-1/2 px-3 mb-6 md:mb-0">
                                            <label
                                                class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2"
                                                for="grid-email-v">
                                                Email
                                            </label>
                                            <input
                                                class="appearance-none block w-full bg-grey-lighter text-grey-darker border border-red rounded py-3 px-4 mb-3"
                                                id="grid-email-v" type="text" disabled>
                                        </div>
                                        <div class="md:w-1/2 px-3">
                                            <label
                                                class="block uppercase tracking-wide text-grey-darker text-xs font-bold mb-2"
                                                for="grid-tel-v">
                                                Tel
                                            </label>
                                            <input
                                                class="appearance-none block w-full bg-grey-lighter text-grey-darker border border-grey-lighter rounded py-3 px-4"
                                                id="grid-tel-v" type="text" disabled>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="px-5 pb-8 text-center" style="display: flex;justify-content: flex-end;">
                                <a style="background-color:#666666;" class="button w-24 bg-theme-6 text-white"
                                    href="javascript:;" data-dismiss="modal">Annuler</a>
                            </div>
                        </div>
                    </div>

                </tbody>
            </table>
            {{-- </div> --}}
        </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');
        });
    </script>
    <script>
        $('.btn-acheteur').click(function() {
            let id = $(this).attr('client-id');
            //change informations
            url_t = "{{ route('get-cli', '+id+') }}";
            _url = url_t.replace('id', id);

            let _token = $('meta[name="csrf-token"]').attr('content');
            $.ajax({
                url: _url,
                type: "POST",
                data: {
                    _token: _token
                },
                success: function(response) {
                    if (response) {
                        // console.log(response.phone_sos);
                        $('#grid-rs-a').val(response.raisonsocial);
                        $('#grid-nom-a').val(response.name);
                        if (response.phone != null) {
                            $('#grid-tel-a').val(response.phone);
                        }
                        if (response.phone_sos != null) {
                            $('#grid-tel-a').val(response.phone_sos);
                        }
                        if (response.email != null) {
                            $('#grid-email-a').val(response.email);
                        }
                        if (response.email_sos != null) {
                            $('#grid-email-a').val(response.email_sos);
                        }
                        //  $('#grid-email-a').val(response.email);

                    }
                }
            });
        });
        $('.btn-vendeur').click(function() {
            let id = $(this).attr('client-id');
            //change informations
            url_t = "{{ route('get-cli', '+id+') }}";
            _url = url_t.replace('id', id);

            let _token = $('meta[name="csrf-token"]').attr('content');
            $.ajax({
                url: _url,
                type: "POST",
                data: {
                    _token: _token
                },
                success: function(response) {
                    if (response) {
                        // console.log(response);
                        $('#grid-rs-v').val(response.raisonsocial);
                        $('#grid-nom-v').val(response.name);

                        if (response.phone != null) {
                            $('#grid-tel-v').val(response.phone);

                        }
                        if (response.phone_sos != null) {
                            $('#grid-tel-v').val(response.phone_sos);
                        }

                        if (response.email != null) {
                            $('#grid-email-v').val(response.email);
                        }
                        if (response.email_sos != null) {
                            $('#grid-email-v').val(response.email_sos);
                        }

                    }
                }
            });

        });
        if ($('.numrowr').val() != null) {
            $('.nb_row').val($('.numrowr').val());
        }

        $('.nb_row').change(function() {
            $.ajax({
                url: "{{ route('admin.dossier') }}",
                type: 'get',
                dataTaype: 'json',
                data: {
                    nb_row: $('.nb_row').val(),
                },
                success: function(data) {
                    console.log($('.numrowr').val());
                    location.reload();
                },
                error: function(error) {
                    console.log(error);
                }
            });
        });
    </script>
    <script>
        $(".find").bind("change paste keyup", function() {
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });
            if ($(this).val().length >= 1) {

                $.ajax({
                    data: {
                        key: $(this).val()
                    },
                    type: 'post',
                    dataType: 'json',
                    url: "{{ route('search.dossier') }}",
                    success: function(data) {
                        $("#tbd").html("");
                        acheters = [];
                        vendeurs = [];
                        $.each(data, function(index, o) {
                            for (i = 0; i < o.dossiers.length; i++) {
                                acheters = [];
                                for (a = 0; a < o.acheteurs.length; a++) {
                                    if (o.dossiers[i].id == o.acheteurs[a].id_dossier) {
                                        if (o.acheteurs[a].type == 0) {
                                            ach =
                                                "<a onClick='vent(this)' href='javascript:;' style='display:block; color:royalblue;' type='vendeur' client-id=" +
                                                o.acheteurs[a].id_client +
                                                " data-toggle='modal' data-target='#user_modal_vendeur' class='btn-vendeur'>" +
                                                o.acheteurs[a].raisonsocial +
                                                "</a>";
                                            acheters.push(ach);
                                        } else {
                                            ach =
                                                "<a onClick='vent(this)' href='javascript:;' style='display:block; color:royalblue;' type='vendeur' client-id=" +
                                                o.acheteurs[a].id_client +
                                                " data-toggle='modal' data-target='#user_modal_vendeur' class='btn-vendeur'>" +
                                                o.acheteurs[a].name +
                                                "</a>";
                                            acheters.push(ach);
                                        }
                                    }
                                }
                                vendeurs = []
                                for (a = 0; a < o.vendeurs.length; a++) {
                                    if (o.dossiers[i].id == o.vendeurs[a].id_dossier) {
                                        if (o.vendeurs[a].type == 0) {
                                            ven =
                                                "<a onClick='vent(this)' href='javascript:;' style='display:block; color:royalblue;' type='vendeur' client-id=" +
                                                o.vendeurs[a].id_client +
                                                " data-toggle='modal' data-target='#user_modal_vendeur' class='btn-vendeur'>" +
                                                o.vendeurs[a].raisonsocial +
                                                "</a>";
                                            vendeurs.push(ven);
                                        } else {
                                            ven =
                                                "<a onClick='vent(this)' href='javascript:;' style='display:block; color:royalblue;' type='vendeur' client-id=" +
                                                o.vendeurs[a].id_client +
                                                " data-toggle='modal' data-target='#user_modal_vendeur' class='btn-vendeur'>" +
                                                o.vendeurs[a].name +
                                                "</a>";
                                            vendeurs.push(ven);
                                        }
                                    }
                                }
                                id = o.dossiers[i].id;
                                listA = "{{ URL::to('/admin/acheteurs/' . '+id+') }}";
                                listAch = listA.replace('id', id);
                                listV = "{{ URL::to('/admin/vendeurs/' . '+id+') }}";
                                listVen = listV.replace('id', id);
                                listR = "{{ route('admin.reg.list', '+id+') }}"
                                listRe = listR.replace('id', id);
                                addR = "{{ route('admin.reg.regl', '+id+') }}";
                                addReg = addR.replace('id', id);
                                listC = "{{ URL::to('/admin/charges/' . '+id+') }}";
                                listChar = listC.replace('id', id);
                                Consi = "{{ route('Consignation', '+id+') }}";
                                Consignation = Consi.replace('id', id);
                                lydecurl = "{{ route('lydec', '+id+') }}";
                                lydec = lydecurl.replace('id', id);
                                etatCmpUrl = "{{ route('etatCompte', ['+id+', 0, 'none']) }}";
                                etatCmp = etatCmpUrl.replace('id', id);
                                // console.log(o.dossiers[i].id_reg_dos);
                                if (o.dossiers[i].id_reg_dos != null) {
                                    listReg = "<a href=" + listRe +
                                        " 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'> <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 mr-2'><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> List reglements " +
                                        "</a>";
                                } else {
                                    listReg = '';
                                }

                                ur1l = "{{ route('dossier.edit', '+id+') }}";
                                url = ur1l.replace("id", id);
                                $("#tbd").append(
                                    "<tr>" +
                                    "<td class='text-center'>" +
                                    o.dossiers[i].num_dossier +
                                    "</td>" +
                                    "<td class='text-center'>" +
                                    o.dossiers[i].num_repertoire +
                                    "</td>" +
                                    "<td class='text-center'>" +
                                    o.dossiers[i].nom +
                                    "</td>" +
                                    "<td class='text-center'>" +
                                    o.dossiers[i].num_affaire +
                                    "</td>" +
                                    "<td class='text-center'>" +
                                    vendeurs.join("") +
                                    "</td>" +
                                    "<td class='text-center'>" +
                                    acheters.join("") +
                                    "</td>" +
                                    "<td class=' table-report__action w-56'>" +
                                    "<div class='flex justify-center items-center'>" +
                                    "<div class='ajtdos hidden'>" +
                                    "<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-300 rounded-md ' href=" +
                                    url + ">" +
                                    "<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> 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-300 rounded-md text-theme-6' href='javascript:;' data-toggle='modal' data-target='#delete-confirmation-modal" +
                                    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 '><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>" +
                                    "</div>" +
                                    "<div class='dropdown'>" +
                                    "<button class='dropdown-toggle button px-2 box text-gray-700 dark:text-gray-300 shadow-lg'>" +
                                    "<span class='w-5 h-5 flex items-center justify-center'>  <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-plus w-4 h-4'><line x1='12' y1='5' x2='12' y2='19'></line><line x1='5' y1='12' x2='19' y2='12'></line></svg> </span>" +
                                    "</button>" +
                                    "<div class='dropdown-box w-40'>" +
                                    "<div class='dropdown-box__content box dark:bg-dark-1 p-2'>" +
                                    "<a href=" + listAch +
                                    " 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'> " +
                                    "<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 mr-2'><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> Listes des acheteurs " +
                                    "</a>" +
                                    "<a href=" + listVen +
                                    " 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'> <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 mr-2'><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> Listes des vendeurs " +
                                    "</a>" +
                                    "<div class='ajtregl hidden'>" +
                                    "<a href=" + addReg +
                                    " 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'> <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 mr-2'><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> Ajouter reglement " +
                                    "</a>" +
                                    "</div>" +
                                    "<div class='vuregl hidden'>" +
                                    listReg +
                                    "</div>" +
                                    "<div class='vucharg hidden'>" +
                                    "<a href=" + listChar +
                                    " 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'> <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 mr-2'><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> Les charges </a>" +
                                    "</div>" +
                                    "<a target='_blank' href=" + Consignation +
                                    " 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'> <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 mr-2'><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> Consignation PDF </a>" +
                                    "<a target='_blank' href=" + lydec +
                                    " 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'> <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 mr-2'><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> Attestation Lydec PDF </a> " +
                                    "<a target='_blank' href=" + etatCmp +
                                    " 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'> <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 mr-2'><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>Recettes et Dépenses</a>" +
                                    "</div>" +
                                    "</div>" +
                                    "</div>" +
                                    "</div>" +
                                    "</td>" +
                                    "</tr>"
                                );
                            }
                            $.ajax({
                                url: "{{ route('admin.RoleS.devi') }}",
                                dataType: 'json',
                                type: 'post',
                                success: function(data) {
                                    if (data.seeregl == 1) {
                                        $('.vuregl').show();
                                    }
                                    if (data.addregl == 1) {
                                        $('.ajtregl').show();
                                    }
                                    if (data.seecharge == 1) {
                                        $('.vucharg').show();
                                    }
                                    if (data.adddossier == 1) {
                                        $('.ajtdos').show();
                                    }
                                },
                                error: function(error) {
                                    console.log(error);
                                },
                            });
                        });
                    },
                    error: function(error) {
                        console.log(error);
                    },
                });
            } else if ($(this).val().length == 0) {
                $.ajax({
                    data: {
                        key: $(this).val()
                    },
                    type: 'post',
                    dataType: 'json',
                    url: "{{ route('search.dossier') }}",
                    success: function(data) {
                        $("#tbd").html("");
                        acheters = [];
                        vendeurs = [];
                        $.each(data, function(index, o) {
                            for (i = 0; i < o.dossiers.length; i++) {
                                acheters = [];
                                for (a = 0; a < o.acheteurs.length; a++) {
                                    if (o.dossiers[i].id == o.acheteurs[a].id_dossier) {
                                        if (o.acheteurs[a].type == 0) {
                                            ach =
                                                "<a onClick='vent(this)' href='javascript:;' style='display:block; color:royalblue;' type='vendeur' client-id=" +
                                                o.acheteurs[a].id_client +
                                                " data-toggle='modal' data-target='#user_modal_vendeur' class='btn-vendeur'>" +
                                                o.acheteurs[a].raisonsocial +
                                                "</a>";
                                            acheters.push(ach);
                                        } else {
                                            ach =
                                                "<a onClick='vent(this)' href='javascript:;' style='display:block; color:royalblue;' type='vendeur' client-id=" +
                                                o.acheteurs[a].id_client +
                                                " data-toggle='modal' data-target='#user_modal_vendeur' class='btn-vendeur'>" +
                                                o.acheteurs[a].name +
                                                "</a>";
                                            acheters.push(ach);
                                        }
                                    }
                                }
                                vendeurs = []
                                for (a = 0; a < o.vendeurs.length; a++) {
                                    if (o.dossiers[i].id == o.vendeurs[a].id_dossier) {
                                        if (o.vendeurs[a].type == 0) {
                                            ven =
                                                "<a onClick='vent(this)' href='javascript:;' style='display:block; color:royalblue;' type='vendeur' client-id=" +
                                                o.vendeurs[a].id_client +
                                                " data-toggle='modal' data-target='#user_modal_vendeur' class='btn-vendeur'>" +
                                                o.vendeurs[a].raisonsocial +
                                                "</a>";
                                            vendeurs.push(ven);
                                        } else {
                                            ven =
                                                "<a onClick='vent(this)' href='javascript:;' style='display:block; color:royalblue;' type='vendeur' client-id=" +
                                                o.vendeurs[a].id_client +
                                                " data-toggle='modal' data-target='#user_modal_vendeur' class='btn-vendeur'>" +
                                                o.vendeurs[a].name +
                                                "</a>";
                                            vendeurs.push(ven);
                                        }
                                    }
                                }
                                id = o.dossiers[i].id;
                                listA = "{{ URL::to('/admin/acheteurs/' . '+id+') }}";
                                listAch = listA.replace('id', id);
                                listV = "{{ URL::to('/admin/vendeurs/' . '+id+') }}";
                                listVen = listV.replace('id', id);
                                listR = "{{ route('admin.reg.list', '+id+') }}"
                                listRe = listR.replace('id', id);
                                addR = "{{ route('admin.reg.regl', '+id+') }}";
                                addReg = addR.replace('id', id);
                                listC = "{{ URL::to('/admin/charges/' . '+id+') }}";
                                listChar = listC.replace('id', id);
                                Consi = "{{ route('Consignation', '+id+') }}";
                                Consignation = Consi.replace('id', id);
                                lydecurl = "{{ route('lydec', '+id+') }}";
                                lydec = lydecurl.replace('id', id);
                                etatCmpUrl = "{{ route('etatCompte', ['+id+', 0, 'none']) }}";
                                etatCmp = etatCmpUrl.replace('id', id);
                                // console.log(o.dossiers[i].id_reg_dos);
                                if (o.dossiers[i].id_reg_dos != null) {
                                    listReg = "<a href=" + listRe +
                                        " 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'> <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 mr-2'><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> List reglements " +
                                        "</a>";
                                } else {
                                    listReg = '';
                                }
                                ur1l = "{{ route('dossier.edit', '+id+') }}";
                                url = ur1l.replace("id", id);
                                $("#tbd").append(
                                    "<tr>" +
                                    "<td class='text-center'>" +
                                    o.dossiers[i].num_dossier +
                                    "</td>" +
                                    "<td class='text-center'>" +
                                    o.dossiers[i].num_repertoire +
                                    "</td>" +
                                    "<td class='text-center'>" +
                                    o.dossiers[i].nom +
                                    "</td>" +
                                    "<td class='text-center'>" +
                                    o.dossiers[i].num_affaire +
                                    "</td>" +
                                    "<td class='text-center'>" +
                                    vendeurs.join("") +
                                    "</td>" +
                                    "<td class='text-center'>" +
                                    acheters.join("") +
                                    "</td>" +
                                    "<td class=' table-report__action w-56'>" +
                                    "<div class='flex justify-center items-center'>" +
                                    "<div class='ajtdos hidden'>" +
                                    "<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-300 rounded-md ' href=" +
                                    url + ">" +
                                    "<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> 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-300 rounded-md text-theme-6' href='javascript:;' data-toggle='modal' data-target='#delete-confirmation-modal" +
                                    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 '><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>" +
                                    "</div>" +
                                    "<div class='dropdown'>" +
                                    "<button class='dropdown-toggle button px-2 box text-gray-700 dark:text-gray-300 shadow-lg'>" +
                                    "<span class='w-5 h-5 flex items-center justify-center'>  <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-plus w-4 h-4'><line x1='12' y1='5' x2='12' y2='19'></line><line x1='5' y1='12' x2='19' y2='12'></line></svg> </span>" +
                                    "</button>" +
                                    "<div class='dropdown-box w-40'>" +
                                    "<div class='dropdown-box__content box dark:bg-dark-1 p-2'>" +
                                    "<a href=" + listAch +
                                    " 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'> " +
                                    "<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 mr-2'><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> Listes des acheteurs " +
                                    "</a>" +
                                    "<a href=" + listVen +
                                    " 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'> <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 mr-2'><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> Listes des vendeurs " +
                                    "</a>" +
                                    "<div class='ajtregl hidden'>" +
                                    "<a href=" + addReg +
                                    " 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'> <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 mr-2'><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> Ajouter reglement " +
                                    "</a>" +
                                    "</div>" +
                                    "<div class='vuregl hidden'>" +
                                    listReg +
                                    "</div>" +
                                    "<div class='vucharg hidden'>" +
                                    "<a href=" + listChar +
                                    " 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'> <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 mr-2'><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> Les charges </a>" +
                                    "</div>" +
                                    "<a target='_blank' href=" + Consignation +
                                    " 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'> <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 mr-2'><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> Consignation PDF </a>" +
                                    "<a target='_blank' href=" + lydec +
                                    " 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'> <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 mr-2'><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> Attestation Lydec PDF </a> " +
                                    "<a target='_blank' href=" + etatCmp +
                                    " 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'> <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 mr-2'><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>Recettes et Dépenses</a>" +
                                    "</div>" +
                                    "</div>" +
                                    "</div>" +
                                    "</div>" +
                                    "</td>" +
                                    "</tr>"
                                );
                            }

                        });
                        $.ajax({
                            url: "{{ route('admin.RoleS.devi') }}",
                            dataType: 'json',
                            type: 'post',
                            success: function(data) {
                                if (data.seeregl == 1) {
                                    $('.vuregl').show();
                                }
                                if (data.addregl == 1) {
                                    $('.ajtregl').show();
                                }
                                if (data.seecharge == 1) {
                                    $('.vucharg').show();
                                }
                                if (data.adddossier == 1) {
                                    $('.ajtdos').show();
                                }
                            },
                            error: function(error) {
                                console.log(error);
                            },
                        });

                    },
                    error: function(error) {
                        console.log(error);
                    },
                });
            }

        });

        function vent(evn) {
            let id = $(evn).attr('client-id');

            //change informations
            url_t = "{{ route('get-cli', '+id+') }}";
            _url = url_t.replace('id', id);

            let _token = $('meta[name="csrf-token"]').attr('content');
            $.ajax({
                url: _url,
                type: "POST",
                data: {
                    _token: _token
                },
                success: function(response) {
                    if (response) {
                        console.log(response);
                        $('#grid-rs-v').val(response.raisonsocial);
                        $('#grid-nom-v').val(response.name);
                        if (response.phone != null) {
                            $('#grid-tel-v').val(response.phone);
                        }
                        if (response.phone_sos != null) {
                            $('#grid-tel-v').val(response.phone_sos);
                        }
                        if (response.email != null) {
                            $('#grid-email-v').val(response.email);
                        }
                        if (response.email_sos != null) {
                            $('#grid-email-v').val(response.email_sos);
                        }

                    }
                }
            });

        }
    </script>
    <script></script>
@endsection