@extends('layouts.app')

@section('content')
<style>

  #receipt_section{
    display: none;
}




.select2-container--default .select2-selection--single{
    margin-bottom: 5px;
    margin-top: 5px;
}

.select2-container {
    width: 100% !important;
}
.select2-container .select2-selection--single {
    height: 39px !important;
}
</style>

@include('users.partials.header', [
    'title' => __('Generar Pago '),
    '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('cliente','Cliente')}}
                        {{Form::select('cliente',[''=>'Selecciona un cliente'],null,['class'=>'form-control select2','id'=>'cliente_filtro'])}}
                        </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">Filtrar</button>
                        <button class="btn btn-info btn_pagar_seleccion">Pagar</button>
                        </div>
                   

 
                    </div>
                        <br>
                        <div class="table-responsive">
                            <div class="tabla_prom_detail">
                                <table class="table align-items-center table-flush table-striped" id="Table-promoaciones">
                                    <thead class="thead-light">
                                        <tr>
                                            <th scope="col" style="font-size: 13px;"><b></b></th>
                                            <th scope="col" style="font-size: 13px;"><b>FARMACIA</b></th>
                                            <th scope="col" style="font-size: 13px;"><b>CODIGO DEL CLIENTE</b></th>
                                            <th scope="col" style="font-size: 13px;"><b>NUMERO DE FACTURA</b></th>
                                            <th scope="col" style="font-size: 13px;"><b>FECHA</b></th>
                                            <th scope="col" style="font-size: 13px;text-align: center;"><b>TOTAL Promocion.</b></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                       
                                    </tbody>
                                </table>
                    </div>
                    </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>
<div id="receipt_section">

</div>


    
@endsection

@section('js')

<script>
    $(document).ready(function(){

   

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


$("#vendedor_filtro").on('change',function(){

    search_client_list();
});


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

// });

function search_client_list(){
    var start_date=$("#reportrange").data('daterangepicker').startDate.format('YYYYMMDD');
        var end_date=$("#reportrange").data('daterangepicker').endDate.format('YYYYMMDD');
        $("#cliente_filtro").empty();
    $.ajax({
        url:"{{route('search_cliente')}}",
        data:{vendedor:$("#vendedor_filtro").val(),start_date:start_date,end_date:end_date},
        success:function(result){
      if(result.success){
      
            $("#cliente_filtro").select2({
                placeholder:"Selecciona un filtro",
  data: result.data
});
      }
        },
        error:function(err){
            console.log(err);
        }
    })
}

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();
        search_client_list();
         
     });  


    var table_recibo=$('#Table-promoaciones').DataTable({
         "paging":   false,
        "info": false,
        processing:true,
         serverSide:true,

    ajax:
    {
      url:"{{ url('promocion/datatable_pagos_new')}}",
      type:'POST',
      "data":function(d){
        d.vendedor=$("#vendedor_filtro").val();
        d.start_date=$("#reportrange").data('daterangepicker').startDate.format('YYYYMMDD');
        d.end_date=$("#reportrange").data('daterangepicker').endDate.format('YYYYMMDD');
        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:'FACTURA_CHECKBOX',name:'FACTURA_CHECKBOX' },
        {data:'NOMBREC',name:'NOMBREC',class:'text-center' },
        {data:'CLIENTE', name:'CLIENTE',class:'text-center'},
        {data:'FACTURA',name:'FACTURA',class:'text-center' },
        {data:'FECHA',name:'FECHA',class:'text-center' },
        {data:'MONTOPROM',name:'MONTOPROM',class:'text-center' },
    ],

});



$(".btn_pagar_seleccion").on('click',async function(){
    var arreglo_selected=[];
    // var data_selected=await $(".factura_id:checked").each(function(){
    //    arreglo_selected.push($(this).val());
    // });
    var monto=0;
    $('#Table-promoaciones tr').each(function() {
        var checkbox = $(this).find('.factura_id');
        var precio = $(this).find('.precio').val();
        var cliente = $(this).find('.cliente').val();

        // Verificar si el checkbox está marcado
        if (checkbox.prop('checked')) {
          // Construir el objeto con los datos relacionados
          if(!isNaN(precio)){
            monto+=(parseFloat(precio));
          }
          var registro = {
            factura: checkbox.val(),
            precio: precio,
            cliente:cliente
          };
          arreglo_selected.push(registro);
        }
      });
      
    if(arreglo_selected.length>0 && $("#cliente_filtro").val()!=''){
        var vendedor=$("#vendedor_filtro").val();
        var cliente=$("#cliente_filtro").val();

    Swal.fire({
  title: 'Estas seguro?',
  text: "Deseas aplicar el pago de estas facturas?!",
  icon: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'Si, pagar!'
}).then((result) => {
  if (result.isConfirmed) {
    $.ajax({
        url:"{{route('generar_recibo')}}",
        type:'POST',
        data: { facturas_selected: arreglo_selected,monto:monto,vendedor:vendedor,cliente:cliente },
        success:function(result){
            if(result.success){
                console.log(result.data);
                $("#receipt_section").empty();
                $("#receipt_section").html(result.view_print);
                $("#receipt_section").printThis();
          
            //     let url_redirect="{{route('obtener_recibo_creado',':id')}}";
            //   url_redirect= url_redirect.replace(":id",result.id_recibo);
            //     window.location.href=url_redirect;

                toastr.success("Se ha generado el recibo de forma correcta");
                table_recibo.ajax.reload();
            }else{
                toastr.error("No se ha podido generar el recibo");
            }

        },
        error: function(error) {
          // Manejo de errores, si es necesario
          console.error('Error al enviar la solicitud Ajax:', error);
        }
    });
    
   
  }
});
    }else{
        toastr.warning("No hay facturas o clientes seleccionados");
    }
});

$(".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();
        var cliente=$("#cliente_filtro").val();
      $.ajax({
        url:"{{ url('promocion/datatablegenerar_pago')}}",
        data:{vendedor:vendedor,start_date:start_date,end_date:end_date,cliente:cliente},
        type:"POST",
        success:function(result){
            if(result.success){
                // $(".tabla_prom_detail").empty();
                $("#receipt_section").empty();
                $("#receipt_section").html(result.view_print);
                table_recibo.ajax.reload();
                // $(".tabla_prom_detail").html(result.view);
    //            var table_promociones= $("#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();
});


$("#exampleModalEdit").on('shown.bs.modal',function(){
$(".detalle_factura").DataTable({
    width:'100%',
    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>');

        },
});
});

});

$(".btn_imprimir_reporte").on('click',function(){
    $("#receipt_section").printThis();
    
});

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

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


function mark_checkbox(event){
 
    event.stopPropagation();
//     event.preventDefault(); // Evita el comportamiento predeterminado del checkbox
//   const checkbox = event.target;
}
function detalle_factura(element){
    var url=$(element).attr('data-href');
    $.ajax({
        url:url,
        success:function(result){
            $("#exampleModalEdit").html(result);
            $("#exampleModalEdit").modal('show');

        },
        error:function(err){
            console.log(err);
        }
    });


}

</script>

@endsection