@extends('admin')

@section('title')
    NotaireApp - Liste relevés des fraises
@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 relevés des fraises</a> </div>
    <!-- END: Breadcrumb -->
@endsection

@section('content')

<h2 class="intro-y text-lg font-medium mt-10">
    Liste relevés des fraises
</h2>

<div class="">
    <div class="intro-y col-span-12 flex flex-wrap sm:flex-no-wrap items-center mt-2">
        <a class="button text-white bg-theme-1 shadow-md mr-2 hidden adddevis" href="{{ url('/admin/devis/create') }}">Ajouter Nouveau Devis</a>
        <div class="hidden md:block mx-auto text-gray-600" style="visibility: hidden;">Showing 1 to 10 of 150 entries</div>
        {{-- <div class="mx-2  w-16 sm:w-auto mt-3 sm:mt-0 sm:ml-auto md:ml-0">
            {{$devis->links()}}
        </div> --}}
        <input type="hidden" class="numrowr" value="{{Session::get('rowcountDEVI')}}">

    </div>
    <!-- BEGIN: Data List -->
    <div class="intro-y box px-5 py-8 mt-5 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="text-center whitespace-no-wrap" style="border-style: none !important;">NUM DOSSIER</th>
                    <th class="text-center whitespace-no-wrap" style="border-style: none !important;">CLIENT</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</th>
                    <th class="text-center whitespace-no-wrap hidden adddevis" style="border-style: none !important;">ACTIONS</th>
                </tr>
                
            </thead>
            <tbody id="tbd" >
                @foreach( $devis as $devis )
                <tr class="intro-x shadow-md rounded-lg intro-y ">
                    @if($devis->id_dossier != NULL) 
                        <td class="text-center">{{ $devis->numdossier }}</td>
                    @else
                        <td class="text-center">Pas de dossier</td>
                    @endif
                    
                    
                    @if($devis->id_client != NULL) 
                        @if($devis->type == 1) 
                            <td class="text-center">{{ $devis->name }} {{ $devis->prenom }}</td>
                        @else
                            <td class="text-center">{{ $devis->raisonsocial }}</td>
                        @endif
                    @else
                        <td class="text-center">Pas de client</td>
                    @endif
                    
                    <td class="text-center">{{ $devis->montant }} MAD</td> 
                    <td class="text-center">{{ $devis->date_devis }}</td>
                    <td class="table-report__action w-56 hidden adddevis">
                    
                        <div class="flex justify-center items-center">

                            <a title="Modifier" class="flex items-center my-3 p-3 rounded-lg hover:bg-gray-300" href="{{ URL::to('/admin/devis/edit/'.$devis->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 title="Supprimer" 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{{ $devis->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">
                                    <button class="dropdown-toggle button px-2 box text-gray-700 dark:text-gray-300 bg-gray-200">
                                        <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">
                                            
                                            @if($devis->idfac != NULL)
                                            <a href="{{ URL::to('/admin/factures/'.$devis->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> Voir Les Factures </a>
                                            @else
                                            <a href="{{ URL::to('/admin/facture/create/'.$devis->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> Facturer </a>
                                            @endif
                                            <a target="_blank" href="{{ URL::to('/admin/devis/imprimer/'.$devis->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> Imprimer </a>
                                        </div>
                                    </div>
                                
                            </div>
                        </div>

                    </td>
                </tr>

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

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

</div>
    
@endsection

@section('script')

<script>
    $(document).ready(function () {
        $("#bord").attr('class', 'side-menu');
        $("#client").attr('class', 'side-menu side-menu');
        $('#propr').attr('class', 'side-menu side-menu');
        $('#dossier').attr('class','side-menu side-menu');
        $('#facture').attr('class','side-menu side-menu');
        $('#devis').attr('class','side-menu side-menu--active');
    });
   
</script>
<script>
    if($('.numrowr').val()!=null){
        $('.nb_row').val($('.numrowr').val());
    }

    $('.nb_row').change(function(){
       
        $.ajax({
            url:"{{route('admin.devis.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({
                url:"{{route('admin.RoleS.devi')}}",
                dataType:'json',
                type:'post',
                success:function(data){
                    if(data.adddevis==1){
                        $('.res').show();
                    }
                },
                error:function(error){
                    console.log(error);
                },
            });
                $.ajax({
                    data:{key:$(this).val()},
                    type:'post',
                    dataType:'json',
                    url:"{{route('search.devis')}}",
                    success:function(data){
                        $( "#tbd" ).html("");
                        $.each(data,function(index,o){
                            num_dos=null;
                            nom=null;
                            id=0;
                            u1="{{route('fact.get.create',["+id+"])}}";
                            fact=u1.replace('id',o.id);
                            u2="{{route('imprimer.devi',["+id+"])}}";
                            impr=u2.replace('id',o.id);
                            // console.log(o.id);
                            if(o.numdossier!=null){
                                num_dos= o.numdossier;
                            }else{
                                num_dos="Pas de dossier";
                            }
                            if(o.type==0){
                                
                                nom="<td class='text-center'>"+((o.raisonsocial!=null) ? o.raisonsocial: 'Pas de client')+"</td>";
                            }else{
                            
                                nom="<td class='text-center'>"+((o.name!=null || o.prenom!=null) ? ((o.prenom!=null)? o.prenom : o.name)+" "+((o.name!=null)? o.name : o.prenom) : 'Pas de client')+"</td>";
                            }  
                            
                            id=o.id;
                            ur1l="{{route('admin.edit.devi',"+id+")}}";
                            url=ur1l.replace("id",id);
                            $("#tbd").append( 
                            "<tr>"
                            +"<td class='text-center'>"+num_dos+"</td>"
                            +nom
                            +"<td class='text-center'>"+o.montant+" MAD</td>"
                            +"<td class='text-center'>"+o.date_devis+"</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 hover:bg-gray-300 ' 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 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 my-3 p-3 rounded-lg hover:bg-gray-300 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 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'>"
                                    +"<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="+fact+" 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> Voir Les Factures </a>"
                                            +"<a target='_blank' href="+impr+" 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> Imprimer </a>"
                                        +"</div>"
                                    +"</div>"
                                +"</div>"
                            +"</td>"               
                            +"</tr>" 
                            );
                        });
                        $.ajax({
                                url:"{{route('admin.RoleS.regle')}}",
                                dataType:'json',
                                type:'post',
                                success:function(data){
                                    if(data.adddevis==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.devis')}}",
                    success:function(data){
                        $( "#tbd" ).html("");
                        $.each(data,function(index,o){
                            num_dos=null;
                            nom=null;
                            id=0;
                            u1="{{route('fact.get.create',["+id+"])}}";
                            fact=u1.replace('id',o.id);
                            u2="{{route('imprimer.devi',["+id+"])}}";
                            impr=u2.replace('id',o.id);
                            // console.log(o.id);
                            if(o.numdossier!=null){
                                num_dos= o.numdossier;
                            }else{
                                num_dos="Pas de dossier";
                            }
                            if(o.type==0){
                                
                                nom="<td class='text-center'>"+((o.raisonsocial!=null) ? o.raisonsocial: 'Pas de client')+"</td>";
                            }else{
                            
                                nom="<td class='text-center'>"+((o.name!=null || o.prenom!=null) ? ((o.prenom!=null)? o.prenom : o.name)+" "+((o.name!=null)? o.name : o.prenom) : 'Pas de client')+"</td>";
                            }   
                            id=o.id;
                            ur1l="{{route('admin.edit.devi',"+id+")}}";
                            url=ur1l.replace("id",id);
                            $("#tbd").append( 
                            "<tr>"
                            +"<td class='text-center'>"+num_dos+"</td>"
                            +nom
                            +"<td class='text-center'>"+o.montant+" MAD</td>"
                            +"<td class='text-center'>"+o.date_devis+"</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 hover:bg-gray-300 ' 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 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 my-3 p-3 rounded-lg hover:bg-gray-300 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 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'>"
                                    +"<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="+fact+" 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> Voir Les Factures </a>"
                                            +"<a target='_blank' href="+impr+" 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> Imprimer </a>"
                                        +"</div>"
                                    +"</div>"
                                +"</div>"
                            +"</td>"               
                            +"</tr>" 
                            );
                        });
                        $.ajax({
                                url:"{{route('admin.RoleS.regle')}}",
                                dataType:'json',
                                type:'post',
                                success:function(data){
                                    if(data.adddevis==1){
                                        $('.res').show();
                                    }
                                },
                                error:function(error){
                                    console.log(error);
                                },
                            });
                    },
                    error:function(error){
                        console.log(error);
                    },
                }); 
            }
            
        });
        
</script>
@endsection