@extends('admin')

@section('title')
    NotaireApp - Liste Des Clients
@endsection

@section('menu-title')
    <!-- BEGIN: Breadcrumb -->
    <div class="-intro-x breadcrumb mr-auto hidden sm:flex"> <a href="{{ url('/admin') }}" class="">NotairesApp</a> <i data-feather="chevron-right" class="breadcrumb__icon"></i> <a href="#/" class="breadcrumb--active">Liste des clients</a> </div>
    <!-- END: Breadcrumb -->
@endsection

@section('content')
<link href="dist/images/logo.svg" rel="shortcut icon">
<h2 class="intro-y text-lg font-medium mt-10">
    Liste des clients
</h2>

<div class="">
    <div class="intro-y col-span-12 flex flex-wrap sm:flex-no-wrap items-center mt-2">
        <a class=" addcli hidden button text-white bg-theme-1 shadow-md mr-2" href="{{ url('/admin/client/create') }}">Ajouter Nouveau Client</a>
       
        <div class="hidden md:block mx-auto text-gray-600" style="visibility: hidden;">Showing 1 to 10 of 150 entries</div>
        {{-- start pagination --}}
        
            
    </div>
    <!-- BEGIN: Data List -->
    <div class="intro-y box px-5 py-8 mt-5 ">
        <div class="intro-y col-span-12 overflow-x-scroll overflow-y-hidden">
            @if (!empty(Session::get('message')))
                <div class="w-full text-center border bg-red-300 py-4 rounded-md denger_msg"><b class="text-red-600">{{Session::get('message')}}</b></div>
            @endif
            <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" style="border-style: none !important;">NOM</th>
                        <th class="text-center whitespace-no-wrap" style="border-style: none !important;">TELEPHONE</th>
                        <th class="text-center whitespace-no-wrap" style="border-style: none !important;">EMAIL</th>
                        <th class="text-center whitespace-no-wrap hidden addcli" style="border-style: none !important;">ACTIONS</th>
                    </tr>
                    
                </thead>
                <tbody id="tbd">
                    @foreach( $clients as $client )
    
                    
    
                    <tr class="intro-x shadow-md rounded-lg intro-y" style=" height: 68px;">
                        <td class="w-40 my-2">
                            <div class="w-30 truncate">
                                @if($client->type == 1)
                                    <a href="" class="font-medium whitespace-no-wrap">{{ $client->name }} {{ $client->prenom }}</a>
                                @else 
                                    <a href="" class="font-medium whitespace-no-wrap">{{ $client->raisonsocial }}</a>
                                @endif
                                
                                <div class="text-gray-600 text-xs whitespace-no-wrap">{{ $client->ville }}</div>
                            </div>
                        </td>
    
                        
                        @if($client->type == 1)
                            <td class=" w-40">
                                <div class="w-30 truncate text-center">
                                    {{ $client->phone }}
                                </div>
                            </td>
                            <td class="">
                                <div class="truncate text-center">
                                    {{ $client->email }}
                                </div>
                            </td>
                        @else
                        <td class=" w-40">
                            <div class="w-30 truncate text-center">
                                {{ $client->phone_sos }}
                            </div>
                        </td>
                        <td class=" w-40">
                            <div class="w-30 truncate text-center">
                            {{ $client->email_sos }}
                            </div>
                        </td>
                        @endif
                        
                        <td class="table-report__action w-56 hidden addcli my-2">
                            <div class="flex justify-center items-center ">
                                <a class="flex items-center mr-3" href="{{ URL::to('/admin/client/'.$client->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> <span class="md:block sm:hidden">Modifier</span> </a>
                                <a class="flex items-center text-theme-6" href="javascript:;" data-toggle="modal" data-target="#delete-confirmation-modal{{ $client->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> <span class="md:block sm:hidden">Supprimer</span> </a>
                                <div class="dropdown rounded-lg duration-200 hover:shadow-xl  shadow-md ml-3">
                                    <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 shadow-lg ">
                                        <div class="dropdown-box__content box dark:bg-dark-1 p-2">
                                            <a href="javascript:;" data-toggle="modal"  data-target="#header-footer-modal-preview{{$client->id}}" class="flex items-center rounded-lg p-3 hover:bg-gray-300 cursor-pointer"><i data-feather="file-text" class="w-4 h-4 mr-2"></i>info Dossiers Reglements</a> 
                                            <a href="javascript:;" data-toggle="modal"  data-target="#header-footer-modal{{$client->id}}" class="flex items-center rounded-lg p-3 hover:bg-gray-300 cursor-pointer"><i data-feather="file-text" class="w-4 h-4 mr-2"></i>Recettes et Dépenses</a> 
                                            <a href="{{route('cli-dossier',[$client->id])}}" class="flex items-center rounded-lg p-3 hover:bg-gray-300 cursor-pointer">
                                                <i data-feather="folder" class="w-4 h-4 mr-2"></i>
                                                dossiers associés
                                            </a> 
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </td>
                    </tr>
                    
                    <div class="modal" id="delete-confirmation-modal{{ $client->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/client/delete/'.$client->id) }}">Supprimer</a>
                            </div>
                        </div>
                    </div>
                    
                            <div class="modal" id="header-footer-modal-preview{{$client->id}}">
                                <div class="modal__content">
                                    <div class="flex items-center px-5 py-5 sm:py-3 border-b border-gray-200 dark:border-dark-5">
                                        <h2 class="font-medium text-base mr-auto">information des dosseiers et reglements</h2> <button  data-dismiss="modal" class="outline-none  rounded-full items-center  text-red-700 hidden sm:flex bg-red-300"> <i data-feather="x-circle" class="outline-none  w-4 h-4 m-2"></i>  </button>
                                        <div class="dropdown sm:hidden"> <a class="dropdown-toggle w-5 h-5 block" href="javascript:;"> <i data-feather="more-horizontal" class="w-5 h-5 text-gray-700 dark:text-gray-600"></i> </a>
                                            <div class="dropdown-box w-40">
                                                <div class="dropdown-box__content box dark:bg-dark-1 p-2"> <a href="javascript:;" class="flex items-center 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"> <i data-feather="file" class="w-4 h-4 mr-2"></i> Download Docs </a> </div>
                                            </div>
                                        </div>
                                    </div>
                                    <form action="{{route('clientDocInfo')}}"   method="get">
                                        <input type="hidden" name="cli_info_id" value="{{$client->id}}">
                                        <div class="p-5 grid grid-cols-1 gap-4 ">
                                            <div class="col-sm-6">
                                                <div class="flex flex-col">
                                                    <label class="font-semibold" for=""> Date de Debut </label>
                                                    <input type="date"   value="{{ date("Y-m-d") }}" name="date_db" class="input w-full  mt-2 border-2">{{-- <div class="help-block form-text with-errors form-control-feedback"></div> --}}
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="flex flex-col">
                                                    <label class="font-semibold" for=""> Date de Fin </label>
                                                    <input type="date"   value="{{ date("Y-m-d") }}" name="date_fn" class="input w-full  mt-2 border-2">{{-- <div class="help-block form-text with-errors form-control-feedback"></div> --}}
                                                </div>
                                            </div>
                                        </div>
                                        <div class="px-5 py-3 text-right border-t border-gray-200 dark:border-dark-5">
                                            {{-- <button type="submit" class="button border text-center text-gray-700 border-gray-500 dark:text-gray-300 hidden sm:flex "> <i data-feather="file" class="w-4 h-4 mr-2 "></i> Download Docs </button> --}}
                                            <button type="submit" class="button w-auto bg-theme-1 text-white ">Imprimer</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                            <div class="modal" id="header-footer-modal{{$client->id}}">
                                <div class="modal__content">
                                    <div class="flex items-center px-5 py-5 sm:py-3 border-b border-gray-200 dark:border-dark-5">
                                        <h2 class="font-medium text-base mr-auto">informations sur les Recettes et Dépenses</h2> <button  data-dismiss="modal" class="outline-none  rounded-full items-center  text-red-700 hidden sm:flex bg-red-300"> <i data-feather="x-circle" class="outline-none  w-4 h-4 m-2"></i>  </button>
                                        <div class="dropdown sm:hidden"> <a class="dropdown-toggle w-5 h-5 block" href="javascript:;"> <i data-feather="more-horizontal" class="w-5 h-5 text-gray-700 dark:text-gray-600"></i> </a>
                                            <div class="dropdown-box w-40">
                                                <div class="dropdown-box__content box dark:bg-dark-1 p-2"> 
                                                    <a href="javascript:;" class="flex items-center 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"> 
                                                        <i data-feather="file" class="w-4 h-4 mr-2"></i> Download Docs 
                                                    </a> 
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <form action="{{route('etatCompte',[0,0,'cli'])}}"   method="get">
                                        <input type="hidden" name="cli_info_id" value="{{$client->id}}">
                                        <div class="p-5 grid grid-cols-1 gap-4 ">
                                            <div class="col-sm-6">
                                                <div class="flex flex-col">
                                                    <label class="font-semibold" for=""> Date de Debut </label>
                                                    <input type="date"   value="{{ date("Y-m-d") }}" name="date_db" class="input w-full  mt-2 border-2">{{-- <div class="help-block form-text with-errors form-control-feedback"></div> --}}
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="flex flex-col">
                                                    <label class="font-semibold" for=""> Date de Fin </label>
                                                    <input type="date"   value="{{ date("Y-m-d") }}" name="date_fn" class="input w-full  mt-2 border-2">{{-- <div class="help-block form-text with-errors form-control-feedback"></div> --}}
                                                </div>
                                            </div>
                                        </div>
                                        <div class="px-5 py-3 text-right border-t border-gray-200 dark:border-dark-5">
                                            {{-- <button type="submit" class="button border text-center text-gray-700 border-gray-500 dark:text-gray-300 hidden sm:flex "> <i data-feather="file" class="w-4 h-4 mr-2 "></i> Download Docs </button> --}}
                                            <button type="submit" class="button w-auto bg-theme-1 text-white ">Imprimer</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        @endforeach
                </tbody>
            </table>
            </div>
    </div>
    
    </div>
    <!-- END: Data List -->



    </div>
    <script src="{{asset('dist/js/app.js')}}"></script>
    <script>
        $(document).ready(function(){
            $("#bord").attr('class','side-menu');
            $("#client").attr('class','side-menu side-menu--active');
            $('#propr').attr('class','side-menu side-menu');
            $('#dossier').attr('class','side-menu side-menu');
            setTimeout(function(){$('.denger_msg').remove() }, 3000);
           
            });

        if($('.numrowr').val()!=null){
            $('.nb_row').val($('.numrowr').val());
        }
        $('.nb_row').change(function(){
        $.ajax({
            url:"{{route('Client.list')}}",
            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!=null){
                    $.ajax({
                        data:{key:$(this).val()},
                        type:'post',
                        dataType:'json',
                        url:"{{route('search.client')}}",
                        success:function(data){
                            $( "#tbd" ).html("");
                            $.each(data,function(index,o){
                                id=o.id;
                                ur1l="{{route('client.edit',"+id+")}}";
                                url=ur1l.replace("id",id);
                                if(o.type==0){
                                    nom="<td class='font-medium whitespace-no-wrap'>"+o.raisonsocial+"</td>";
                                    phone="<td class='text-center'>"+o.phone_sos+"</td>";
                                    email="<td class='text-center'>"+o.email_sos+"</td>";
                                }else{
                                    nom="<td class='font-medium whitespace-no-wrap'>"+o.name+" "+o.prenom+"</td>";
                                    phone="<td class='text-center'>"+o.phone+"</td>";
                                    email="<td class='text-center'>"+o.email+"</td>";
                                }  
                                $( "#tbd" ).append( 
                                "<tr>"
                                +nom
                                +phone
                                +email
                                +"<td class='table-report__action w-56 hidden res'>"
                                    +"<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 mr-1 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 mr-1  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 class='dropdown rounded-lg duration-200 hover:shadow-xl  shadow-md ml-3'>"
                                            +"<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 shadow-lg '>"
                                                +"<div class='dropdown-box__content box dark:bg-dark-1 p-2'>"
                                                    +"<a href='javascript:;' data-toggle='modal' data-target='#header-footer-modal-preview"+id+"' class='flex items-center rounded-lg p-3 hover:bg-gray-300 cursor-pointer '><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> info Dossiers Reglements</a> "
                                                    +"<a href='javascript:;' data-toggle='modal'  data-target='#header-footer-modal"+id+"' class='flex items-center rounded-lg p-3 hover:bg-gray-300 cursor-pointer '><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.cli')}}",
                                dataType:'json',
                                type:'post',
                                    success:function(data){
                                        if(data.addclient==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()},
                        type:'post',
                        dataType:'json',
                        url:"{{route('search.client')}}",
                        success:function(data){
                            $( "#tbd" ).html("");
                            $.each(data,function(index,o){
                                id=o.id;
                                ur1l="{{route('client.edit',"+id+")}}";
                                url=ur1l.replace("id",id);
                                if(o.type==0){
                                    nom="<td class='font-medium whitespace-no-wrap'>"+o.raisonsocial+"</td>";
                                    phone="<td class='text-center'>"+o.phone_sos+"</td>";
                                    email="<td class='text-center'>"+o.email_sos+"</td>";
                                }else{
                                    nom="<td class='font-medium whitespace-no-wrap'>"+o.name+" "+o.prenom+"</td>";
                                    phone="<td class='text-center'>"+o.phone+"</td>";
                                    email="<td class='text-center'>"+o.email+"</td>";
                                }  
                                $( "#tbd" ).append( 
                                "<tr>"
                                +nom
                                +phone
                                +email
                                +"<td class='table-report__action w-56 hidden res'>"
                                    +"<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 mr-1 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 mr-1  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 class='dropdown rounded-lg duration-200 hover:shadow-xl  shadow-md ml-3'>"
                                            +"<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 shadow-lg '>"
                                                +"<div class='dropdown-box__content box dark:bg-dark-1 p-2'>"
                                                    +"<a href='javascript:;' data-toggle='modal' data-target='#header-footer-modal-preview"+id+"' class='flex items-center rounded-lg p-3 hover:bg-gray-300 cursor-pointer '><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> info Dossiers Reglements</a> "
                                                    +"<a href='javascript:;' data-toggle='modal'  data-target='#header-footer-modal"+id+"' class='flex items-center rounded-lg p-3 hover:bg-gray-300 cursor-pointer '><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.cli')}}",
                                dataType:'json',
                                type:'post',
                                    success:function(data){
                                        if(data.addclient==1){
                                            $('.res').show();
                                        }
                                    },
                                    error:function(error){
                                        console.log(error);
                                    },
                                });
                            });
                        },
                        error:function(error){
                            console.log(error);
                        },
    
                    }); 
                }
                
            });
            
    </script> 

@endsection