@extends('layout.master',['activePage' => 'timbrado_cargo_credito', 'menuParent' => 'Procesos En Linea', 'titlePage' => __('Timbrado Cargos/Abonos CFDI 4.0')])




@push('plugin-styles')
    {!! Html::style('assets/css/loader.css') !!}
    {!! Html::style('assets/css/apps/tickets.css') !!}
    {!! Html::style('assets/css/elements/tooltip.css') !!}
    {!! Html::style('plugins/table/datatable/datatables.css') !!}
    {!! Html::style('plugins/apex/apexcharts.css') !!}
    {!! Html::style('plugins/flatpickr/flatpickr.css') !!}
    {!! Html::style('plugins/flatpickr/custom-flatpickr.css') !!}
@endpush

@section('content')
<style>
    .ui-autocomplete-input {
        /*border: none;*/
        font-size: 14px;
        /* width: 300px; */
        /* height: 24px; */
        /*margin-bottom: 5px;
  /*padding-top: 2px;
  border: 1px solid #DDD !important;*/
        padding-top: 0px !important;
        z-index: 1000;
        position: relative;
    }

    .ui-menu .ui-menu-item a {
        font-size: 12px;
    }

    .ui-autocomplete {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1000 !important;
        float: left;
        display: none;
        min-width: 160px;
        width: 160px;
        padding: 4px 0;
        margin: 2px 0 0 0;
        list-style: none;
        background-color: #ffffff;
        border-color: #ccc;
        border-color: rgba(0, 0, 0, 0.2);
        border-style: solid;
        border-width: 1px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        *border-right-width: 2px;
        *border-bottom-width: 2px;
    }
        .ui-autocomplete {
            max-height: 200px;
            overflow-y: auto;
            /* prevent horizontal scrollbar */
            overflow-x: hidden;
            /* add padding to account for vertical scrollbar */
            padding-right: 20px;
        }

    .ui-menu-item>a.ui-corner-all {
        display: block;
        padding: 3px 15px;
        clear: both;
        font-weight: normal;
        line-height: 18px;
        color: #555555;
        white-space: nowrap;
        text-decoration: none;
    }

    .ui-state-hover,
    .ui-state-active {
        color: #ffffff;
        text-decoration: none;
        background-color: #0088cc;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        background-image: none;
    }
    option {
         font-size:10px; 
    }
    .form-control{
        font-size: 10px;
    }
    .form-1-box { padding-top: 30px; text-align: left; }
 
.form-1-box legend {
    font-size: 4px;
    line-height: 10px;
    font-weight: 100;
    text-transform: uppercase;
    color: #555;
}
 
.form-1-box .form-check-label {
    line-height: 1.5;
    vertical-align: top;
}
.tableFixHead          { overflow: auto; height: 30vh; }
.tableFixHead thead th { position: sticky; top: 0; z-index: 1; }

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px; }
th     { background:#0b305d; }
.numeros{
    text-align: right;
}
.selectF{
    font-size: 8px !important;
    !important; padding: 0;
}
</style>
    <!--  Navbar Starts / Breadcrumb Area Starts -->
    <!--<div class="sub-header-container">
        <header class="header navbar navbar-expand-sm">
            <ul class="navbar-nav flex-row">
                <li>
                    <div class="page-header">
                        <nav class="breadcrumb-one" aria-label="breadcrumb">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="javascript:void(0);"> {{__('CR')}}</a></li>
                                <li class="breadcrumb-item"><a href="javascript:void(0);"> {{__('Clientes')}}</a></li>
                                <li class="breadcrumb-item active" aria-current="page">
                                    <span> {{__('Timbrado Cargos/Abonos CFDI 4.0')}}</span></li>
                            </ol>
                        </nav>
                    </div>
                </li>
            </ul>
        </header>
    </div>-->
    <div class="row">
        <div class="col-12" align="left">
            <h5>Timbrado Cargos/Abonos CFDI 4.0</h5>
        </div>
    </div>
    <!--  Navbar Ends / Breadcrumb Area Ends -->
    <input type="hidden" value="{{ $data['fecha'] }}" id="fechaHoy">
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <fieldset class="form-group border p-1">
                <legend class="w-auto px-1" style="font-size: 15px !important;">Parametros</legend>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group row">
                            <label class="col-4 col-form-label" for="">Fecha Inicial</label>
                            <div class="col-6">
                                <input type="date" class="form-control form-control-sm" id="desde" value="{{ $data['fecha'] }}" style="padding-top: 4px;">
                            </div> 
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group row">
                            <label class="col-4 col-form-label" for="">Fecha Final</label>
                            <div class="col-6">
                                <input type="date" class="form-control form-control-sm" id="hasta" value="{{ $data['fecha'] }}" style="padding-top: 4px;">
                            </div> 
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-check form-check-inline">
                          <input class="form-check-input" type="radio" id="inlineCheckbox1" value="1" name="tipoFacts" checked>
                          <label class="form-check-label" for="inlineCheckbox1">N.Credito</label>
                        </div>
                        <div class="form-check form-check-inline">
                          <input class="form-check-input" type="radio" id="inlineCheckbox2" value="2" name="tipoFacts">
                          <label class="form-check-label" for="inlineCheckbox2">N.Cargo</label>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-4">
                        <div class="form-group row">
                            <label class="col-4 col-form-label" for="">Mayores a</label>
                            <div class="col-6">
                                <input type="text" class="form-control form-control-sm" id="mayoresa">
                            </div> 
                        </div>
                    </div>
                    <div class="col-md-4">
                        <button class="btn btn-warning btn-block" onclick="cargaPrevia();">Carga Previo</button>
                    </div>
                    <div class="col-md-4">
                        <button class="btn btn-info btn-block" onclick="generaXML();">Genera XML</button>
                    </div>
                </div>
            </fieldset>
        </div>
    </div>
    <div class="row">
        <div class="col-md-4">
            <p>Total sin UUID:<strong id="totalsiuuidLabel">0</strong></p>
            <input type="hidden" id="totalsiuuid" value='0'>
        </div>
        <div class="col-md-4">
            <p>Total a timbrar MXN:<strong>$0.00</strong></p>
        </div>

    </div>
    <div class="row">
        <div class="col-md-12">
            <div class="table-responsive">
                <table class="table table-hover" id="gridDocumentos">
                    <thead>
                        <tr>
                            <th>Cuenta</th>
                            <th>Nombre</th>
                            <th>Recibos</th>
                            <th>Documento</th>
                            <th>Importe</th>
                            <th>Concepto</th>
                            <th>Fecha</th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalResultados">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Facturacion</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-6" align="center">
                        <h4 class="text-success">Correctos</h4>
                        <p id="facCorrectos"></p>
                    </div>
                    <div class="col-md-6" align="center">
                        <h4 class="text-danger">Errores</h4>
                        <p id="factErrores"></p>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12" id="erroresFact">
                        
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>

@endsection

@push('plugin-scripts')
    {!! Html::script('plugins/table/datatable/datatables.js') !!}
    {!! Html::script('plugins/table/datatable/button-ext/dataTables.buttons.min.js') !!}
    {!! Html::script('plugins/table/datatable/button-ext/jszip.min.js') !!}
    {!! Html::script('assets/js/loader.js') !!}
    {!! Html::script('plugins/jquery-ui/jquery-ui.min.js') !!}
    {!! Html::script('assets/js/apps/companies.js') !!}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/inputmask/4.0.9/jquery.inputmask.bundle.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
      {!! Html::script('plugins/flatpickr/flatpickr.js') !!}
    {!! Html::script('plugins/flatpickr/custom-flatpickr.js') !!}
@endpush

@push('custom-scripts')
<script type="text/javascript">
    $(document).ready(function() {
        /*$('#cuentaCliente').focus()
        $(".fechas").flatpickr({
            dateFormat: "Y-m-d",
        });*/
    });

  let clicando = false
$("#btnActivar").click(function() {
  // Si ha sido clicado
  if (clicando==false){
        clicando = true
        var documentos = new Array;
        $('.rowsTotales').each(function(index, el) {
            var id = $(this).attr('iddocu')
            $('#importe_'+id).val()
            if($('#importe_'+id).val()!=''){
                dat = {
                    id: id,
                    importe: $('#importe_'+id).val(),
                }
                documentos.push(dat)
            }
        });
        var id_sucursal = $('#idSucursal').val()
        if(id_sucursal==''){
              Swal.fire({
                     title: 'Selecciona una Sucursal',
                     type: 'error',
                })
                clicando = false
                return false;
        }
        var idcliente = $('#idCliente').val()
        if(idcliente==''){
              Swal.fire({
                     title: 'Selecciona un cliente',
                     type: 'error',
                })
                clicando = false
                return false;
        }
        var chequera = $('#chequera').val()
        var fecha_de_pago = $('#fecha_de_pago').val()
        var importeExcedente = $('#importeExcedente').val()
        if(importeExcedente==''){
            importeExcedente = 0
        }
        var tasa_iva = $('#tasaIva').val()
        diferecnia = $('#totalDiferenciado').val()
        var referencia =  $('#referencia').val();
        if(parseFloat(diferecnia)!=0){
                Swal.fire({
                     title: 'Existe una diferencia entre los importes',
                     type: 'error',
                })
                clicando = false
                return false;
        }
        if(fecha_de_pago==''){
                Swal.fire({
                     title: 'Agrega una fecha de pago',
                     type: 'error',
                })
                clicando = false
                return false;
        }
        if($('#fecha_aplicacion').val()==''){
                Swal.fire({
                     title: 'Agrega una fecha de aplicacion',
                     type: 'error',
                })
                clicando = false
                return false;
        }
        $("#loadingModal").modal('show')
        $.ajax({
            url: "{{url('operaciones/guarda_pagos')}}",
            type: 'POST',
            dataType: 'json',
            data: {
                documentos: documentos,
                id_sucursal: id_sucursal,
                idcliente: idcliente,
                fecha: $('#fecha_aplicacion').val(),
                chequera: chequera,
                fecha_de_pago: fecha_de_pago,
                importeExcedente: importeExcedente,
                tasa_iva: tasa_iva,
                referencia: referencia,
            },
        })
        .done(function(resp) {
            console.log("success");
            if(resp.estatus > 0){
                setTimeout(function(){
                    $("#loadingModal").modal('hide')
                    restaura();
                    Swal.fire({
                         title: resp.mensaje,
                         type: 'success',
                    })
                }, 2000)

                clicando = false
                return false;
            }else{
                 $("#loadingModal").modal('hide')
                 var strerr = '';
                 $.each(resp.errores, function(index, val) {
                      strerr+=val+',';
                 });
                 Swal.fire({
                     title: strerr,
                     type: 'error',
                })
                clicando = false
                return false;
            }
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
  } 
});


    function cargaPrevia_(){
        alert($('input:radio[name=tipoFacts]:checked').val());
        var desde = $('#desde').val();
        var hasta = $('#hasta').val();
        var mayoresa = $('#mayoresa').val();
        var tipo = $('input:radio[name=tipoFacts]:checked').val();
        $.ajax({
            url: "{{url('configuracion/get_documentos_timbrado')}}",
            type: 'POST',
            dataType: 'json',
            data: {
               desde: desde,
               hasta: hasta,
               tipo: tipo,
               mayoresa: mayoresa,
            },
        })
        .done(function() {
            console.log("success");
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        

    }
    function cargaPrevia(){
        var desde = $('#desde').val();
        var hasta = $('#hasta').val();
        var mayoresa = $('#mayoresa').val();
        var tipo = $('input:radio[name=tipoFacts]:checked').val();


        $('#totalsiuuid').val(0)
        $('#totalsiuuidLabel').html(0)
    $('#gridDocumentos').dataTable().fnDestroy();
    var table = $('#gridDocumentos').DataTable({
      lengthMenu: [10, 20, 50, 100, 200, 500],
      // processing: true,
      //dom: 'Blfrtip',
     
      ajax: {
        url: "../operaciones/get_documentos_timbrado",
        type: "POST",
        data: {
               desde: desde,
               hasta: hasta,
               tipo: tipo,
               mayoresa: mayoresa,
        },
      },
      columns: [{
          data: "codigo"
        },
        {
          data: "nombre"
        },
        {
          data: "recibo"
        },
        {
          data: "documento"
        },
        {
          data: "importe", className: 'text-right'
        },
        {
          data: "conce"
        },
        {
          data: "fecha_documento"
        },
      ],
      order: [
        [ 0, "desc" ], [ 2, "desc" ]
      ],
      "createdRow": function( row, data, dataIndex){
        //console.log(data.tiene_cfdi)
                /*if( data.tiene_cfdi ==  '0'){
                    $(row).addClass('bg-danger');
                    aumenta = parseFloat($('#totalsiuuid').val()) + 1
                    $('#totalsiuuid').val(aumenta)
                }*/
            },
        "initComplete": function( settings, json ) {
            $('#totalsiuuidLabel').html($('#totalsiuuid').val())   
        }
    });

        
    }

    function isNumeric(val) {
        return /^-?\d+$/.test(val);
    }

    function numfom(monto){
        return new Intl.NumberFormat('es-MX',{style:'currency',currency:'MXN'}).format(monto);
    }
    function generaXML(){

    	var desde = $('#desde').val();
        var hasta = $('#hasta').val();
        var mayoresa = $('#mayoresa').val();
        var tipo = $('input:radio[name=tipoFacts]:checked').val();

         $("#loadingModal").modal('show')
         var tipo = $('input:radio[name=tipoFacts]:checked').val();
   
         if(tipo==1){
            urlFact = "{{url('operaciones/facturar_notas_credito_masiva')}}"
         }else{
            urlFact = "{{url('operaciones/facturar_notas_credito_masiva')}}"
         }
        $.ajax({
            url: urlFact,
            type: 'POST',
            dataType: 'json',
            data: {
                desde: desde,
                hasta: hasta,
                tipo: tipo,
                mayoresa: mayoresa,
            },
        })
        .done(function(resp) {
            console.log(resp);
            $("#loadingModal").modal('hide')
            if(resp.estatus > 0){
                $('#erroresFact').html('')
                $('#gridDocumentos').dataTable().fnDestroy();
                console.log(resp.errores)
                console.log(resp.facturados)
                 $.each(resp.facturados, function(index, val) {
                    creapdf(val);
                });
                $('#facCorrectos').html(resp.facturados.length)
                $('#factErrores').html(resp.errores.length)
                html = '';
                $.each(resp.errores, function(index, val) {
                     html +='<p>'+val.error+'</p>';
                });
                $('#erroresFact').append(html)

                 setTimeout(function(){
                    $("#loadingModal").modal('hide')
                    $('#modalResultados').modal('show')
                }, 2000)
                
                /*Swal.fire({
                     title: 'Facturado correctamente',
                     type: 'success',
                })*/
                cargaPrevia();
                return false;
            }else{
                 Swal.fire({
                     title: 'Error al Facturar',
                     type: 'error',
                })
                 return false;
            }
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
  
    }
function allfs(){
    var allPages = $('#gridDocumentos').dataTable().fnGetNodes();
    var string = 0;
    $('.checkDocu', allPages).each(function() {
        $(this).click()
    });
}

function creapdf(data){
        $.ajax({
            url: "{{url('operaciones/genera_pdf_fact')}}",
            type: 'POST',
            dataType: 'json',
            data: {data: data},
        })
        .done(function(resp) {
            console.log("success");
            return 1;
            //modalComprobanteFact(resp.urlPdf,0);
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    }




</script>
  @include('comunes.busca_cuenta')

@endpush