@extends('admin')

@section('head')
    <meta name="csrf-token" content="{{ csrf_token() }}">

@endsection

@section('title')
NotaireApp - Liste des frais
@endsection


@section('content')


@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 frais</a> </div>
<!-- END: Breadcrumb -->
@endsection

<form method="post" action="" id="fileinfo" enctype="multipart/form-data"> 
@csrf
    <div class="grid grid-cols-12 gap-6 mt-5">

        <div class="intro-y col-span-12 lg:col-span-12">
            
            <div class="intro-y box">
                    <div class="flex flex-col sm:flex-row items-center p-5 border-b border-gray-200 dark:border-dark-5">
                        <h2 class="font-medium text-base mr-auto">
                        Les frais
                        </h2>
                        <div class="mx-2  w-16 sm:w-auto mt-3 sm:mt-0 sm:ml-auto md:ml-0">
                            {{$produits->links()}}
                        </div>
                        <input type="hidden" class="numrowr" value="{{Session::get('rowcountPROD')}}">
                    
                        <div class="w-full sm:w-auto mt-3 sm:mt-0 sm:ml-auto md:ml-0 mx-4 ">
                            <select required class="input w-20 border-2 nb_row" >
                                @if(Session::get('rowcountPROD')==null)
                                    <option value=""selected>10</option>
                                    <option value="50">50</option>
                                    <option value="100">100</option>
                                @else
                                    <option value="10">10</option>
                                    <option value="50">50</option>
                                    <option value="100">100</option>
                                @endif
                            </select>
                        </div>
                        <div class="hidden addprod">
                        <a href="javascript:;" name="create_record" id="create_record" data-toggle="modal" data-target="#header-footer-modal-preview" class="button border relative flex items-center text-gray-700 dark:border-dark-5 dark:text-gray-300 hidden sm:flex">
                            Ajouter un nouveau Coût
                        </a>
                        </div>
                        <div class="w-full mx-2 sm:w-auto mt-3 sm:mt-0 sm:ml-auto md:ml-0">
                            <div class="w-56 relative text-gray-700 dark:text-gray-300">
                                <input type="text" class="lg:mx-3 hover:shadow-lx input w-56 box pr-10 placeholder-theme-13  shadow-lg find" placeholder="Recherche...">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search w-4 h-4 absolute my-auto inset-y-0 mr-3 right-0"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg> 
                            </div>
                        </div>
                    </div>
                    
                    <div class="p-5">

                        <div class="p-5" id="head-options-table">
                           @if(session('modified'))
                           <div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative mb-3 " role="alert">
                              <strong class="font-bold">Félicitation!</strong>
                              <span class="block sm:inline">Votre produit a bien modié.</span>
                              <span class="absolute top-0 bottom-0 right-0 px-4 py-3 pop" >
                                <svg class="fill-current h-6 w-6 text-green-500" role="button" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><title>Close</title><path d="M14.348 14.849a1.2 1.2 0 0 1-1.697 0L10 11.819l-2.651 3.029a1.2 1.2 0 1 1-1.697-1.697l2.758-3.15-2.759-3.152a1.2 1.2 0 1 1 1.697-1.697L10 8.183l2.651-3.031a1.2 1.2 0 1 1 1.697 1.697l-2.758 3.152 2.758 3.15a1.2 1.2 0 0 1 0 1.698z"></path></svg>
                              </span>
                           </div>
                           <script>
                               $('.pop').click(function(){
                                    $(this).parent().hide();
                               });
                           </script>
                           @endif
                            <div class="preview">
                                <div class="overflow-x-auto">


                                    <table id="laravel_crud" class="table table-striped table-bordered">
                                        <thead>
                                            <tr class="bg-gray-700 dark:bg-dark-1 text-white">
                                                <th class="whitespace-no-wrap">#</th>
                                                <th class="whitespace-no-wrap">Coût</th>
                                                <th class="whitespace-no-wrap">Remise</th>
                                                <th class="whitespace-no-wrap">Prix</th>
                                                <th class="whitespace-no-wrap text-center hidden addprod">Action</th>
                                            </tr>
                                        </thead>
                                        <tbody id="tbd">
                                            @foreach($produits as $produit)
                                            <tr id="row_{{$produit->id}}">
                                                <td class="border-b dark:border-dark-5">{{ $produit->id  }}</td>
                                                <td class="border-b dark:border-dark-5">{{ $produit->designation }}</td>
                                                <td class="border-b dark:border-dark-5">{{ $produit->remise }} %</td>
                                                <td class="border-b dark:border-dark-5">{{ $produit->prix }}</td>
                                                <td class="border-b dark:border-dark-5 hidden addprod">
                                                    <div class="flex justify-center items-center">
                                                
                                                        <a href="javascript:;" class="flex items-center mr-3 edit_prod" data-id="{{ $produit->id }}" data-toggle="modal" data-target="#header-footer-modal-preview2"> <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{{$produit->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></a>
                                                        {{-- <a data-id="{{ $produit->id }}" class="flex items-center text-theme-6" href="javascript:;" data-toggle="modal" data-target="#delete-confirmation-modal{{ $produit->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></a> --}}
                                                    </div>
                                                </td>
                                            </tr>


                                            {{-- <!-- BEGIN: Delete Confirmation Modal -->
                                            <div class="modal" id="delete-confirmation-modal{{ $produit->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 data-dismiss="modal" data-id="{{ $produit->id }}" class="button w-24 bg-theme-6 text-white" onclick="deleteProduit(event.target)" >Supprimer</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- END: Delete Confirmation Modal --> --}}

                                            <!-- BEGIN: Delete Confirmation Modal -->
                                            <div class="modal" id="delete-confirmation-modal{{$produit->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="{{route('admin.delete.prod',[$produit->id ])}}">Supprimer</a>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- END: Delete Confirmation Modal -->


                                            @endforeach
                                        </tbody>
                                        </table>

                                </div>
                            </div>

                        </div>

                    </div>

                                           
                    <div class="modal" id="header-footer-modal-preview" aria-hidden="true">
                        <span class="success" style="color:green; margin-top:10px; margin-bottom: 10px;"></span>
                        <form class="" name="userForm"enctype="multipart/form-data" style="margin-top: 150px;">
                            <div class="modal__content">
                                <div class="p-5 grid grid-cols-12 gap-4 row-gap-3">
                                    <input type="hidden" name="produit_id" id="produit_id">
            

                                    <div class="col-span-12 sm:col-span-6">
                                        <label>Designation</label>
                                        <input type="text" class="input w-full border mt-2 flex-1" id="designation" name="designation" placeholder="Designation">
                                    </div>
                                    
                                    <div class="col-span-12 sm:col-span-6">
                                        <label>Remise %</label>
                                        <input type="number" value="0" class="input w-full border mt-2 flex-1"  id="remise" name="remise" placeholder="%">
                                    </div>
                                    <div class="col-span-12 sm:col-span-12">
                                        <label>Prix</label>
                                        <input type="number" step="0.01" value="0" class="input w-full border mt-2 flex-1" id="prix" name="prix" placeholder="Prix">
                                    </div>
                                    
                                </div>
                                <div class="px-5 py-3 text-right border-t border-gray-200 dark:border-dark-5">
                                    <button type="button" data-dismiss="modal" class="button w-20 border text-gray-700 dark:border-dark-5 dark:text-gray-300 mr-1">Cancel</button>

                                    <button type="button" data-dismiss="modal" class="button w-20 bg-theme-1 text-white save-data" name="action_button" id="action_button" onclick="createProduit()">Ajouter</button>
                                </div>
                            </div>
                        </form>
                        
                    </div>
                    
                    <!-- modal de modification -->
                    <div class="modal" id="header-footer-modal-preview2" aria-hidden="true">
                        <span class="success" style="color:green; margin-top:10px; margin-bottom: 10px;"></span>
                        <form name="userForm" style="margin-top: 150px;" action="produits/edit" method="post">
                           @csrf
                            <div class="modal__content">
                                <div class="p-5 grid grid-cols-12 gap-4 row-gap-3">
                                    <input type="hidden" name="produit_id" id="produit_id">
            

                                    <div class="col-span-12 sm:col-span-6">
                                        <label>Designation</label>
                                        <input type="text" class="input w-full border mt-2 flex-1" id="designation_edit" name="designation" placeholder="Designation">
                                    </div>
                                    
                                    <div class="col-span-12 sm:col-span-6">
                                        <label>Remise %</label>
                                        <input type="text" class="input w-full border mt-2 flex-1" id="remise_edit" name="remise" placeholder="%">
                                    </div>
                                    <div class="col-span-12 sm:col-span-12">
                                        <label>Prix</label>
                                        <input type="text" class="input w-full border mt-2 flex-1" id="prix_edit" name="prix" placeholder="Prix">
                                    </div>
                                    <input type="hidden" id="id_edit" name="id" />
                                </div>
                                <div class="px-5 py-3 text-right border-t border-gray-200 dark:border-dark-5">
                                    <button type="button" data-dismiss="modal" class="button w-20 border text-gray-700 dark:border-dark-5 dark:text-gray-300 mr-1">Cancel</button>

                                    <button type="submit" data-dismiss="modal" class="button w-20 bg-theme-1 text-white save-data" name="action_button" id="action_button">Modifier</button>
                                </div>
                            </div>
                        </form>
                        
                    </div>

                    <!-- modal de modification -->
                    <div class="modal" id="header-footer-modal-preview3" aria-hidden="true">
                        <span class="success" style="color:green; margin-top:10px; margin-bottom: 10px;"></span>
                        <form name="userForm" style="margin-top: 150px;" action="produits/edit" method="post">
                           @csrf
                            <div class="modal__content">
                                <div class="p-5 grid grid-cols-12 gap-4 row-gap-3">
                                    <input type="hidden" name="produit_id" id="produit_id2">
            

                                    <div class="col-span-12 sm:col-span-6">
                                        <label>Designation</label>
                                        <input type="text" class="input w-full border mt-2 flex-1" id="designation_edit2" name="designation" placeholder="Designation">
                                    </div>
                                    
                                    <div class="col-span-12 sm:col-span-6">
                                        <label>Remise %</label>
                                        <input type="text" class="input w-full border mt-2 flex-1" id="remise_edit2" name="remise" placeholder="%">
                                    </div>
                                    <div class="col-span-12 sm:col-span-12">
                                        <label>Prix</label>
                                        <input type="text" class="input w-full border mt-2 flex-1" id="prix_edit2" name="prix" placeholder="Prix">
                                    </div>
                                    <input type="hidden" id="id_edit2" name="id" />
                                </div>
                                <div class="px-5 py-3 text-right border-t border-gray-200 dark:border-dark-5">
                                    <button type="button" data-dismiss="modal" class="button w-20 border text-gray-700 dark:border-dark-5 dark:text-gray-300 mr-1">Cancel</button>

                                    <button type="submit" data-dismiss="modal" class="button w-20 bg-theme-1 text-white save-data" name="action_button" id="action_button">Modifier</button>
                                </div>
                            </div>
                        </form>
                        
                    </div>
                    

            </div>

        </div>

    </div>
</form>



@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');
        $('#produit').attr('class','side-menu side-menu--active');

        $('.edit_prod').click(function(){
            let id = $(this).attr('data-id');

            // console.log(id);
            

            url_t="{{route('produits.getp',["+id+"])}}";
	    		
            let _url     = url_t.replace("id",id) ;

            let _token   = $('meta[name="csrf-token"]').attr('content');
            $.ajax({
                 url: _url,
                 type: "POST",
                 data: {
                    _token: _token
                 },
                 success: function(response){
                     let id = response.id;
                     let designation = response.designation;
                     let remise = response.remise;
                     let prix = response.prix;
                     
                     
                     $('#designation_edit').val(designation);
                     $('#remise_edit').val(remise);
                     $('#prix_edit').val(prix);
                     $('#id_edit').val(id);
                 }
            });
        });
        
        
    }); 
    // $(document).keypress(function() {
    //     alert($(this).val());
    // });   
    function editProd2()
	{
		    let id = $(this).attr('data-id');
            url_t="{{route('produits.getp',["+id+"])}}";
            let _token   = $('meta[name="csrf-token"]').attr('content');
            $.ajax({
                 url: _url,
                 type: "POST",
                 data: {
                    _token: _token
                 },
                 success: function(response){
                     let id = response.id;
                     let designation = response.designation;
                     let remise = response.remise;
                     let prix = response.prix;
                     
                     
                     $('#designation_edit').val(designation);
                     $('#remise_edit').val(remise);
                     $('#prix_edit').val(prix);
                     $('#id_edit').val(id);
                 }
            });
	}
</script>


<script src="https://developers.google.com/maps/documentation/javascript/examples/markerclusterer/markerclusterer.js">
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=[" your-google-map-api"]&libraries=places"></script>
<script src="{{asset('dist/js/app.js')}}"></script>

<script type="text/javascript">

    // $('#laravel_crud').DataTable();

    function addPost() {
            $("#produit_id").val('');
            $('#header-footer-modal-preview').modal('show');
    }

    function editProduit(event) {
            var id  = $(event).data("id");
            let _url = `/admin/produits/edit/${id}`;


            $.ajax({
                url: _url,
                type: "GET",
                success: function(response) {
                    if(response) {
                        $("#produit_id").val(response.id);
                        $("#designation").val(response.designation);
                        $("#prix").val(response.prix);
                        $("#remise").val(response.remise);
                        $('#header-footer-modal-preview').modal('show');
                    }
                },
				error: function(err)
				{
					console.log(err);
				}
            });
    }

    function createProduit(){
            //var designation = $('#designation').val();
            var designation = $('#designation').val();
            var remise = $('#remise').val();
            var prix = $('#prix').val();
            var id = $('#produit_id').val();

            let _url     = `/admin/produits`;
            let _token   = $('meta[name="csrf-token"]').attr('content');

            $.ajax({
            url: "{{route('produits.store')}}",
            type: "POST",
            data: {
                id_produit: id,
                designation: designation,
                remise: remise,
                prix: prix,
                _token: _token
            },
            success: function(response) {
                if(response.code == 200) {
                    if(id != ""){
                    $("#row_"+id+" td:nth-child(2)").html(response.data.designation);
                    $("#row_"+id+" td:nth-child(3)").html(response.data.remise);
                    $("#row_"+id+" td:nth-child(4)").html(response.data.prix);
                    } else {
                   $('table tbody').prepend('<tr id="row_'+response.data.id+'"><td class="border-b dark:border-dark-5">'+response.data.id+'</td><td class="border-b dark:border-dark-5">'+response.data.designation+'</td><td class="border-b dark:border-dark-5">'+response.data.remise+' %</td><td class="border-b dark:border-dark-5">'+response.data.prix+'</td><td class="border-b dark:border-dark-5"><div class="flex justify-center items-center"><button type="button" class="flex items-center mr-3 edit_prod" data-id="'+response.data.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></button> <a class="flex items-center text-theme-6" data-dismiss="modal" data-id="'+response.data.id+'" data-toggle="modal" data-target="#delete-confirmation-modal3" style="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-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></div></td></tr>');
						
						
						//custom
//						$('table tbody').prepend('<tr id="row_'+response.data.id+'"><td class="border-b dark:border-dark-5">'+response.data.id+'</td><td class="border-b dark:border-dark-5">'+response.data.designation+'</td><td class="border-b dark:border-dark-5">'+response.data.remise+' %</td><td class="border-b dark:border-dark-5">'+response.data.prix+'</td><td class="border-b dark:border-dark-5"><div class="flex justify-center items-center"><a href="javascript:;" class="flex items-center mr-3 edit_prod" data-id="' + response.data.id + '" data-toggle="modal" data-target="#header-footer-modal-preview2" onclick="editProd2()"> <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></td></tr>');
						//endcustom
						location.reload();
                    }
                    


                    $('#remise').val('');
                    $('#prix').val('');
                    

                    //$('#post-modal').modal('hide');
                }
            },
            /*error: function(response) {
                $('#titleError').text(response.responseJSON.errors.title);
                $('#descriptionError').text(response.responseJSON.errors.description);
            }*/
            });
    }
    
    

    function getProd(event)
    {
           
    }
</script>
<script>
    if($('.numrowr').val()!=null){
        $('.nb_row').val($('.numrowr').val());
    }

    $('.nb_row').change(function(){
        
        $.ajax({
            url:"{{route('admin.prod')}}",
            type:'get',
            dataTaype:'json',
            data:{nb_row:$('.nb_row').val(),},
            success:function(data){
                // console.log($('.numrowr').val());
                location.reload();
            },
            error:function(error){
                console.log(error);
            }
        });
    });

</script>
<script>
    $(".find").bind("change paste keyup", function() {
        $.ajaxSetup({headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')}});
        if($(this).val().length>=1){
            $.ajax({
                data:{key:$(this).val()},
                url:"{{route('search.prod')}}",
                type:'post',
                dataType:'json',
                success:function(data){
                    $("#tbd").html("");

                    $.each(data,function(index,a){
                        
                        // console.log(a);
                        idR="row_"+a.id;
                        targ="#header-footer-modal-preview3";
                        $("#tbd").append(
                            "<tr class="+idR+">"
                                +"<td class='border-b dark:border-dark-5'>"+a.id +"</td>"
                                +"<td class='border-b dark:border-dark-5'>"+a.designation +"</td>"
                                +"<td class='border-b dark:border-dark-5'>"+a.remise+"</td>"
                                +"<td class='border-b dark:border-dark-5'>"+a.prix+"</td>"
                                    +"<td class='border-b dark:border-dark-5  hidden res'>"
                                        +"<div class='flex justify-center items-center'>"
                                            +"<a onClick='edit_prod2(this)' href='javascript:;' class='flex items-center mr-3 edit_prod2' data-id="+a.id+" data-toggle='modal' data-target="+targ+"> <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"+a.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></a>"
                                        +"</div>"
                                    +"</td>"
                            +"</tr>"
                        );
                       
                    });
                        $.ajax({
                        url:"{{route('admin.RoleS.devi')}}",
                        dataType:'json',
                        type:'post',
                        success:function(data){
                            if(data.addprod==1){
                                $('.res').show();
                            }
                        },
                        error:function(error){
                            console.log(error);
                        },
                });
                },
                error:function(error){
                    console.log(error);
                }
            });
        }
        if($(this).val()==""){
            $.ajax({
                data:{key:$(this).val()},
                url:"{{route('search.prod')}}",
                type:'post',
                dataType:'json',
                success:function(data){
                    $("#tbd").html("");

                    $.each(data,function(index,a){
                        
                        // console.log(a);
                        idR="row_"+a.id;
                        targ="#header-footer-modal-preview3";
                        $("#tbd").append(
                            "<tr class="+idR+">"
                                +"<td class='border-b dark:border-dark-5'>"+a.id +"</td>"
                                +"<td class='border-b dark:border-dark-5'>"+a.designation +"</td>"
                                +"<td class='border-b dark:border-dark-5'>"+a.remise+"</td>"
                                +"<td class='border-b dark:border-dark-5'>"+a.prix+"</td>"
                                    +"<td class='border-b dark:border-dark-5   hidden res'>"
                                        +"<div class='flex justify-center items-center'>"
                                            +"<a onClick='edit_prod2(this)' href='javascript:;' class='flex items-center mr-3 edit_prod2' data-id="+a.id+" data-toggle='modal' data-target="+targ+"> <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"+a.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></a>"
                                        +"</div>"
                                    +"</td>"
                            +"</tr>"
                        );
                       
                    });
                    $.ajax({
                        url:"{{route('admin.RoleS.devi')}}",
                        dataType:'json',
                        type:'post',
                        success:function(data){
                            if(data.addprod==1){
                                $('.res').show();
                            }
                        },
                        error:function(error){
                            console.log(error);
                        },
                });
                },
                error:function(error){
                    console.log(error);
                }
            });
        }
        
    });
     function edit_prod2(evn){
            let id = $(evn).data('id');
            url_t="{{route('produits.getp',["+id+"])}}";
	    	let _url     = url_t.replace("id",id) ;
            let _token   = $('meta[name="csrf-token"]').attr('content');
            $.ajax({
                 url: _url,
                 type: "POST",
                 data: {
                    _token: _token
                 },
                 success: function(response){
                    let id = response.id;
                    let designation = response.designation;
                    let remise = response.remise;
                    let prix = response.prix;
                     
                    $('#designation_edit2').val(designation);
                    $('#remise_edit2').val(remise);
                    $('#prix_edit2').val(prix);
                    $('#id_edit2').val(id);
                 }
            });
    }
            
        
    
</script>
@endsection