@extends('layouts.app')

@section('content')

@include('users.partials.header', [
    'title' => __('Historial Importacion'),
    'description' => __(''),
    'class' => 'col-lg-12'
]) 

<style>
    #table_historial_importacion tbody tr{
        cursor: pointer;
    }

    .error{
        background-color: rgb(241 4 4 / 79%) !important;
        color: white !important;
    }
</style>

<div class="container-fluid mt--7">
    <div class="row">
        <div class="col-xl-12 order-xl-1">
            <div class="card shadow">

                <div class="card-body">
                    <div class="table-responsive" style="overflow-x: hidden !important;">
                        <!-- Projects table -->
                        <div>
                    
                        <div class="col-sm-12 col-lg-12 mb-3" >
                            <div class="row">
                                <div class="col-md-4">
                                    {{Form::label('Filtrar','Filtrar',['class'=>'label-control'])}}
                            <input class="form-control" placeholder="Buscar" onkeyup="saerch(this);" id="btnsearch" type="text">
                        </div>
                   
                     
                        </div>
                        </div>

                    </div>
                        <br>
         
                        <div class="table-responsive table_importacion_temporal">
                        
                            <table  class="table align-items-center table-flush table-striped" id="table_historial_importacion">
                                <thead class="thead-light">
                                    <tr>
                                        <th scope="col">
                                            Id
                                        </th>
                                        <th scope="col">
                                           Fecha Importacion
                                        </th>
                                        <th scope="col">
                                           Creado por
                                        </th>
                                    </tr>
                                </thead>

                                <tbody>
                                    
                                </tbody>
                            </table>
                       
                    </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    {{-- <div class="lds-roller"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div> --}}
</div>
{{-- <input type="text" name="" id="global" value="nacional" hidden> --}}
<div class="modal fade" id="exampleModalEdit" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"></div>

    
@endsection

@section('js')
@if(Session::has('success'))
    <script>
        toastr.success('{!! session('success') !!}');

    </script>
@endif

@if(Session::has('error'))
    <script>
        toastr.error('{!! session('error') !!}');

    </script>
@endif
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.18.5/xlsx.full.min.js"></script>



<script>
     $.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
  });


  
  var table_nueva=$('#table_historial_importacion').DataTable({
          processing:true,
         serverSide:true,
         pageLength: 15,
    ajax:
    {
        type: "POST",
// contentType: "application/json; charset=utf-8",
      url:"{{ route('getDatosImportacion')}}",
      "data":function(d){
        
        d.vendedor=$("#vendedor_filtro").val();
        d.CLIENTE=$("#cliente_filtro").val();
      }
    },

    language: {
      searchPlaceholder: "Buscar",
        "decimal": "",
        "emptyTable": "No hay información",
        "info": "Mostrando _START_ a _END_ de _TOTAL_ Entradas",
        "infoEmpty": "Mostrando 0 to 0 of 0 Entradas",
        "infoFiltered": "(Filtrado de _MAX_ total entradas)",
        "infoPostFix": "",
        "thousands": ",",
        "lengthMenu": "",
        "loadingRecords": "Cargando...",
        "processing": "Procesando...",
        "search": "",
        "zeroRecords": "Sin resultados encontrados",
        "paginate": {
            "first": "Primero",
            "last": "Ultimo",
            "next": "Siguiente",
            "previous": "Anterior"
        }

      }, 

      "fnDrawCallback": function (oSettings) {
        // var conditional=
        $(".previous a").html('<i class="ni ni-bold-left"></i>');
        $(".next  a").html('<i class="ni ni-bold-right"></i>');

        },
    columns:[
   
        {data:'id',name:'id' },
        {data:'fecha_importacion',name:'fecha_importacion' },
        {data:'name_user',name:'users.name' },
        
    ],

});

$(document).on('click','#table_historial_importacion tbody tr',function(){
    let url=$(this).attr('action');
    window.location.href=url;
});

function saerch(e){
    var name=$(e).val();
    table_nueva.search(name).draw();
  
  }
</script>

@endsection