@extends('admin')

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

@section('content')
    <h2 class="intro-y text-lg font-medium mt-10">{{ $num_dos }} </h2>

    <h2 class="intro-y text-lg font-medium mt-10 mb-8">Liste Des Versements</h2>
    <div class="intro-y col-span-12 flex flex-wrap sm:flex-no-wrap items-center mt-2">
        <input type="hidden" value="{{ $id_doss }}" class="dos_key">
        @if ($id_doss != null)
            <a class="hidden addregl button text-white bg-theme-1 shadow-md mr-2"
                href="{{ route('admin.reg.regl', $id_doss) }}">Ajouter Nouveau Versement</a>
        @else
            <a class="hidden addregl button text-white bg-theme-1 shadow-md mr-2"
                href="{{ route('admin.reg.regl', [0]) }}">Ajouter Nouveau Versement</a>
        @endif

        <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('rowcountREG') }}">

    </div>
    <div class="intro-y box px-5 py-8 mt-5">
        <div class="intro-y w-full overflow-x-scroll overflow-y-hidden">

            {{-- <table id="table_id" class="table table-report -mt-2 w-full"> --}}
            <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 lg:w-40 md:w-25" style="border-style: none !important;">NOM CLIENT
                        </th>
                        <th class="text-center whitespace-no-wrap lg:w-40 md:w-25" style="border-style: none !important;">
                            NUMERO REPERTOIRE</th>
                        <th class="text-center whitespace-no-wrap" style="border-style: none !important;">MONTANT</th>
                        <th class="text-center whitespace-no-wrap" style="border-style: none !important;">DATE CREATION</th>
                        {{-- <th class="text-center whitespace-no-wrap">DATE ECHEANCE</th> --}}
                        <th class="lg:w-40 md:30 sm:25 text-center whitespace-no-wrap hidden addregl"
                            style="border-style: none !important;">ACTIONS</th>
                    </tr>
                </thead>
                <tbody id="tbd">
                    @foreach ($regles as $reg)
                        <tr class="intro-x shadow-md rounded-lg intro-y ">
                            <td class="lg:w-40 md:w-25">
                                <a href="" class="font-medium whitespace-no-wrap truncate lg:w-40 md:w-25"></a>

                                @if (($reg->type == 1 && $reg->prenom1 != null) || $reg->name1 != null)
                                    <div class="text-gray-700  whitespace-no-wrap">{{ $reg->prenom1 }} {{ $reg->name1 }}
                                    </div>
                                @endif
                                @if (($reg->type == 1 && $reg->prenom2 != null) || $reg->name2 != null)
                                    <div class="text-gray-700  whitespace-no-wrap">{{ $reg->prenom2 }} {{ $reg->name2 }}
                                    </div>
                                @endif
                                @if ($reg->type == 0 || $reg->raisonsocial1 != null)
                                    <div class="text-gray-700  whitespace-no-wrap">{{ $reg->raisonsocial1 }} </div>
                                @endif
                                @if ($reg->type == 0 || $reg->raisonsocial2 != null)
                                    <div class="text-gray-700  whitespace-no-wrap">{{ $reg->raisonsocial2 }} </div>
                                @endif

                            </td>
                            <td class="text-center w-30">{{ $reg->num_repertoire }}</td>
                            <td class="text-center">{{ number_format($reg->reg, 2) }} MAD</td>
                            <td class="text-center">{{ \Carbon\Carbon::parse($reg->regcreate)->format('Y/m/d') }}</td>
                            {{-- <td class="text-center">{{$reg->date_echeance}}</td> --}}
                            <td class="table-report__action w-40  addregl " style="display: none;">
                                <div class="flex justify-center items-center">
                                    <a class="flex items-center my-3 p-3 rounded-lg hover:bg-gray-300 text-theme-6"
                                        href="javascript:;" data-toggle="modal"
                                        data-target="#delete-confirmation-modal{{ $reg->id_user_reglements }}"> <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> </a>

                                    @if ($reg->id_acheteur != null)
                                        {{-- Acheteur --}}
                                        <a class="flex items-center mr-3"
                                            href="{{ route('admin.edit.reg', [$reg->id_dos, $reg->id_user_reglements, 1]) }}">
                                            <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> </a>
                                        {{-- <a class="flex items-center text-theme-6" 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 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 lg:w-40 md:30 sm:25">
                                                <div class="dropdown-box__content box dark:bg-dark-1 p-2">
                                                    <a target="_blank"
                                                        class="flex items-center rounded-lg p-3 my-3 hover:bg-gray-300 cursor-pointer recu"
                                                        href="{{ route('recu', [$reg->id_user_reglements, 2]) }}"> <svg
                                                            xmlns="http://www.w3.org/2000/svg" width="24"
                                                            height="24" viewBox="0 0 24 24" fill="none"
                                                            stroke="currentColor" stroke-width="1.5"
                                                            stroke-linecap="round" stroke-linejoin="round"
                                                            class="feather feather-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> Reçu-FR</a>
                                                    <a target="_blank"
                                                        class="flex items-center rounded-lg p-3 my-3 hover:bg-gray-300 cursor-pointer recu"
                                                        href="{{ route('recu', [$reg->id_user_reglements, 3]) }}"> <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> Reçu-AR</a>
                                                </div>
                                            </div> --}}
                                        </div>
                                    @endif
                                    @if ($reg->id_vendeur != null)
                                        {{-- Vendeur --}}
                                        <a class="flex items-center mr-3"
                                            href="{{ route('admin.edit.reg', [$reg->id_dos, $reg->id_user_reglements, 2]) }}">
                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                                viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"
                                                class="feather feather-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> </a>


                                        {{-- <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 target="_blank"
                                                        class="flex items-center rounded-lg p-3 hover:bg-gray-300 cursor-pointer my-3 decharge"
                                                        href="{{ route('decharge', [$reg->id_user_reglements, 1]) }}"> <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> Decharge-FR </a>
                                                    <a target="_blank"
                                                        class="flex items-center rounded-lg p-3 hover:bg-gray-300 cursor-pointer my-3 decharge"
                                                        href="{{ route('decharge', [$reg->id_user_reglements, 2]) }}"> <svg
                                                            xmlns="http://www.w3.org/2000/svg" width="24"
                                                            height="24" viewBox="0 0 24 24" fill="none"
                                                            stroke="currentColor" stroke-width="1.5"
                                                            stroke-linecap="round" stroke-linejoin="round"
                                                            class="feather feather-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> Decharge-AR </a>
                                                </div>
                                            </div>
                                        </div> --}}

                                        {{-- <a class="flex items-center text-theme-6" 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> --}}
                                    @endif

                                </div>

                            </td>
                        </tr>

                        <!-- BEGIN: Delete Confirmation Modal -->
                        <div class="modal" id="delete-confirmation-modal{{ $reg->id_user_reglements }}">
                            <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('deleteReg', [$reg->id_user_reglements]) }}">Supprimer</a>
                                </div>
                            </div>
                        </div>
                        <!-- END: Delete Confirmation Modal -->
                    @endforeach

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

    </div>




    <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');
            $('#reg').attr('class', 'side-menu side-menu--active');
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            });

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

            $('.nb_row').change(function() {
                $.ajax({
                    url: "{{ route('admin.reg.index') }}",
                    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 >= 3) {
                $.ajax({
                    data: {
                        key: $(this).val(),
                        dos_key: $('.dos_key').val()
                    },
                    type: 'post',
                    dataType: 'json',
                    url: "{{ route('search.regle') }}",
                    success: function(data) {
                        $("#tbd").html("");
                        $.each(data, function(index, o) {
                            docFr = null;
                            docNameFr = null;
                            docNameAr = null;
                            id1 = 0;
                            id2 = o.id_user_reglements;
                            id3 = 0;
                            nom = '';
                            url3 = null;
                            url = "{{ route('admin.edit.reg', ['id1', 'id2', 'id3']) }}";
                            url1 = url.replace("id1", o.id_dos);
                            url2 = url1.replace("id2", o.id_user_reglements);
                            if (o.id_acheteur != null) {
                                url3 = url2.replace("id3", 1);

                                recuFrUrl = "{{ route('recu', ['+id2+', 2]) }}";
                                docFr = recuFrUrl.replace("id2", id2);

                                recuArUrl = "{{ route('recu', ['+id2+', 3]) }}";
                                docAr = recuArUrl.replace("id2", id2);

                                docNameFr = 'Reçu-FR';
                                docNameAr = 'Reçu-AR';
                            }
                            if (o.id_vendeur != null) {
                                url3 = url2.replace("id3", 2);

                                recuFrUrl = "{{ route('decharge', ['+id2+', 1]) }}";
                                docFr = recuFrUrl.replace("id2", id2);

                                recuArUrl = "{{ route('decharge', ['+id2+', 2]) }}";
                                docAr = recuArUrl.replace("id2", id2);

                                docNameFr = 'Decharge-FR';
                                docNameAr = 'Decharge-AR';

                            }
                            if (o.type == 0 || o.raisonsocial1 != null) {
                                nom = "<div class='text-gray-700  whitespace-no-wrap'>" + o
                                    .raisonsocial1 + "</div>";
                            } else if (o.type == 0 || o.raisonsocial2 != null) {
                                nom = "<div class='text-gray-700  whitespace-no-wrap'>" + o
                                    .raisonsocial2 + "</div>";
                            }

                            if (o.type == 1 && o.prenom1 != null || o.name1 != null) {
                                nom = "<div class='text-gray-700  whitespace-no-wrap'>" + o
                                    .name1 + " " + o.prenom1 + "</td>";
                            } else if (o.type == 1 && o.prenom2 != null || o.name2 != null) {
                                nom = "<div class='text-gray-700  whitespace-no-wrap'>" + o
                                    .name2 + " " + o.prenom2 + "</td>";
                            }
                            formattedDate = new Date(o.regcreate);
                            d = formattedDate.getDate();
                            m = formattedDate.getMonth();
                            m += 1;
                            y = formattedDate.getFullYear();

                            //  console.log(recuFr);
                            $("#tbd").append(
                                "<tr>" +
                                "<td class='text-center'>" + nom + "</td>" +
                                "<td class='text-center'>" + o.num_repertoire + "</td>" +
                                "<td class='text-center'>" + o.reg + "</td>" +
                                "<td class='text-center'>" + d + "/" + m + "/" + y +
                                "</td>" +
                                "<td class='table-report__action w-56 hidden res '>" +
                                "<div class='flex justify-center items-center'>" +
                                "<a class='flex items-center my-3 p-3 rounded-lg  text-theme-6 hover:bg-gray-300' href='javascript:;' data-toggle='modal' data-target='#delete-confirmation-modal" +
                                id2 + "'>" +
                                "<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>" +
                                "<a class='flex items-center my-3 p-3 rounded-lg hover:bg-gray-300' href=" +
                                url3 + ">" +
                                "<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>" +
                                "<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 target='_blank' class='flex items-center rounded-lg p-3 my-3 hover:bg-gray-300 cursor-pointer recu' href=" +
                                docFr +
                                "> <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>" +
                                docNameFr + "</a>" +
                                "<a target='_blank' class='flex items-center rounded-lg p-3 my-3 hover:bg-gray-300 cursor-pointer recu' href=" +
                                docAr + ">" +
                                "<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> " +
                                docNameAr + "</a>" +
                                "</div>" +
                                "</div>" +
                                "</div>" +
                                "</div>" +
                                "</td>" +
                                "</tr>"
                            );
                        });
                        $.ajax({
                            url: "{{ route('admin.RoleS.regle') }}",
                            dataType: 'json',
                            type: 'post',
                            success: function(data) {
                                if (data.addregl == 1) {
                                    $('.res').show();
                                }
                            },
                            error: function(error) {
                                console.log(error);
                            },
                        });
                    },
                    error: function(error) {
                        console.log(error);
                    },
                });

            } else if ($(this).val().length == 0) {
                $.ajax({
                    data: {
                        key: $(this).val(),
                        dos_key: $('.dos_key').val()
                    },
                    type: 'post',
                    dataType: 'json',
                    url: "{{ route('search.regle') }}",
                    success: function(data) {
                        $("#tbd").html("");
                        $.each(data, function(index, o) {
                            docFr = null;
                            docNameFr = null;
                            docNameAr = null;
                            id1 = 0;
                            id2 = o.id_user_reglements;
                            id3 = 0;
                            nom = '';
                            url3 = null;
                            url = "{{ route('admin.edit.reg', ['id1', 'id2', 'id3']) }}";
                            url1 = url.replace("id1", o.id_dos);
                            url2 = url1.replace("id2", o.id_user_reglements);
                            if (o.id_acheteur != null) {
                                url3 = url2.replace("id3", 1);

                                recuFrUrl = "{{ route('recu', ['+id2+', 2]) }}";
                                docFr = recuFrUrl.replace("id2", id2);

                                recuArUrl = "{{ route('recu', ['+id2+', 3]) }}";
                                docAr = recuArUrl.replace("id2", id2);

                                docNameFr = 'Reçu-FR';
                                docNameAr = 'Reçu-AR';
                            }
                            if (o.id_vendeur != null) {
                                url3 = url2.replace("id3", 2);

                                recuFrUrl = "{{ route('decharge', ['+id2+', 1]) }}";
                                docFr = recuFrUrl.replace("id2", id2);

                                recuArUrl = "{{ route('decharge', ['+id2+', 2]) }}";
                                docAr = recuArUrl.replace("id2", id2);

                                docNameFr = 'Decharge-FR';
                                docNameAr = 'Decharge-AR';

                            }
                            if (o.type == 0 || o.raisonsocial1 != null) {
                                nom = "<div class='text-gray-700  whitespace-no-wrap'>" + o
                                    .raisonsocial1 + "</div>";
                            } else if (o.type == 0 || o.raisonsocial2 != null) {
                                nom = "<div class='text-gray-700  whitespace-no-wrap'>" + o
                                    .raisonsocial2 + "</div>";
                            }

                            if (o.type == 1 && o.prenom1 != null || o.name1 != null) {
                                nom = "<div class='text-gray-700  whitespace-no-wrap'>" + o
                                    .name1 + " " + o.prenom1 + "</td>";
                            } else if (o.type == 1 && o.prenom2 != null || o.name2 != null) {
                                nom = "<div class='text-gray-700  whitespace-no-wrap'>" + o
                                    .name2 + " " + o.prenom2 + "</td>";
                            }
                            formattedDate = new Date(o.regcreate);
                            d = formattedDate.getDate();
                            m = formattedDate.getMonth();
                            m += 1;
                            y = formattedDate.getFullYear();


                            //  console.log(recuFr);
                            $("#tbd").append(
                                "<tr>" +
                                "<td class='text-center'>" + nom + "</td>" +
                                "<td class='text-center'>" + o.num_repertoire + "</td>" +
                                "<td class='text-center'>" + o.reg + "</td>" +
                                "<td class='text-center'>" + d + "/" + m + "/" + y +
                                "</td>" +
                                "<td class='table-report__action w-56 hidden res '>" +
                                "<div class='flex justify-center items-center'>"

                                +
                                "<a class='flex items-center my-3 p-3 rounded-lg  text-theme-6 hover:bg-gray-300' href='javascript:;' data-toggle='modal' data-target='#delete-confirmation-modal" +
                                id2 + "'>" +
                                "<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>" +
                                "<a class='flex items-center my-3 p-3 rounded-lg hover:bg-gray-300' href=" +
                                url3 + ">" +
                                "<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>" +
                                "<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 target='_blank' class='flex items-center rounded-lg p-3 my-3 hover:bg-gray-300 cursor-pointer recu' href=" +
                                docFr +
                                "> <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>" +
                                docNameFr + "</a>" +
                                "<a target='_blank' class='flex items-center rounded-lg p-3 my-3 hover:bg-gray-300 cursor-pointer recu' href=" +
                                docAr + ">" +
                                "<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> " +
                                docNameAr + "</a>" +
                                "</div>" +
                                "</div>" +
                                "</div>" +
                                "</div>" +
                                "</td>" +
                                "</tr>"
                            );
                        });
                        $.ajax({
                            url: "{{ route('admin.RoleS.regle') }}",
                            dataType: 'json',
                            type: 'post',
                            success: function(data) {
                                if (data.addregl == 1) {
                                    $('.res').show();
                                }
                            },
                            error: function(error) {
                                console.log(error);
                            },
                        });
                    },
                    error: function(error) {
                        console.log(error);
                    },
                });
            }

        });
    </script>
@endsection