@extends('layouts.app')

@section('content')
<style>

    #receipt_section{
      display: none;
  }
  </style>
@include('users.partials.header', [
    'title' => __('Factura promocion'),
    'description' => __(''),
    'class' => 'col-lg-12'
]) 
<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 class="row">
                       
                        <div class="col-sm-2 col-md-2 col-lg-4">
                            {{Form::label('vendedores','Vendedor')}}
                        {{Form::select('vendedores',$vendedores,null,['class'=>'form-control select2','id'=>'vendedor_filtro'])}}
                        </div>
                    
                        <div class="col-sm-2 col-md-2 col-lg-4">
                            {{Form::label('fecha','Fecha')}}

                            <div id="reportrange" style="background: #fff; cursor: pointer; padding: 9px 10px; border: 1px solid #ccc;border-radius: 8px !important;">
                                <i class="fa fa-calendar" aria-hidden="true"></i>&nbsp;
                                <span>August 17, 2021 - September 15, 2021</span> <i class="fa fa-caret-down" aria-hidden="true"></i>
                                </div>
                        </div>

                        <div class="col-sm-2 col-md-2 col-lg-4">
                            {{Form::label('generar_reporte','Acciones',['class'=>'col-md-12 pl-0'])}}
                        <button class="btn btn-success btn_generar_reporte">Generar Reporte</button>
                        <button class="btn btn-info btn_imprimir_reporte">Imprimir</button>
                        <button type="button" class="btn btn-success btn_exportar">Exportar Excel</button>

                        </div>
                   

 
                    </div>
                        <br>
                        <div class="table-responsive">
                            <div class="tabla_prom_detail">
                        
                    </div>
                    </div>
                    </div>
 

                </div>

            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="exampleModalEdit" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"></div>

<div id="receipt_section">

 
</div>

    
@endsection

@section('js')
<script type="text/javascript" src="https://unpkg.com/xlsx@0.15.1/dist/xlsx.full.min.js"></script>

<script>
    $(document).ready(function(){
     $.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
  });
  
  $(".select2").select2({
    placeholder:"Selecciona un filtro"
  });


  if($("#vendedor_filtro").val()==''){

  }

// $('#zona_filtro,#vendedor_filtro').multipleSelect({
//   filter:true,
//   minimumCountSelected: 2
//   // openOnHover: true

// });

start = moment().subtract(6, 'days');
end = moment();




$('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
$('#reportrange').daterangepicker({
       startDate: start,
       endDate: end,
       ranges: {
        'Hoy': [moment(), moment()],
     'Ayer': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
     'Últimos 7 días': [moment().subtract(6, 'days'), moment()],
     'Últimos 30 días': [moment().subtract(29, 'days'), moment()],
     'Este mes': [moment().startOf('month'), moment().endOf('month')],
     'El mes pasado': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')],
     'Este año': [moment().startOf('year'), moment().endOf('year')],
     'El año pasado': [moment().subtract(1, 'year').startOf('year'), moment().subtract(1, 'year').endOf('year')]
         }

   }, function (start, end) {
       
       $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));

          
          $('.lds-roller').show();
        
          var start=$("#reportrange").data('daterangepicker').startDate.format('YYYYMMDD');
           var end=$("#reportrange").data('daterangepicker').endDate.format('YYYYMMDD');
        //    table_nueva.ajax.reload();
         
     });  

//      var table_nueva=$('#Table-promoaciones').DataTable({
//           processing:true,
//          serverSide:true,
//          pageLength: 15,
//     ajax:
//     {
//         type: "POST",
// // contentType: "application/json; charset=utf-8",
//       url:"{{ url('promocion/datatablerecibo_entregado_prom')}}",
//       "data":function(d){
//         d.start_date=$("#reportrange").data('daterangepicker').startDate.format('YYYYMMDD');
//         d.end_date=$("#reportrange").data('daterangepicker').endDate.format('YYYYMMDD');
//         d.vendedor=$("#vendedor_filtro").val();
//         d.zona=$("#zona_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:'NOMBREC',name:'NOMBREC' },
//         {data:'CLIENTE',name:'CLIENTE' },
//         {data:'FACTURA',name:'FACTURA' },
//         {data:'FECHA',name:'FECHA' },
//         {data:'FACTURA',name:'FACTURA' },
//         {data:'MONTOPROM',name:'MONTOPROM' },
      
//     ],

// });

$(".btn_generar_reporte").on('click',function(){
    
    if($("#vendedor_filtro").val()!=""){
        var start_date=$("#reportrange").data('daterangepicker').startDate.format('YYYYMMDD');
        var end_date=$("#reportrange").data('daterangepicker').endDate.format('YYYYMMDD');
        var vendedor=$("#vendedor_filtro").val();
      $.ajax({
        url:"{{ url('promocion/datatablerecibo_entregado_prom_resumen')}}",
        data:{vendedor:vendedor,start_date:start_date,end_date:end_date},
        type:"POST",
        success:function(result){
            if(result.success){
                
                $("#receipt_section").empty();
                $("#receipt_section").html(result.view_print);
                $(".tabla_prom_detail").empty();
                $(".tabla_prom_detail").html(result.view);
                $("#Table-promoaciones").DataTable({
                        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>');

        },
                });
            }else{
                $(".tabla_prom_detail").empty(); 
            }
        },
        error:function(err){
            console.log(err);
            $(".tabla_prom_detail").empty();
        }
      })
    }else{
        $(".tabla_prom_detail").empty(); 
    }
    // table_nueva.ajax.reload();
});

});

$(".btn_imprimir_reporte").on('click',function(){
    $("#receipt_section").printThis();
    
});
$(".btn_exportar").on('click',function(){
    ExportToExcel('xlsx',$("#vendedor_filtro option:selected").text())    
});

$(document).ajaxStart(function(){
    show();
});

$(document).ajaxComplete(function(){
 hide();
});


function ExportToExcel(type,nombre, fn, dl) {
            var elt = document.getElementById('factura_imprimir');
            var wb = XLSX.utils.table_to_book(elt, { sheet: "sheet1" });
            return dl ?
                XLSX.write(wb, { bookType: type, bookSST: true, type: 'base64' }) :
                XLSX.writeFile(wb, fn || (nombre+'.' + (type || 'xlsx')));
        }
// {data:'VENDEDOR',name:'VENDEDOR' },
//         {data:'NOMBREV', name:'NOMBREV'},
//         {data:'RUTA',name:'RUTA' },
//         {data:'NOMBREZ',name:'NOMBREZ' },
//         {data:'CLIENTE',name:'CLIENTE' },
//         {data:'NOMBREC',name:'NOMBREC' },
//         {data:'FACTURA',name:'FACTURA' },
//         {data:'MONTOPROM',name:'MONTOPROM' },
//         {data:'FECHA',name:'FECHA' }

</script>

@endsection