@extends('layout.master', [
    'activePage' => $activePage,
    'categoria' => $categoria,
    'menuParent' => $menuParent,
    'titlePage' => $titlePage
])

@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/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> {{__('Captura de Pagos')}}</span></li>
                            </ol>
                        </nav>
                    </div>
                </li>
            </ul>
        </header>
    </div>-->
    <div class="row">
        <div class="col-12" align="left">
            <h5>Captura de Notas de Cargo CFDI v4.0</h5>
        </div>
    </div>
    <!--  Navbar Ends / Breadcrumb Area Ends -->
    <input type="hidden" value="{{ $data['fecha'] }}" id="fechaHoy">
    <input type="hidden" value="{{ $data['id_sucursal'] }}" id="sucursalHide">
    <input type="hidden" value="{{ $data['sucursal_nombre'] }}" id="sucursaNombrelHide">
    <input type="hidden" value="{{ $data['sucursal'] }}" id="sucursaCodigolHide">
    <input type="hidden" class="form-control form-control-sm" id="msjoculto">
    <input type="hidden" value="{{ $data['clave_sat'] }}" id="claveSatHiden">
    
<div class="container">

    <div class="row">
    <div class="col-lg-6">
        <div class="row">
    <div class="col-lg-12">
        <div class="statbox widget box box-shadow mb-4">
            <div class="widget-content widget-content-area">
                <div class="w-100">
                    <div class="form-group row">
                        <div class="col-lg-4">
                            <label>Sucursal:</label>
                 
                                <input type="text" class="form-control form-control-sm" id="numeroSucursal" name="numeroSucursal"
                                       value="{{ $data['sucursal'] }}" onchange="getSucursal();">
                                <input type="hidden" id="idSucursal" value="{{ $data['id_sucursal'] }}" class="form-control">
                            
                        </div>
                        <div class="col-lg-8"><br>
                            <input type="text" class="form-control form-control-sm" id="nombreSucursal" name="nombreSucursal" value="{{ $data['sucursal_nombre'] }}" readonly>
                        </div>
                    </div>

                </div>
            </div>
        </div>

    </div>
        </div>
    </div>
    <div class="col-lg-6">
    <div class="row">
    <div class="col-lg-12">
        <div class="statbox widget box box-shadow mb-4">
            <div class="widget-content widget-content-area">
                <div class="w-100">
                    <div class="form-group row">
                        <div class="col-md-2 col-xs-4">
                            <div class="form-check">
                             <!-- <input class="form-check-input" type="radio" value="1" name="radioBusqueda" onclick="selChek();" checked>-->
                              <label class="form-check-label" for="radioBusqueda">
                                Cuenta
                              </label>
                            </div>
                        </div>
                        <div class="col-md-3 col-xs-4">
                            <input type="text" class="form-control form-control-sm" id="cuentaCliente" onchange="getClienteCuenta();">
                        </div>
                        <div class="col-md-2 col-xs-4">
                            <button class="btn btn-primary btn-sm" onclick="traerNotas();">NOTAS</button>
                        </div>
                        <div class="col-md-3 col-xs-4 estatusBadge" id="estActiva" style="display: none;">
                            <span class="badge badge-success btn-block">Activa</span>
                        </div>
                        <div class="col-md-3 col-xs-4 estatusBadge" id="estSuspendida" style="display: none;">
                            <span class="badge badge-warning btn-block">Suspendida</span>
                        </div>
                        <div class="col-md-3 col-xs-4 estatusBadge" id="estCancelada" style="display: none;">
                            <span class="badge badge-danger btn-block">Cancelada</span>
                        </div>
                            
                    </div>
                </div>
            </div>
        </div>
    </div>
        </div>
    </div>
    </div>

    <div class="row" style="margin-top: -3%;">
        <div class="col-md-12">
            <fieldset class="form-group border p-1">
                <legend class="w-auto px-1" style="font-size: 15px !important;">Datos Cliente</legend>
                <div class="row">
                <div class="col-md-6">
                                        <div class="form-group row">
                        <label class="col-2 col-form-label" for="">Nombre:</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" onclick="buscaClienteModal();">
                                        <i class="la la-binoculars"></i>
                                    </span>
                                </div>
                                <input type="text" class="form-control form-control-sm" id="nombreCliente" name="nombreCliente"
                                       onmousemove="verDatos();" onmouseout="ocultaDatos();" readonly>
                                <input type="hidden" id="idCliente" class="form-control">
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label" for="">Domicilio:</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                                <input type="text" class="form-control form-control-sm" id="domicilio" name="domicilio" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label" for="">Colonia:</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                                <input type="text" class="form-control form-control-sm" id="colonia" name="colonia" readonly>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group row">
                        <label class="col-2 col-form-label" for="">Fecha:</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                                <input type="date" class="form-control form-control-sm" id="fecha_de_pago" name="fecha_de_pago" value="{{ $data['fecha'] }}" style="padding-top: 4px;" readonly>
                            </div>
                        </div>
                    </div>

                                        <div class="form-group row">
                        <label class="col-2 col-form-label" for="">Referencia:</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                                <input type="text" class="form-control form-control-sm" id="referencia" name="referencia">
                            </div>
                        </div>
                    </div>
                     <!--                   <div class="form-group row">
                        <label class="col-2 col-form-label" for="">Devolucion:</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                                <input type="text" class="form-control form-control-sm" id="devolucion" name="devolucion">
                            </div>
                        </div>
                    </div>                    <div class="form-group row">
                        <label class="col-2 col-form-label" for="">Almacen:</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                                <input type="text" class="form-control form-control-sm" id="almacen" name="almacen">
                            </div>
                        </div>
                    </div>-->

                </div>
                </div>
            </fieldset>
        </div>
    </div>
    <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;">Datos del Cargo</legend>
                <div class="row">
                    <div class="col-6">
                      <!--                 <div class="form-group row">
                        <label class="col-2 col-form-label" for="">Fecha:</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                                <input type="date" class="form-control form-control-sm" id="fecha_de_pago" name="fecha_de_pago" value="{{ $data['fecha'] }}" style="padding-top: 4px;" readonly>
                            </div>
                        </div>
                    </div>-->
                    <div class="form-group row">
                        <label class="col-2 col-form-label" for="">Concepto:</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                               <select class="form-control form-control-sm" id="concepto" onchange="setclavesat();">
                                   @foreach ($data['conceptos']  as $c)
                                       <option value="{{ $c->id }}" clavesat="{{ $c->cve_prod_sat }}" cuenta="{{ $c->cuenta_contable4 }}">{{ $c->concepto }} - {{ $c->nombre }}</option>
                                   @endforeach
                               </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label" for="">Plazo:</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                               <select class="form-control form-control-sm" id="plazo" onchange="setPfp();">
                                   @foreach ($data['plazos']  as $c)
                                       <option value="{{ $c->plazo }}">{{ $c->plazo }} - {{ $c->descripcion }}</option>
                                   @endforeach
                               </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label" for="">Forma Pago:</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                            <select class="form-control form-control-sm" id="formaPago" disabled>
                                @foreach ($data['formaspago'] as $fp)
                                    <option value="{{ $fp->forma_pago }}">{{ $fp->forma_pago }} - {{ $fp->descripcion }}</option>
                                @endforeach
                            </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label" for="">Uso CFDI:</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                                <select class="form-control form-control-sm" id="usocfdi">
                                     @foreach ($data['usocfdi'] as $fp)
                                    <option value="{{ $fp->c_UsoCFDI }}">{{ $fp->c_UsoCFDI }} - {{ $fp->Descripcion }}</option>
                                @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label" for="">CveProdSat:</label>
                        <div class="col-lg-4">
                            <div class="input-group">
                                <input type="text" class="form-control form-control-sm" id="clave_sat" name="CveProdSat" maxlength="8">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <span onclick="window.open('http://200.57.3.46:443/PyS/catPyS.aspx&quot;,&quot;clveprod&quot;,&quot;width=800,height=600,scrollbars=no&quot;');" style="cursor: pointer; color: #336699;">Buscar Claves SAT</span>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label" for="">Clave Unidad:</label>
                        <div class="col-lg-4">
                            <div class="input-group">
                                <input type="text" class="form-control form-control-sm" id="clave_sat_unidad" name="clave_unidad_sat" maxlength="3">
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <span onclick="window.open('http://200.57.3.46:443/PyS/catUnidades.aspx&quot;,&quot;clveuds&quot;,&quot;width=800,height=600,scrollbars=no&quot;'');" style="cursor: pointer; color: #336699;">Buscar U. Medida SAT</span>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label" for="">Aplicar a Documento:</label>
                         <div class="col-lg-2">
                            <div class="input-group">
                                <input type="checkbox" class="form-control form-control-sm" id="aplica_documento" onclick="revisaTipo();">
                            </div>
                        </div>
                        <div class="col-lg-2">
                            <div class="input-group">
                                <input type="text" class="form-control form-control-sm" id="serie_docu" readonly>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="input-group">
                                <input type="text" class="form-control form-control-sm" id="folio_docu" onblur="buscaDocumento();" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label" for="">SubTotal:</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                                <input type="text" class="form-control form-control-sm" id="subtotal" name="subtotal" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label" for="">IVA:</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                                <input type="text" class="form-control form-control-sm" id="iva" name="iva" readonly>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label" for="">Total Cargo:</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                                <input type="text" class="form-control form-control-sm" id="total" name="total" onkeyup="calculaIVA();" oninput="formatoMontoF(this);">
                            </div>
                        </div>
                    </div>
                    </div>
                    <div class="col-6">
                            <div class="row">
                                <div class="col-12">
                                    <table class="table table-hover">
                                        <thead>
                                            <tr>
                                                <th>Documento</th>
                                                <th>Fecha</th>
                                                <th>Saldo</th>
                                            </tr>
                                        </thead>
                                        <tbody id="tabledocus">

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                    </div>
                </div>
            </fieldset>
        </div>
    </div>
       <div class="row" style="display: none;" id="archivosComprobante">
        <div class="col-lg-2">
            <a href="" target="_blank" id="srcPdfFile"><i class="la la-file-pdf" style="font-size: 30px;"></i></a>
            <a href="" target="_blank" id="srcXmlFile"><i class="la la-file-code" style="font-size: 30px;"></i></a>
            <i class="la la-envelope" style="font-size: 30px;" onclick="enviaCorreo();"></i>
            <p id="labelseriefolio"></p>
            <input type="hidden" id="idCfdi">
        </div>
    </div>


        <div class="row" align="right">

            <div class="col-md-3 exedeDiv" style="display: none;">
                 <div class="form-group row">
                            <label class="col-6 col-form-label" for="">Tasa Iva</label>
                            <div class="col-6">
                                <select id="tasaIva" class="form-control form-control-sm selectF">
                                    <option value="16">Tasa 16%</option>
                                    <option value="0">Tasa 0%</option>
                                </select>
                            </div>
                        </div>
            </div>
            <!--<div class="col-2" align="right">
                <button class="btn btn-primary btn-sm btn-block" onclick="verExcedente();">Credito por Aplicar</button>
                <input type="hidden" id="tieneExcedente" class="form-control form-control-sm">
            </div>-->
            <div class="col-2 escodebotones" align="right">
                <button class="btn btn-info btn-sm btn-block" onclick="verNotas();">Notas</button>
            </div>
            <div class="col-2" align="right">
                <div id="btnAccion" style="display: none;">
                    <button class="btn btn-success btn-sm btn-block" id="btnActivar">Aplicar</button>
                </div>
                <div id="btnAccionFacte" style="display: none;">
                    <button class="btn btn-success btn-sm btn-block" id="btnActivarFact" onclick="refactura();">Generar</button>
                </div>
            </div>
             <div class="col-2" align="right">
                <button class="btn btn-primary btn-sm btn-block" onclick="restaura();">Restaurar</button>
            </div>
        </div>

</div>
<div>
    
</div>
<div class="modal fade" id="modalDatosCliente">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Modal title</h4>
            </div>
            <div class="modal-body">
                <h1>perro</h1>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div>



    <div id='modalComprobanteFact' class="modal fade modalEsc" tabindex="-1" role="dialog" data-backdrop="static">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Factura</h4>
                    <input type="hidden" id="idDocComprobante">
                    <input type="hidden" id="reenvio">
                </div>
                <div class="modal-body">
                    <div class="row rTouch">
                        <div class="col-md-12">
                            <iframe id="frameComprobanteFact" src="" frameborder="0" style="float:left;height:300px;width:100%;"></iframe>
                        </div>
                    </div>

                </div>
                <div class="modal-footer">
               
                            <button class="btn btn-warning btn-block" data-bs-dismiss="modal" onclick="cerramodalfacturapdf();">Cerrar</button>
               
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modalNotas">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Notas</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 12">
                            <label>Nota</label>
                            <textarea class="form-control" id="notasdocumento" cols="12" rows="10"></textarea>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Aceptar</button>
               
                </div>
            </div>
        </div>
    </div>
@endsection

@push('plugin-scripts')
    {!! 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",
        });
        $('#formaPago').val('99')
        $('#usocfdi').val('G03')

        //var csat = $('#concepto option:selected').attr('clavesat');
        $('#clave_sat').val($('#claveSatHiden').val())
    });
  let clicando = false
$("#btnActivar").click(function() {
  // Si ha sido clicado
  if (clicando==false){
        clicando = true

        var id_sucursal = $('#idSucursal').val()
        if(id_sucursal==''){
              Swal.fire({
                     title: 'Selecciona una Sucursal',
                     type: 'error',
                })
                clicando = false
                return false;
        }
        console.log('2qw244d3')
        var idcliente = $('#idCliente').val()
        if(idcliente==''){
              Swal.fire({
                     title: 'Selecciona un cliente',
                     type: 'error',
                })
                clicando = false
                return false;
        }
        console.log('3333333')
        var referencia = $('#referencia').val()
        var fecha_de_pago = $('#fecha_de_pago').val()

        /*var tasa_iva = $('#tasaIva').val()
        if(fecha_de_pago==''){
                Swal.fire({
                     title: 'Agrega una fecha de pago',
                     type: 'error',
                })
                clicando = false
                return false;
        }*/
        console.log('aqui')

        var formaPago = $('#formaPago').val();
        var usocfdi = $('#usocfdi').val()

        var concepto = $('#concepto').val()
         if(concepto==0){
                Swal.fire({
                     title: 'Selecciona un concepto',
                     type: 'error',
                })
                clicando = false
                return false;
        }
         var plazo = $('#plazo').val()
         var clave_sat = $('#clave_sat').val()
         if(clave_sat==''){
             Swal.fire({
                     title: 'Agrega una clave del SAT valida',
                     type: 'error',
                })
             $('#clave_sat').focus()
                clicando = false
                return false;
         }
         var clave_sat_unidad = $('#clave_sat_unidad').val()
         if(clave_sat_unidad==''){
            Swal.fire({
                     title: 'Agrega una clave unidad del SAT valida',
                     type: 'error',
                })
            $('#clave_sat_unidad').focus()
                clicando = false
                return false;
         }
         if($('#aplica_documento').prop('checked')){
            aplica_docu = 1;
         }else{
            aplica_docu = 0;
         }
        var serie_docu = $('#serie_docu').val()
        var folio_docu = $('#folio_docu').val()
        var notas = $('#notasdocumento').val()
        var total = $('#total').val()
        $("#loadingModal").modal('show')
        console.log('perorororororor')
        var nota = $('#notascoments').val()
        var tieneIva = $('#iva').val()
        if(parseFloat(tieneIva) > 0){
            iva =  16
        }else{
            iva = 0
        }
        $.ajax({
            url: "{{url('operaciones/guarda_nota_cargo')}}",
            type: 'POST',
            dataType: 'json',
            data: {
                id_sucursal: id_sucursal,
                idcliente: idcliente,
                fecha_de_pago: fecha_de_pago,
                tasa_iva: iva,
                referencia: referencia,
                formapago: formaPago,
                concepto: concepto,
                nota: nota,
                plazo: plazo,
                clave_sat: clave_sat,
                clave_sat_unidad: clave_sat_unidad,
                aplica_docu: aplica_docu,
                notas: notas,
                total: total,
                serie_docu: serie_docu,
                folio_docu: folio_docu,
            },
        })
        .done(function(resp) {
            console.log("success");
            if(resp.estatus > 0){
                setTimeout(function(){
                    $("#loadingModal").modal('hide')
                    $('#btnAccion').hide()
                    /*Swal.fire({
                         title: resp.mensaje,
                         type: 'success',
                    })*/

                    Swal.fire({
                      title: resp.mensaje,
                      text: "Nota de credito Fiscal?",
                      icon: "success",
                      showCancelButton: true,
                      confirmButtonColor: "#3085d6",
                      cancelButtonColor: "#d33",
                      confirmButtonText: "Aceptar"
                    }).then((result) => {
                      if (result.isConfirmed) {
                        $('#msjoculto').val(resp.mensaje)
                       // alert('entro a facturar')
                        facturarNota(resp.mensaje)
                      }else{
                        restaura();
                      }
                    });




                }, 2000)

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


    function getSucursal(){
        var sucursal = $('#numeroSucursal').val()
        if(sucursal==''){
            Swal.fire({
                 title: 'Agrega una sucursal valida',
                 type: 'error',
                 timer: 3000
            })
        }
        $.ajax({
            url: "{{url('comunes/get_sucursal')}}",
            type: 'POST',
            dataType: 'json',
            data: {sucursal: sucursal},
        })
        .done(function(resp) {
            console.log("success");
            if(resp.estatus > 0){
                $('#idSucursal').val(resp.id)
                $('#nombreSucursal').val(resp.nombre)
                $('#numeroSucursal').val(resp.codigo)
            }else{
                $('#idSucursal').val('')
                $('#nombreSucursal').val('')
                $('#numeroSucursal').val('')
                $('#numeroSucursal').focus()
                Swal.fire({
                     title: resp.msj,
                     type: 'error',
                     timer: 3000
                })

                
            }
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    }

    function restaura(){

         $(".fechas").flatpickr({
            dateFormat: "Y-m-d",
        });
        $('.form-control').val('')
        $('#btnAccion').hide()
        $('#documentosBody').html('')
        $('#cuentaBancaria').html('')
        $('#bodyFPS').hide()
        $('.estatusBadge').hide()
        $('.exedeDiv').hide();
        $('#tieneExcedente').val('')
        $('#tarjetaActiva').html('<option value="0">-Selecciona-</option>')
        $('#fecha_de_pago').val($('#fechaHoy').val())
        $('#tasaIva').val(16)
        $('#formaPago').val(1)
        $('#chequera').val(1)
        $('#formaPago').val(11)
        $('#concepto').val(10)
        $('#idSucursal').val($('#sucursalHide').val())
        $('#nombreSucursal').val($('#sucursaNombrelHide').val())
        $('#numeroSucursal').val($('#sucursaCodigolHide').val())
         $('#archivosComprobante').hide()
        $('#usocfdi').val('G03')
        $('#concepto').val(9)
        $('#formaPago').val('99')
        $('#btnAccionFact').hide()
        $('.escodebotones').show()
        $('#clave_sat').val($('#claveSatHiden').val())
        setclavesat();

    }

        function isNumeric(val) {
            return /^-?\d+$/.test(val);
        }
        function usaCliente(idCliente){
            agregaCliente2(idCliente)
            $('#modalBuscaCuenta').modal('hide')
        }
function numfom(monto){
    return new Intl.NumberFormat('es-MX',{style:'currency',currency:'MXN'}).format(monto);
  }
      function agregaCliente2(id){
     

        $.ajax({
            url: "{{url('comunes/get_cliente_id')}}",
            type: 'POST',
            dataType: 'json',
            data: {id: id},
        })
        .done(function(resp) {
            console.log("success");
            
            
            $('#cuentaCliente').val(resp.cuenta)
            $('#idCliente').val(resp.id)
            $('#categoriaCliente').val(resp.info.categoria)
            $('#agenteCod').val(resp.info.agente)
            $('#agenteNombre').val(resp.info.agente_nombre)
            $('#rucobCod').val(resp.info.rucob)
            $('#rucobNombre').val(resp.info.rucob_nombre)
            $('#domicilio').val(resp.info.domicilio)
            $('#nombreCliente').val(resp.nombre)
            $('#colonia').val(resp.info.colonia)
            var html = ''
            $('#cuentaBancaria').html('')
            cont = true
            $.each(resp.info.cuentas_bancarias, function(index, val) {
                if(cont){
                    //$('#formaPago').val(val.id_c_formapago)
                    cont = false
                }
                html+='<option value="'+val.id+'" idfp="'+val.id_c_formapago+'">'+val.banconame+'-'+val.cuenta_bancaria+'-'+val.moneda_codigo+'</option>'
            });
            $('#cuentaBancaria').append(html)
            $('.estatusBadge').hide()
            $('#est'+resp.cuenta_estatus).show()
            $('#referencia').focus()
            getDocumentos(resp.id);
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    }
    function getClienteCuenta(){
        var cuenta = $('#cuentaCliente').val()
        if(cuenta==''){
            Swal.fire({
                 title: 'Agrega una cuenta valida',
                 type: 'error',
                 timer: 3000
            })
        }
        $.ajax({
            url: "{{url('comunes/get_cliente_cuenta')}}",
            type: 'POST',
            dataType: 'json',
            data: {cuenta: cuenta},
        })
        .done(function(resp) {
            console.log("success");
            if(resp.estatus > 0){
         
                $('#idCliente').val(resp.id)
                $('#categoriaCliente').val(resp.info.categoria)
                $('#agenteCod').val(resp.info.agente)
                $('#agenteNombre').val(resp.info.agente_nombre)
                $('#rucobCod').val(resp.info.rucob)
                $('#rucobNombre').val(resp.info.rucob_nombre)
                $('#domicilio').val(resp.info.domicilio)
                $('#nombreCliente').val(resp.nombre)
                $('#colonia').val(resp.info.colonia)
                $('#plazo').val(resp.plazo)
                var html = ''
                $('#cuentaBancaria').html('')
                cont = true
                $.each(resp.info.cuentas_bancarias, function(index, val) {
                    if(cont){
                        //$('#formaPago').val(val.id_c_formapago)
                        cont = false
                    }
                    html+='<option value="'+val.id+'" idfp="'+val.id_c_formapago+'">'+val.banconame+'-'+val.cuenta_bancaria+'-'+val.moneda_codigo+'</option>'
                });
                $('#cuentaBancaria').append(html)
                $('.estatusBadge').hide()
                $('#est'+resp.cuenta_estatus).show()
                $('#referencia').focus()
                getDocumentos(resp.id);
                setPfp();
            }else{
                restaura();
                Swal.fire({
                     title: resp.msj,
                     type: 'error',
                     timer: 3000
                })
                return false;
            }
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    }
    function verDatos(){
        $('#clientesInfoDiv').show('slow')
    }
    function ocultaDatos(){
        $('#clientesInfoDiv').hide('slow')
    }
    function getCuentaBanFP(){
        var idfp = $('#cuentaBancaria option:selected').attr('idfp');
        $('#formaPago').val(idfp)
    }
    function nuevaCuenta(){
        $('#modalNuevaCuentaBancaria').modal('show')
    }
    function guardarCuentaBanc(){
        var idcliente = $('#idCliente').val()
        var fp = $('#fpCuenta').val();
        var banco = $('#bancoCuenta').val();
        var numerocuenta = $('#numCuenta').val();
        var moneda = $('#monedaCuenta').val(); 
        if(numerocuenta==''){
            Swal.fire({
                 title: 'Agrega un numero de cuenta',
                 type: 'error',
                 timer: 3000
            })
        }
        if(idcliente==''){
            Swal.fire({
                 title: 'Agrega un cliente',
                 type: 'error',
                 timer: 3000
            })
        }
        $.ajax({
            url: "{{url('operaciones/agrega_cuenta_cliente')}}",
            type: 'POST',
            dataType: 'json',
            data: {
                idcliente: idcliente,
                fp: fp,
                banco: banco,
                numerocuenta: numerocuenta,
                moneda: moneda,
            },
        })
        .done(function(resp) {
            console.log("success");
            if(resp.estatus > 0){
                $('#modalNuevaCuentaBancaria').modal('hide')
                $('#cuentaBancaria').append('<option value="'+resp.estatus+'" idfp="'+resp.datos.id_c_formapago+'">'+resp.banconame+'-'+resp.datos.cuenta_bancaria+'-'+resp.monedaname+'</option>');
                $('#cuentaBancaria').val(resp.estatus)
                alert(resp.datos.id_c_formapago)
                $('#formaPago').val(resp.datos.id_c_formapago)

                Swal.fire({
                     title: 'Guardado con Exito',
                     type: 'success',
                     timer: 3000
                })
                return false;
            }else{
                Swal.fire({
                     title: 'Error al guardar la cuenta',
                     type: 'error',
                     timer: 3000
                })
                return false;
            }

        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    }



  

    function activar(){
        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()
        var idcliente = $('#idCliente').val()
        var chequera = $('#chequera').val()
        $.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,
            },
        })
        .done(function(resp) {
            console.log("success");
            if(resp.estatus > 0){
                Swal.fire({
                     title: 'Guardado Correctamente',
                     type: 'success',
                })
                clicando = false
                return false;
            }
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        

    }

    function traerNotas(){
        var idcliente = $('#idCliente').val()
        if(idcliente!=''){
            getNotasCliente(idcliente);
        }else{
            Swal.fire({
                     title: 'Selecciona un cliente',
                     type: 'warning',
                     timer: 3000
                })
                return false;
        }
        
    }
    function calculaIVA(){
        var total = $('#total').val()
        var csat = $('#concepto option:selected').attr('cuenta');
        if(csat=='0'){
            ivaPorcent = 1.0
        }else{
            ivaPorcent = 1.16
        }


        if(total == ''){
            total = 0;
        }
        subtotal = parseFloat(total) / parseFloat(ivaPorcent);
        iva = parseFloat(total) - parseFloat(subtotal);
        $('#subtotal').val(subtotal.toFixed(2))
        $('#iva').val(iva.toFixed(2))
        if(total > 0){
            $('#btnAccion').show()
        }else{
            $('#btnAccion').hide()
        }

    }
    function buscaDocumento(){
        var serie = $('#serie_docu').val()
        var folio = $('#folio_docu').val()
         var idcliente = $('#idCliente').val()
        if(idcliente==''){
              Swal.fire({
                     title: 'Selecciona un cliente',
                     type: 'error',
                })
                clicando = false
                return false;
        }
        if(serie==''){
            Swal.fire({
                     title: 'Agrega la serie',
                     type: 'warning',
                     timer: 3000
                })
                return false;
        }
        $.ajax({
            url: "{{url('operaciones/get_documentos_cargo')}}",
            type: 'POST',
            dataType: 'json',
            data: {serie: serie, folio: folio,idcliente: idcliente},
        })
        .done(function(resp) {
            console.log("success");
            html = ''
            $('#tabledocus').html('')
            $.each(resp.documentos, function(index, val) {
                 html+='<tr>'
                 html+= '<td>'+val.folio+'</td>'
                 html+= '<td>'+val.fecha_documento+'</td>'
                 html+= '<td>'+numfom(val.saldo)+'</td>'
                 html+='</tr>'
            });
            $('#tabledocus').append(html)
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    }
    function revisaTipo(){
        if($('#aplica_documento').prop('checked')){
            $('#serie_docu').attr('readonly',false)
            $('#folio_docu').attr('readonly',false)
         }else{
            $('#serie_docu').attr('readonly',true).val('')
            $('#folio_docu').attr('readonly',true).val('')
            $('#tabledocus').html('')
         }
    }

    function facturarNota(aja){
    folio = aja.split('mente. - ')
    var fp = $('#formaPago').val()
    var clave_sat = $('#clave_sat').val()
    var clave_sat_unidad = $('#clave_sat_unidad').val()
    var usocfdi = $('#usocfdi').val()
    var plazo = $('#plazo').val()
    
    $("#loadingModal").modal('show')
    $.ajax({
        url: "{{url('operaciones/timbrar_nota_cargo')}}",
        type: 'POST',
        dataType: 'json',
        data: {
            folio: folio[1],
            fp: fp,
            clave_sat: clave_sat,
            clave_sat_unidad: clave_sat_unidad,
            usocfdi: usocfdi,
            plazo: plazo,
        },
    })
    .done(function(resp) {
        console.log("success");
         $("#loadingModal").modal('hide')
        if(resp.estatus > 0){
             $('#btnAccionFact').hide()
             $('.escodebotones').hide()
            guardarCFDI(resp);
            //restaura();
        }else{
            $('.escodebotones').show()
            $('#btnAccionFact').show()
             Swal.fire({
                         title: 'Error',
                         text: resp.error,
                         type: 'error',
                    })
            return false
        }
    })
    .fail(function() {
        console.log("error");
    })
    .always(function() {
        console.log("complete");
    });
    
}
function guardarCFDI(data){
    $("#loadingModal").modal('show')
    $.ajax({
       url: "{{url('operaciones/guardar_nota_credito_cfdi')}}",
        type: 'POST',
        dataType: 'json',
        data: {data: data},
    })
    .done(function(resp) {
        console.log("success");
        $("#loadingModal").modal('hide')
        if(resp.estatus > 0){
            
            $('#idCfdi').val(resp.estatus)
            Swal.fire({
                         title: 'Guardado correctamente',
                         type: 'success',
                    })
            creapdf(data,resp.agente);
            return false
        }else{
             Swal.fire({
                         title: 'Error',
                         type: 'error',
                    })
            return false
        }
    })
    .fail(function() {
        console.log("error");
    })
    .always(function() {
        console.log("complete");
    });
    
}
   function creapdf(data,agente=''){
        $.ajax({
            url: "{{url('operaciones/genera_pdf_fact')}}",
            type: 'POST',
            dataType: 'json',
            data: {data: data,prefijo:6,agente: agente},
        })
        .done(function(resp) {
            console.log("success");
            modalComprobanteFact(resp.urlPdf,0,data.serie,data.folio);
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    }
       /* function modalComprobanteFact(src,idventa){
        //src ='/Applications/MAMP/htdocs/intesystemautolavado/public/pdf/ticket.pdf'
    
        var sizeWidth = 0;
        var sizeheight = 0;
        ticket = 1
        if (ticket)
        {
            sizeWidth = 325;
            sizeheight = 450;
        } else {

            sizeWidth = $('#tb1238-u', window.parent.document).width() - 100;
            sizeheight = $('#tb1238-u', window.parent.document).height() - 50;
            
        }
        $('#idDocComprobante').val(idventa)
        $('#modalFactura').modal('hide')
        $('#modalComprobanteFact').modal('hide')
        $('#frameComprobanteFact').attr({'src': src});
        $('#modalComprobanteFact').modal({backdrop: 'static'});
        $('#modalComprobanteFact').modal('show')
  }*/
      function modalComprobanteFact(src,idventa,serie='',folio=''){
        //src ='/Applications/MAMP/htdocs/intesystemautolavado/public/pdf/ticket.pdf'
    
        var sizeWidth = 0;
        var sizeheight = 0;
        ticket = 1
        if (ticket)
        {
            sizeWidth = 325;
            sizeheight = 450;
        } else {

            sizeWidth = $('#tb1238-u', window.parent.document).width() - 100;
            sizeheight = $('#tb1238-u', window.parent.document).height() - 50;
            
        }


        $('#srcPdfFile').attr({'href': src});
        src2 = src.replace(".pdf", ".xml");
        src3 = src2.replace("pdfs", "xmls");
        $('#srcXmlFile').attr({'href': src3});
        $('#archivosComprobante').show()
        if(serie!=''){
            $('#labelseriefolio').html('Folio :'+serie+'-'+folio)
        }
        /*$('#idCfdi').val(idventa)
        $('#modalFactura').modal('hide')
        $('#modalComprobanteFact').modal('hide')
        $('#frameComprobanteFact').attr({'src': src});
        $('#modalComprobanteFact').modal({backdrop: 'static'});
        $('#modalComprobanteFact').modal('show')*/
  }
function enviaCorreo(){
    var idcliente = $('#idCliente').val()
    var pdf = $('#srcPdfFile').attr('href');
    var xml = $('#srcXmlFile').attr('href');
    var idfcdi = $('#idCfdi').val()
    
    $.ajax({
        url: "{{url('operaciones/enviar_correo')}}",
        type: 'POST',
        dataType: 'json',
        data: {
            idcliente: idcliente,
            pdf: pdf,
            xml: xml,
            idfcdi: idfcdi,
            tipo: 'NotaCargo',
        },
    })
    .done(function(resp) {
        console.log(resp);
        if(resp.estatus == true){
            Swal.fire({
                title: 'Enviado correctamente',
                type: 'success',
            })
             return false;
        }   
    })
    .fail(function() {
        console.log("error");
    })
    .always(function() {
        console.log("complete");
    });
    
  }
  function setPfp(){
    var plazo = $('#plazo').val()
    if(plazo == 0){
        $('#formaPago').prop('disabled', false);
    }else{
        $('#formaPago').val('99');
        $('#formaPago').prop('disabled', true)
    }
  }
  function setclavesat(){
    var csat = $('#concepto option:selected').attr('clavesat');
    $('#clave_sat').val(csat)
    calculaIVA();
  }
  function refactura(){
    facturarNota($('#msjoculto').val())
  }
  function verNotas(){
    $('#modalNotas').modal('show')
  }
      function formatoMontoF(input) {
            input.value = aplicarRegexMontoF(input.value.replace(/[^\d.]/g, ''));
        }
        function aplicarRegexMontoF(monto) {
            let puntos = monto.match(/\./g);
            if (puntos && puntos.length > 1) {
                monto = monto.replace(/\./g, ''); // Elimina puntos adicionales
            }

            /*let partes = monto.split('.');

            if (partes[1].length > 2) {
                partes[1] = partes[1].slice(0, 2);
            }

           /* partes[0] = partes[0].replace(/\B(?=(\d{1000})+(?!\d))/g, '');

            if (partes[1] && partes[1].length > 2) {
                partes[1] = partes[1].slice(0, 2);
            }*/
            //monto = partes.join('.');

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

@endpush