@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;
}
.smallFont{
    font-size: 9 !important;
}
</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 Anticipos')}}</span></li>
                            </ol>
                        </nav>
                    </div>
                </li>
            </ul>
        </header>
    </div>-->
    <div class="row">
        <div class="col-12" align="left">
            <h5>Facturacion Digital CFDI 4.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" id="estatuscancelacion">
    
<div class="container">
    <div class="row">
        <div class="col-10"></div>
        <div class="col-2" align="right">
            <select id="tipo_documento" class="form-control">
                <option value="1">Factura</option>
                <option value="2">Prefactura</option>
            </select>
        </div>
    </div>
    <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" title="Buscar sucursal por numero">
                            
                        </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();" title="Buscar cliente por numero de cuenta / F10 consulta facturas">
                        </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 class="form-group row">
                        <label class="col-2 col-form-label" for="">RFC</label>
                        <div class="col-10">
                            <input type="text" class="form-control form-control-sm" id="limite_credito" >
                        </div>    
                    </div>-->
                    <!--<div class="form-group row">
                        <div class="col-md-2">
                            <div class="form-check">
                              <input class="form-check-input" type="radio" value="2" name="radioBusqueda" onclick="selChek();" readonly>
                              <label class="form-check-label" for="radioBusqueda">
                                Documento
                              </label>
                            </div>
                        </div>
                         <div class="col-md-2">
                            <input type="text" class="form-control form-control-sm docser" id="docSerie">
                        </div>
                        <div class="col-md-2">
                            <input type="text" class="form-control form-control-sm docser" id="docFolio">
                        </div>
                        <div class="col-md-2">
                            <button class="btn btn-primary btn-sm">COMPROMISOS</button>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label" for="">Referencia</label>
                        <div class="col-4">
                            <input type="text" class="form-control form-control-sm" id="referencia">
                        </div> 
                    </div>-->
                </div>
            </div>
        </div>
    </div>
        </div>
    </div>
    </div>
        <!--<div class="row" style="display: none;" id="clientesInfoDiv">
        <div class="col-md-6">
            <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">
                            <label class="col-12 col-form-label" for=""><strong>Datos del Cliente</strong></label>
                        </div>
                        <div class="form-group row">
                            <label class="col-2 col-form-label" for="">Categoria</label>
                            <div class="col-2">
                                <input type="text" class="form-control form-control-sm" id="categoriaCliente" readonly>
                            </div>    
                        </div>
                        <div class="form-group row">
                            <label class="col-2 col-form-label" for="">Agente</label>
                            <div class="col-2">
                                <input type="text" class="form-control form-control-sm" id="agenteCod" readonly>
                            </div>
                            <div class="col-4">
                                <input type="text" class="form-control form-control-sm" id="agenteNombre" readonly>
                            </div>    
                        </div>
                        <div class="form-group row">
                            <label class="col-2 col-form-label" for="">Ruta Cobro</label>
                            <div class="col-2">
                                <input type="text" class="form-control form-control-sm" id="rucobCod" readonly>
                            </div>
                            <div class="col-4">
                                <input type="text" class="form-control form-control-sm" id="rucobNombre" readonly>
                            </div>    
                        </div>
                        <div class="form-group row">
                            <label class="col-2 col-form-label" for="">Domicilio</label>
                            <div class="col-10">
                                <input type="text" class="form-control form-control-sm" id="domicilio" readonly>
                            </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 font-weight-bold" for="">Nombre:</label>
                        <div class="col-lg-8">
                            <div class="input-group">
                                <div class="input-group-prepend">
                                    <span class="input-group-text" onclick="buscaClienteModal();" title="Buscar Cliente por Nombe">
                                        <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 class="col-lg-1">
                            <button class="btn btn-primary btn-xs" onclick="editaCliente();" title="Editar Cliente"><i class="la la-user-edit"></i></button>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label font-weight-bold" for="">%Descto:</label>
                        <div class="col-lg-4">
                            <div class="input-group">
                                <input type="text" class="form-control form-control-sm" id="descto" name="descto">
                            </div>
                        </div>
                        <label class="col-2 col-form-label font-weight-bold" for="">Plazo:</label>
                        <div class="col-lg-4">
                            <div class="input-group">
                                <select id="plazo" class="form-control form-control-sm" onchange="setfp();">
                                    <option value="x">-Selecciona-</option>
                                    @foreach ($data['plazos'] as $p)
                                        <option value="{{ $p->plazo }}">{{ $p->descripcion }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label font-weight-bold" for="">%Descto Fijo:</label>
                        <div class="col-lg-4">
                            <div class="input-group">
                                <input type="text" class="form-control form-control-sm" id="desctoFijo" name="desctoFijo">
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label font-weight-bold" for="">Forma Pago:</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                            <select class="form-control form-control-sm" id="formaPago">
                                <option value="0">-Selecciona-</option>
                                @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 font-weight-bold" 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)
                                        @if ($data['empresa']->uso_cfdi==$fp->c_UsoCFDI)
                                            <option value="{{ $fp->c_UsoCFDI }}" selected>{{ $fp->c_UsoCFDI }} - {{ $fp->Descripcion }}</option>
                                        @else
                                            <option value="{{ $fp->c_UsoCFDI }}">{{ $fp->c_UsoCFDI }} - {{ $fp->Descripcion }}</option>
                                        @endif
                                        
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label font-weight-bold" for="">Refact CFDI. Rel.:</label>
                        <div class="col-lg-2">
                            <div class="input-group">
                                <input type="text" class="form-control form-control-sm" id="serieRel" name="serieRel">
                            </div>
                        </div>
                        <label class="col-1 col-form-label font-weight-bold" for="">Folio:</label>
                        <div class="col-lg-2">
                            <div class="input-group">
                                <input type="text" class="form-control form-control-sm" id="folioRel" name="folioRel">
                            </div>
                        </div>
                        <label class="col-2 col-form-label font-weight-bold" for="">Tipo Relacion:</label>
                        <div class="col-lg-3">
                            <div class="input-group">

                                <select class="form-control form-control-sm" id="tipoRel">
                                    <option value="0">-Selecciona-</option>
                                    @foreach ($data['tipo_relacion'] as $r)
                                        <option value="{{ $r->c_TipoRelacion }}">{{ $r->c_TipoRelacion }} - {{ $r->Descripcion }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label font-weight-bold" for="">Concepto:</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                                <select class="form-control form-control-sm" id="concepto">
                                     @foreach ($data['conceptos'] as $fp)

                                            <option value="{{ $fp->id }}">{{ $fp->concepto }} - {{ $fp->nombre }}</option>
                                        
                                        
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="form-group row">
                        <label class="col-2 col-form-label font-weight-bold" for="">Agente:</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                                <select id="agente" class="form-control form-control-sm">
                                    @foreach ($data['agentes'] as $a)
                                        <option value="{{ $a->id }}" disp="{{ $a->nombre }}">{{ $a->gente }} - {{ $a->nombre }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label font-weight-bold" for="">Destino:</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                                <select id="destino" class="form-control form-control-sm">
                                    @foreach ($data['destinos'] as $d)
                                        <option value="{{ $d->id }}">{{ $d->destino }} - {{ $d->nombre }}</option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label font-weight-bold" for="">T.Envio:</label>
                        <div class="col-lg-4">
                            <div class="input-group">
                                <select id="tEnvio" class="form-control form-control-sm">
                                    <option value="Cliente recoge">Cliente recoge</option>
                                    <option value="Paquetería">Paquetería</option>
                                    <option value="Normal" selected>Normal</option>
                                    <option value="Ruta">Ruta</option>
                                    <option value="Intercedis">Intercedis</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label font-weight-bold" for="">O.de Compra:</label>
                        <div class="col-lg-10">
                            <div class="input-group">
                                <input type="text" class="form-control form-control-sm" id="ordenCompra" name="ordenCompra">
                            </div>
                        </div>
                    </div>                    
                    <div class="form-group row">
                        <label class="col-2 col-form-label font-weight-bold" for="">T.Surtido:</label>
                        <div class="col-lg-10">
                            <div class="form-check form-check-inline">
                              <input class="form-check-input" type="radio" name="surtido" id="totalSurtido" value="option1">
                              <label class="form-check-label" for="inlineRadio1">Total</label>
                            </div>
                            <div class="form-check form-check-inline">
                              <input class="form-check-input" type="radio" name="surtido" id="parcialSurtido" value="option2" checked>
                              <label class="form-check-label" for="inlineRadio2">Parcial</label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label font-weight-bold" for="">T.Entrega:</label>
                        <div class="col-lg-6">
                            <div class="input-group">
                                <select id="tEntrega" class="form-control form-control-sm">
                                    <option value="Piso">Piso</option>
                                    <option value="Bodega">Bodega</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label font-weight-bold" for="">Moneda:</label>
                        <div class="col-lg-5">
                            <div class="form-check form-check-inline">
                              <input class="form-check-input" type="radio" name="monedacheck" id="pesosMoneda" value="MXN"  onclick="checmoneda();" checked>
                              <label class="form-check-label" for="inlineRadio1">Pesos</label>
                            </div>
                            <div class="form-check form-check-inline">
                              <input class="form-check-input" type="radio" name="monedacheck" id="dolaresMoneda" value="USD" onclick="checmoneda();" >
                              <label class="form-check-label" for="inlineRadio2">Dlls</label>
                            </div>
                            <div class="form-check form-check-inline">
                              <input class="form-check-input" type="radio" name="monedacheck" id="euroMoneda" value="EUR" onclick="checmoneda();" >
                              <label class="form-check-label" for="inlineRadio2">Euros</label>
                            </div>
                        </div>
                        <label class="col-2 col-form-label font-weight-bold" for="">T.Cambio:</label>
                        <div class="col-lg-3">
                            <div class="input-group">
                                <select id="tipoCambio" class="form-control form-control-sm"></select>
                            </div>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label font-weight-bold" for="">Ret IVA:</label>
                        <div class="col-lg-1">
                            <div class="form-check form-check-inline">
                              <input class="form-check-input" type="checkbox" name="inlineRadioOptions" id="ivaOutso" value="option1">
                            </div>
                        </div>
                        <div class="col-lg-3">
                            <div class="input-group">
                               <input type="text" class="form-control form-control-sm" id="porcentajeIVAout">
                            </div>
                        </div>
                        <label class="col-1 col-form-label" for="">%</label>
                    </div>
                    <div class="form-group row" align="right">
                        <div class="col-12">
                            <button class="btn btn-sm" onclick="valida();" align="right">Continuar</button>
                        </div>
                    </div>
                </div>
                </div>
            </fieldset>
        </div>
    </div>

    <div class="row">
        <div class="col-md-12">
            <div class="row" style="height: 30vh; overflow: scroll;">
                <div class="col-md-12">
                    <div class="table-responsive">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th width="2%"></th>
                                    <th width="10%">Código</th>
                                    <th width="5%">CveProdSAT</th>
                                    <th width="20%">Descripcion</th>
                                    <th width="5%">Ex.</th>
                                    <th width="5%">Cant.</th>
                                    <th width="7%">Precio</th>
                                    <th width="5%">Descto.</th>
                                    <th width="5%">IEPS</th>
                                    <th width="5%">IVA</th>
                                    <!--<th width="5%">Ret.IVA</th>-->
                                    <th width="7%">Neto</th>
                                    <th width="7%">Imp.</th>
                                </tr>
                            </thead>
                            <tbody id="documentosBody">
                                <tr id="buscadorProductos" style="display: none;">
                                    <td colspan="3">
                                        <input type="text" class="form-control form-control-sm" id="codProdc" title="F2 para agregar el producto 999999">
                                    </td>
                                   
                                    <!--<td></td>-->
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-2" style="display: none;" id="archivosComprobante">
            <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 class="col-lg-2 estatusFactura" style="display: none;" align="right">
            <span class="badge badge-success btn-block" id="estFactActiva">Activa</span>
            <span class="badge badge-danger btn-block" id="estFactCancelada">Cancelada</span>
        </div>


        <div class="col-lg-6" align="right">
             <div class="form-group row" align="right">

                <label class="col-9 col-form-label" for="">Subtotal</label>
                <div class="col-lg-3">
                    <p id="subtotalTotal">$0.00</p>
                </div>
             </div>
             <div class="form-group row">

                <label class="col-9 col-form-label" for="">IVA</label>
                <div class="col-lg-3">
                    <p id="ivaTotal">$0.00</p>
                </div>
             </div>
             <div class="form-group row">
 
                <label class="col-9 col-form-label" for="">IEPS</label>
                <div class="col-lg-3">
                    <p id="iepsTotal">$0.00</p>
                </div>
             </div>
             <div class="form-group row">

                <label class="col-9 col-form-label" for="">Desc.</label>
                <div class="col-lg-3">
                    <p id="descTotal">$0.00</p>
                </div>
             </div>
             <div class="form-group row">

                  <label class="col-9 col-form-label" for="">Total:</label>
                <div class="col-lg-3">
                    <p id="totalTotal">$0.00</p>
                </div>
             </div>
        </div>
    </div>
  
    <!--<div class="row">
        <div class="col-md-12">
            <div class="row" style="height: 30vh; overflow: scroll;">
                <div class="col-md-12">
                    <div class="table-responsive">
                        <table class="table table-hover">
                            <thead>
                                <tr>
                                    <th width="10%">Codigo</th>
                                    <th width="10%">Prodcutco</th>
                                    <th width="10%">Cantidad</th>
                                    <th width="10%">Precio U.</th>
                                    <th width="10%">Importe</th>
                                    <th width="10%">Ieps</th>
                                    <th width="10%">IVA</th>
                                    <th width="10%">Total</th>
                                    <th width="10%">Promocion</th>
                                    <th width="10%"></th>
                                </tr>
                            </thead>
                            <tbody id="bodyFPS" style="display: none;">
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>-->
        <div class="row" align="right">
            <div class="col-2 escodebotones">
                 <button class="btn btn-sm btn-warning btn-block" onclick="modalAnticipos();">Anticipos</button>
            </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 escodebotones" align="right">
                <div id="btnAccion" style="display: block;">
                    <button class="btn btn-success btn-sm btn-block" id="btnActivar">Generar</button>
                </div>
            </div>
            <div class="col-2 cancelarfactura" style="display: none;" align="right">
                <button class="btn btn-danger btn-sm btn-block" onclick="cancelarFactura();">Cancelar</button>
            </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 class="modal fade" id="modalProducto">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Codigo 999999</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="form-group row">
                    <label class="col-2 col-form-label font-weight-bold" for="">ClvProdSAT:</label>
                    <div class="col-lg-6">
                        <div class="input-group">
                            <input type="text" class="form-control form-control-sm" id="claveSat" name="claveSat" maxlength="8">
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <span onclick="window.open(&quot;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 font-weight-bold" for="">Clave Unidad:</label>
                    <div class="col-lg-6">
                        <div class="input-group">
                            <input type="text" class="form-control form-control-sm" id="unidadSat" name="unidadSat" onchange="unidadSat();" style="text-transform:uppercase;">
                        </div>
                    </div>
                    <dov class="col-lg-4">
                        <span onclick="window.open(&quot;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>
                    </dov>
                </div>
                <div class="form-group row">
                    <label class="col-2 col-form-label font-weight-bold" for="">Tipo Unidad:</label>
                    <div class="col-lg-6">
                        <div class="input-group">
                            <input type="text" class="form-control form-control-sm" id="tipoUnidad" name="descto">
                        </div>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-2 col-form-label font-weight-bold" for="">Fraccion arancelaria:</label>
                    <div class="col-lg-6">
                        <div class="input-group">
                            <input type="text" class="form-control form-control-sm" id="fracArancelaria" name="descto">
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <span onclick="window.open(&quot;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;">Solo comercio Exterior</span>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-2 col-form-label font-weight-bold" for="">Descripcion:</label>
                    <div class="col-lg-10">
                        <div class="input-group">
                            <textarea id="descripcionProd" cols="12" rows="2" class="form-control" placeholder="Escribe a detalle la descripcion ..." style="text-transform:uppercase;"></textarea>
                        </div>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-2 col-form-label font-weight-bold" for="">IEPS%:</label>
                    <div class="col-lg-6">
                        <div class="input-group">
                            <input type="text" class="form-control form-control-sm" id="ieps" name="ieps" disabled="true">
                        </div>
                    </div>
                    <div class="col-lg-1">
                         <input class="form-check-input" type="checkbox" name="inlineRadioOptions" id="iepsCheck" value="1">
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-2 col-form-label font-weight-bold" for="">IVA%:</label>
                    <div class="col-lg-6">
                        <div class="input-group">
                            <input type="text" class="form-control form-control-sm" id="iva" name="iva" value="16">
                        </div>
                    </div>
                    <div class="col-lg-1">
                         <input class="form-check-input" type="checkbox" name="inlineRadioOptions" id="ivaCheck" value="1" checked="true">
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-2 col-form-label font-weight-bold" for="">Tipo Factor:</label>
                    <div class="col-lg-6">
                        <div class="input-group">
                            <select class="form-control form-control-sm" id="tipoFactua">
                                <option value="Tasa" selected>Tasa</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-2 col-form-label font-weight-bold" for="">Precio(Sin Impuestos):</label>
                    <div class="col-lg-6">
                        <div class="input-group">
                            <input type="text" class="form-control form-control-sm numeros" id="precioSinImpuestos" name="precioSinImpuestos" oninput="formatoMontoF(this);">
                        </div>
                    </div>
                    <label class="col-1 col-form-label font-weight-bold" for="">Cant.</label>
                     <div class="col-lg-3">
                        <div class="input-group">
                            <input type="text" class="form-control form-control-sm" id="cantProd" name="cantProd" value="1"> 
                        </div>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-2 col-form-label font-weight-bold" for="">ObjetoImp:</label>
                    <div class="col-lg-6">
                        <div class="input-group">
                            <select class="form-control form-control-sm" id="objtImpuestos">
                                @foreach ($data['c_objimp'] as $o)
                                    @if ($o->c_ObjetoImp =='02')
                                        <option value="{{ $o->c_ObjetoImp }}" selected>{{ $o->c_ObjetoImp }} - {{ $o->Descripcion }}</option>
                                    @else
                                        <option value="{{ $o->c_ObjetoImp }}">{{ $o->c_ObjetoImp }} - {{ $o->Descripcion }}</option>
                                    @endif
                                    
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" onclick="agregarConcepto();">Agregar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalDatosClientes">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Datos Cliente</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <div class="form-group row">
                    <label class="col-2 col-form-label" for="">Nombre o Razon Social:</label>
                    <div class="col-lg-10">
                        <div class="input-group">
                            <input type="text" class="form-control form-control-sm" id="razonSocial" name="razonSocial">
                        </div>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-2 col-form-label" for="">Regimen Fiscal:</label>
                    <div class="col-lg-10">
                        <div class="input-group">
                            <select id="regimenCliente" class="form-control form-control-sm">
                                @foreach ($data['regimen'] as $r)
                                    <option value="{{ $r->c_RegimenFiscal }}">{{ $r->Descripcion }} - {{ $r->c_RegimenFiscal }}</option>
                                @endforeach
                            </select>
                        </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="domiciliocliente">
                        </div>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-2 col-form-label" for="">Colonia:</label>
                    <div class="col-lg-4">
                        <div class="input-group">
                            <input type="text" class="form-control form-control-sm" id="coloniaCliente" name="coloniaCliente">
                            <input type="hidden" id="id_coloniaCliente">
                        </div>
                    </div>
                    <div class="col-lg-2">
                        <button class="btn btn-primary btn-sm" onclick="getColonias();">..</button>
                    </div>
                    <label class="col-1 col-form-label" for="">CP:</label>
                    <div class="col-lg-3">
                        <div class="input-group">
                            <input type="text" class="form-control form-control-sm" id="cpCliente" name="cpCliente">
                        </div>
                    </div>
                </div>
                <div class="form-group row">
                    <label class="col-2 col-form-label" for="">Poblacion:</label>
                    <div class="col-lg-4">
                        <div class="input-group">
                            <input type="text" class="form-control form-control-sm" id="poblacionCliente" name="poblacionCliente">
                        </div>
                    </div>
                    <label class="col-2 col-form-label" for="">Estado:</label>
                    <div class="col-lg-4">
                        <div class="input-group">
                            <input type="text" class="form-control form-control-sm" id="estadoCliente" name="estadoCliente">
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-primary" onclick="guardarCliente();">Guardar</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modalColonias">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Colonias</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body" style=" overflow: scroll; height: 400px;">
                <div class="row">
                    <div class="col-12" >
                        <table class="table table-hover table-striped">
                            <thead>
                                <tr>
                                    <th>Descripcion</th>
                                    <th>Poblacion</th>
                                    <th>Municipio</th>
                                    <th>Estado</th>
                                    <th>CP</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody id="divColonias">

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</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-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="notasText" 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>


    <div class="modal fade" id="modalAnticipos">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Anticipos</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">
                            <div class="table-responsive">
                                <table class="table table-hover table-striped">
                                    <thead>
                                        <tr>
                                            <th>Folio</th>
                                            <th>Fecha</th>
                                            <th>Importe</th>
                                            <th></th>
                                        </tr>
                                    </thead>
                                    <tbody id="bodyAnticipos">
            
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                    <!--<button type="button" class="btn btn-primary">Guardar</button>-->
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="modalbuscaFactura">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Busca Factura</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-4">
                            <label>Serie</label>
                            <input type="text" class="form-control form-control-sm" id="buscaSerie">
                        </div>
                        <div class="col-8">
                            <label>Folio</label>
                            <input type="text" class="form-control form-control-sm" id="buscaFolio">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                    <button type="button" class="btn btn-primary" onclick="buscaFactura();">Buscar</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade modalEsc" id="modalCancelacionFactura">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Cancelacion Factura</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                </div>
                <div class="modal-body">
                    <input type="hidden" id="idDocHv">
                    <div class="row">
                        <div class="col-12">
                       
                               <label for="motivo_cancelacion" class="ms-0">Motivo Cancelacion</label>
                               <select class="form-control form-control-sm" id="motivo_cancelacion" onchange="muestraRel();">
                                    <option value="01">(01) Comprobantes emitidos con errores con relación</option>
                                    <option value="02" selected>(02) Comprobantes emitidos con errores sin relación</option>
                                    <option value="03">(03) No se llevó a cabo la operación</option>
                                    <option value="04">(04) Operación nominativa relacionada en una factura global</option>
                                </select>
              
                        </div>
                    </div>  
                    <div class="row" id="uuidRelaCancelRow" style="display: none;">
                        <div class="col-6">
                            <label>Serie</label>
                            <input type="text" class="form-control form-control-sm" id="serieRelaCancel">
                        </div>
                        <div class="col-6">
                            <label>Folio</label>
                             <input type="text" class="form-control form-control-sm" id="folioRelaCancel">
                        </div>
                    </div>    
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                    <button type="button" class="btn btn-danger" onclick="cancelaDocumento();">Cancelar</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(20)
    

    });
window.addEventListener("keydown", function (event) {
     //f1

        if(event.keyCode == '113'){
                 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;
        }
        var plazo = $('#plazo').val()
        if(plazo=='x'){
              Swal.fire({
                     title: 'Selecciona un plazo',
                     type: 'error',
                })
                //clicando = false
                return false;
        }
        var agente = $('#agente').val()
        if(agente=='0'){
              Swal.fire({
                     title: 'Selecciona un plazo',
                     type: 'error',
                })
                //clicando = false
                return false;
        }
            $.ajax({
                 url: "{{url('operaciones/get_info_prod')}}",
                type: 'POST',
                dataType: 'json',
                data: {codigo: '999999'},
            })
            .done(function(resp) {
                console.log(resp);
                $('#claveSat').val(resp.info.clave_prod_sat)
                $('#tipoUnidad').val(resp.info.tipo_unidad)
                //$('#unidadSat').val()

                $('#descripcionProd').val('')
                $('#precioSinImpuestos').val('')
                $('#unidadSat').val('')
                $('#cantProd').val(1)
                $('#iva').val(16)
                $('#modalProducto').modal('show')
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
            
            
       }
        if(event.keyCode == '121'){
            $('#buscaSerie').val('')
            $('#buscaFolio').val('')
            $('#modalbuscaFactura').modal('show')
        }
})

    $('#codProdc').on('keypress', function(event){
        if (event.keyCode ===13){
 
            if($(this).val()=='999999'){
            $.ajax({
                 url: "{{url('operaciones/get_info_prod')}}",
                type: 'POST',
                dataType: 'json',
                data: {codigo: '999999'},
            })
            .done(function(resp) {
                console.log(resp);
                $('#claveSat').val(resp.info.clave_prod_sat)
                $('#tipoUnidad').val(resp.info.tipo_unidad)
                //$('#unidadSat').val()

                $('#descripcionProd').val('')
                $('#precioSinImpuestos').val('')
                $('#unidadSat').val('')
                $('#cantProd').val(1)
                $('#iva').val(16)
                $('#modalProducto').modal('show')
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
                
            }
        }
    })

    $('#modalProducto').on('shown.modal', function() {
        $('#claveSat').focus();
    });
  let clicando = false
$("#btnActivar").click(function() {
  // Si ha sido clicado
  if (clicando==false){
        clicando = true
        var documentos = new Array;
        var totalFactura = 0;
        $('.cConceptos').each(function(index, el) {
            var id = $(this).attr('contador')
            $('#importe_'+id).val()
            if($('#importe_'+id).val()!=''){
                //totalFactura += (parseFloat($('#precio_sin_'+id).val()) * parseFloat($('#cant_'+id).val()));
                totalFactura += parseFloat($('#importe_'+id).val())
                dat = {
                    producto: $(this).attr('codigoprod'),
                    ClaveProdServ: $('#clave_sat_'+id).val(),
                    ClaveUnidad: $(this).attr('clave_unidad'),
                    Cantidad: $('#cant_'+id).val(),
                    Unidad: $(this).attr('unidad'),
                    ValorUnitario: $('#precio_sin_'+id).val(),
                    Descripcion: $('#desc_'+id).val(),
                    Importe: (parseFloat($('#precio_sin_'+id).val())* parseFloat($('#cant_'+id).val())),
                    iva_procentaje : $(this).attr('iva_porcentaje'),
                }
                documentos.push(dat)
            }
        });
 
        if(totalFactura == 0){
             Swal.fire({
                     title: 'La factura debe ser mayor a 0',
                     type: 'error',
                })
                clicando = false
                return false;
        }
        console.log(documentos)
        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;
        }
        var serieRel = $('#serieRel').val();
        var folioRel = $('#folioRel').val();
        var tipoRel = $('#tipoRel').val();

        var formaPago = $('#formaPago').val();
        if(formaPago=='0'){
             Swal.fire({
                     title: 'Selecciona una forma de pago',
                     type: 'error',
                })
                clicando = false
                return false;
        }
        var usocfdi = $('#usocfdi').val()
        if(usocfdi==''){
            Swal.fire({
                     title: 'Selecciona un uso de CFDI',
                     type: 'error',
                })
                clicando = false
                return false;
        }
        var concepto = $('#concepto').val()
        var agente = $('#agente').val()
        
        
        console.log('perorororororor')
       // var nota = $('#notascoments').val()
       // var docuOrigen = $('input[name=radiosdocus]:checked').val()
       
        var anticipos = new Array;
        var saldoAnticipos = 0;
        $('.trAnticipos').each(function(index, el) {
            var id = $(this).attr('iddocu')
      
            if($('#check_anti_'+id).is(':checked')){
                saldoAnticipos+= parseFloat($(this).attr('saldo'))
                dat = {
                    id_anticipo: id,
                }
                anticipos.push(dat)
            }
        });

        if(parseFloat(saldoAnticipos) > parseFloat(totalFactura)){
            Swal.fire({
                     title: 'Los anticipos son mayores al total de la factura',
                     type: 'error',
                })
                clicando = false
                return false;
        }
        var plazo = $('#plazo').val()
        if(plazo=='x' || plazo==''){
              Swal.fire({
                     title: 'Selecciona una plazo',
                     type: 'error',
                })
                clicando = false
                return false;
        }
        var moneda = $('input[name="monedacheck"]:checked').val()
        var tipo_cambio = $('#tipoCambio').val();
        var tipo_documento = $('#tipo_documento').val()
        $("#loadingModal").modal('show')
        $.ajax({
            url: "{{url('operaciones/facturar')}}",
            type: 'POST',
            dataType: 'json',
            data: {
                documentos: documentos,
                id_sucursal: id_sucursal,
                idcliente: idcliente,
                //tasa_iva: tasa_iva,
                //importeExcedente: importeExcedente,
                //referencia: referencia,
                formapago: formaPago,
                usocfdi: usocfdi,
                serieRel: serieRel,
                folioRel: folioRel,
                tipoRel: tipoRel,
                anticipos: anticipos,
                concepto: concepto,
                plazo: plazo,
                ordenCompra: $('#ordenCompra').val(),
                moneda: moneda,
                tipo_cambio: tipo_cambio,
                tipo_documento: tipo_documento,
            },
        })
        .done(function(resp) {
            console.log(resp);
            if(resp.estatus > 0){
                    if(tipo_documento==1){
                        guardarCFDI(resp,documentos,id_sucursal,concepto,agente,plazo,$('#ordenCompra').val(),moneda,tipo_cambio);
                    }else{
                        creapdfPrefactura(resp);
                    }
                    
           
    

                clicando = false
                return false;
            }else{
                
                setTimeout(function(){
               
                    Swal.fire({
                         title: resp.error+' - '+resp.mensaje ,
                         type: 'error',
                    })
                    $("#loadingModal").modal('hide')
                }, 2000)
  
                clicando = false
                return false;
            }
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
  } 
});
function facturarNota(aja){
    folio = aja.split('mente - ')

    $("#loadingModal").modal('show')
    $.ajax({
        url: "{{url('operaciones/timbrar_nota_credito')}}",
        type: 'POST',
        dataType: 'json',
        data: {folio: folio[1],fp: '30',relacion: '07'},
    })
    .done(function(resp) {
        console.log("success");
         
        if(resp.estatus > 0){
            guardarCFDI(resp);
        }
    })
    .fail(function() {
        console.log("error");
    })
    .always(function() {
        console.log("complete");
    });
    
}
function guardarCFDI(data,productos,id_sucursal,concepto,agente,plazo,ordenCompra,moneda,tipo_cambio){
    var notas = $('#notasText').val()
    $.ajax({
       url: "{{url('operaciones/guardar_factura')}}",
        type: 'POST',
        dataType: 'json',
        data: {
            data: data,
            productos: productos,
            id_sucursal: id_sucursal,
            concepto: concepto,
            agente: agente,
            notas: notas,
            plazo: plazo,
            ordenCompra:ordenCompra,
            moneda: moneda,
            tipo_cambio: tipo_cambio
        },
    })
    .done(function(resp) {
        console.log(resp);
        $("#loadingModal").modal('hide')
        if(resp.estatus > 0){
            $('.escodebotones').hide()
            creapdf(data);

            $('#idCfdi').val(resp.cfdi_id)
            Swal.fire({
                         title: 'Guardado correctamente',
                         type: 'success',
                    })
            return false
        }else{
             Swal.fire({
                         title: 'Error',
                         type: 'error',
                    })
            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(){

        $('.form-control').val('')
        //$('#btnAccion').hide()
        $('.cConceptos').remove()
        $('#documentosBody2').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(20)
        $('#concepto').val(10)
        $('#idSucursal').val($('#sucursalHide').val())
        $('#nombreSucursal').val($('#sucursaNombrelHide').val())
        $('#numeroSucursal').val($('#sucursaCodigolHide').val())
        $('#archivosComprobante').hide()
        $('#ivaTotal').html('$0.00')
        $('#subtotalTotal').html('$0.00')
        $('#totalTotal').html('$0.00')
        $('#bodyAnticipos').html('')
        $('.escodebotones').show()
        $('.cancelarfactura').hide()
        $('.cConceptos').remove()
        $('#archivosComprobante').hide()
        $('.escodebotones').show()
        $('.estatusFactura').hide()
        $('#tipo_documento').val(1)
        $('#buscadorProductos').hide()
        $('#agente').val(1)
        $('#plazo').val('x')
        $('#tEnvio').val('Normal')
        $('#tEntrega').val('Piso')
        $('#tipoFactua').val('Tasa')
        $('#objtImpuestos').val('02')
        $('#estatuscancelacion').val('')
        $('#iva').val(16)
        
        $('#formaPago').val('01')
        $('#usocfdi').val('G03')
        $('#tipoRel').val(0)
        $('#concepto').val(1)
        
        
        
        eliminaconceptos();
        calculaTotalesFactura();

    }
    function eliminaconceptos(){
        $('.cConceptos').remove()
    }
        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");
            if(resp.estatus==0){
                    Swal.fire({
                         title: 'Cliente no registrado',
                         type: 'error',
                         timer: 3000
                    })
                    restaura();
                return false;
            }
            if(resp.cuenta_estatus!='Activa'){
                    Swal.fire({
                         title: 'El cliente se encuentra '+resp.cuenta_estatus,
                         type: 'error',
                         timer: 3000
                    })
                    restaura();
                return false;
            }
             
            $('#archivosComprobante').hide()
            $('#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)
            $('.escodebotones').show()
            $('.cancelarfactura').hide()
            $('.estatusFactura').hide()
            
            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()
                 switch(resp.moneda) {
              case '1':
                $('#pesosMoneda').attr('checked', true);
                break;
              case '2':
                $('#dolaresMoneda').attr('checked', true);
                break;
            case '2':
                $('#euroMoneda').attr('checked', true);
                break;

              default:
                $('#pesosMoneda').attr('checked', true);
            } 
            $('#plazo').val(resp.plazo)
            eliminaconceptos()
            setfp();
            getAnticipos();
            //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){
                    Swal.fire({
                         title: 'Cliente no registrado',
                         type: 'error',
                         timer: 3000
                    })
                    restaura();
                return false;
            }
             if(resp.cuenta_estatus!='Activa'){
                    Swal.fire({
                         title: 'El cliente se encuentra '+resp.cuenta_estatus,
                         type: 'error',
                         timer: 3000
                    })
                    restaura();
                return false;
            } 
           
            $('#archivosComprobante').hide()
            $('#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)
            $('.escodebotones').show()
            $('.cancelarfactura').hide()
            $('.estatusFactura').hide()
            
            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()
            switch(resp.moneda) {
              case '1':
                $('#pesosMoneda').attr('checked', true);
                break;
              case '2':
                $('#dolaresMoneda').attr('checked', true);
                break;
            case '2':
                $('#euroMoneda').attr('checked', true);
                break;

              default:
                $('#pesosMoneda').attr('checked', true);
            } 
            $('#plazo').val(resp.plazo)
            if(resp.concepto!=''){
                $('#concepto').val(resp.concepto)
            }
            eliminaconceptos()
            setfp();
            getAnticipos();
            //getDocumentos(resp.id);
        })
        .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)
                //$('#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 selChek(){

        if($('input[name=radioBusqueda]:checked').val()==1){
            $('#cuentaCliente').attr('disabled', false);
            $('#cuentaCliente').focus();
        }else{
            $('#docSerie').focus();
            $('#cuentaCliente').val('')
            $('#cuentaCliente').attr('disabled', true);
        }
    }
    function getDocumentos(idCliente){
        $.ajax({
            url: "{{url('operaciones/get_documentos_cliente_anticipos')}}",
            type: 'POST',
            dataType: 'json',
            data: {idCliente: idCliente},
        })
        .done(function(resp) {
            console.log("success");
            console.log(resp);

            if(resp.estatus > 0){
                var html = '';
                $('#documentosBody').html('')
                $.each(resp.documentos, function(index, val) {
                    html+='<tr class="rowsTotal_es" iddocu="'+val.id+'">'
                    html+='<td>'+val.serie1+val.serie2+'-'+val.folio+'</td>'
                    //html+='<td>'+val.serie1+val.serie2+'-'+val.folio+'</td>'
                    html+='<td align="right">'+numfom(val.saldo)+'<input type="hidden" id="saldo_'+val.id+'" value="'+val.saldo+'"></td>'
                     //html+='<td align="right">'+numfom(val.saldo)+'<input type="hidden" id="saldo_'+val.id+'" value="'+val.saldo+'"></td>'
                    //html+='<td></td>'
                    //html+='<td><input class="numeros" type="number" id="importe_'+val.id+'" onkeyup="calculaTotales('+val.id+')"></td>'
                    //html+='<td><input class="numeros" type="number" id="compensa_'+val.id+'"></td>'
                    html+='<td><div><input type="radio" value="'+val.id+'" id="input_'+val.id+'" onclick="getDocumentos2('+idCliente+','+val.saldo+')" name="radiosdocus" class="checkDocus"></div></td>'
                    html+='</tr>'
                });
                //$('#documentosBody').html(html)
            }else{
                return false;
            }
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    }
    function getDocumentos2(idCliente,saldo){
        $.ajax({
            url: "{{url('operaciones/get_documentos_cliente_anticipos2')}}",
            type: 'POST',
            dataType: 'json',
            data: {idCliente: idCliente},
        })
        .done(function(resp) {
            console.log("success");
            console.log(resp);

            if(resp.estatus > 0){
                var html = '';
                $('#documentosBody2').html('')
                $.each(resp.documentos, function(index, val) {
                    html+='<tr class="rowsTotales" iddocu="'+val.id+'">'
                    html+='<td>'+val.serie1+val.serie2+'-'+val.folio+'</td>'
                    //html+='<td>'+val.serie1+val.serie2+'-'+val.folio+'</td>'
                    html+='<td align="right">'+numfom(val.saldo)+'<input type="hidden" id="saldo_'+val.id+'" value="'+val.saldo+'"></td>'
                    html+='<td align="right">'+numfom(val.saldo)+'<input type="hidden" id="saldo_'+val.id+'" value="'+val.saldo+'"></td>'
                    //html+='<td></td>'
                    html+='<td><input class="numeros" type="number" id="importe_'+val.id+'" onkeyup="calculaTotales('+val.id+')"></td>'
                    //html+='<td><input class="numeros" type="number" id="compensa_'+val.id+'"></td>'
                    html+='<td><div><input type="checkbox" value="'+val.id+'" id="input_'+val.id+'" onclick="setImporteDocu('+val.id+')" class="checkDocus"></div></td>'
                    html+='</tr>'
                });
                $('#importe').val(saldo)
                $('#documentosBody2').html(html)
            }else{
                return false;
            }
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    }
    function setImporteDocu(id){
        if( $('#input_'+id).prop('checked') ) {
            var saldo = $('#saldo_'+id).val()
            $('#importe_'+id).val(saldo)
        }else{
            var saldo = $('#saldo_'+id).val()
            $('#importe_'+id).val('')
        }
        calculaTotales()
    }
    function calculaTotales(id){
        var total = $('#importe').val() 
        /*if(total==''){
            Swal.fire({
                     title: 'Agrega un importe total del pago',
                     type: 'error',
                     timer: 3000
                })
                return false;
        }*/
        if(total==''){
            total = 0;
        }
        var importe = 0;
        $('.rowsTotales').each(function(index, el) {
            var id = $(this).attr('iddocu')
            $('#importe_'+id).val()
            if($('#importe_'+id).val()!=''){
                importe += parseFloat($('#importe_'+id).val());
            }
        });
        if($('#tieneExcedente').val()==1){
            importeExcedente = $('#importeExcedente').val()
            if(importeExcedente==''){
                importeExcedente = 0;
            }
            importe = parseFloat(importe) + parseFloat(importeExcedente);
        }
        $('#totalAcumulado').val(parseFloat(importe).toFixed(2))
        var diferencia = parseFloat(total) - parseFloat(importe).toFixed(2)
        $('#diferencia').val(parseFloat(diferencia).toFixed(2))
        if(parseFloat(diferencia) >= 0){
            $('#btnAccion').show()
        }else{
            $('#btnAccion').hide()
        }
    }
    function showFormasPagos(){
        $('#bodyFPS').show()
        var fpselected  = $('#formaPago').val()
        var total = $('#totalAcumulado').val()
        $('#fpPa_'+fpselected).val(total)
        $('#btnAccion').show()
    }
    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 checkAllaDocs(){
        if( $('#checkAll').prop('checked') ) {
            $('.checkDocus').each(function(index, el) {
                $(this).trigger('click');
            });
        }else{
            $('.checkDocus').each(function(index, el) {
                $(this).trigger('click');
            });
        }
    }
    function verExcedente(){
        $('.exedeDiv').show();
        $('#tieneExcedente').val(1)
        calculaTotales();
    }
    function traerNotas(){
        var idcliente = $('#idCliente').val()
        if(idcliente!=''){
            getNotasCliente(idcliente);
        }else{
            Swal.fire({
                     title: 'Selecciona un cliente',
                     type: 'warning',
                     timer: 3000
                })
                return false;
        }
        
    }
    function agregarConcepto(){
        contador = 0
        $('.cConceptos').each(function(index, el) {
            contador ++;
        });
        var cantidad = $('#cantProd').val()
        if(cantidad==''){
            cantidad = 1;
        }
        var precio = $('#precioSinImpuestos').val();
        precio = precio.replace(",", "")

        var iva = (parseFloat(precio) * parseFloat(cantidad))* (parseFloat($('#iva').val()) / 100);

        var neto = (parseFloat(precio)  * parseFloat(cantidad) )+ parseFloat(iva)
        var importe = neto


        var iva2 = (parseFloat(precio) ) * (parseFloat($('#iva').val()) / 100);
        neto2 = parseFloat(precio) + parseFloat(iva2)

        var html = '';
        html+='<tr class="cConceptos" contador="'+contador+'" clave_unidad="'+$('#unidadSat').val().toUpperCase()+'" unidad="'+$('#tipoUnidad').val()+'" iva_porcentaje="'+$('#iva').val()+'" codigoprod="999999" id="item_'+contador+'">'
            html+='<td>'
                html+='<i class="la la-remove" onclick="eliminaItem('+contador+');"></i>'
            html+='</td>'
            html+='<td>'
                html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" value="999999" readonly>'
            html+='</td>'
            html+='<td>'
                html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" id="clave_sat_'+contador+'" value="'+$('#claveSat').val()+'" readonly>'
            html+='</td>'
            html+='<td>'
                html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" id="desc_'+contador+'" value="'+$('#descripcionProd').val().toUpperCase()+'" readonly>'
            html+='</td>'
            html+='<td>'
                html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" value="0" readonly>'
            html+='</td>'
               html+='<td>'
                html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" id="cant_'+contador+'" value="'+cantidad+'" onkeyup="calculaTotalesFactura()" oninput="formatoMontoF(this);">'
            html+='</td>'
            html+='<td>'
                html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" id="precio_sin_'+contador+'" value="'+precio+'" readonly>'
            html+='</td>'
            html+='<td>'
                html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" value="0" readonly>'
            html+='</td>'
            html+='<td>'
                html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" value="0" readonly>'
            html+='</td>'
            html+='<td>'
                html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" id="iva_'+contador+'" value="'+parseFloat(iva).toFixed(2)+'" readonly>'
            html+='</td>'
            //html+='<td>'
               // html+='<input type="text" class="form-control form-control-sm" value="0">'
            //html+='</td>'
            html+='<td>'
                html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" id="neto_'+contador+'" value="'+parseFloat(neto).toFixed(2)+'" readonly>'
            html+='</td>'
            html+='<td>'
                html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" id="importe_'+contador+'" value="'+parseFloat(importe).toFixed(2)+'" readonly>'
            html+='</td>'
            //html+='<td>'
               // html+='<input type="text" class="form-control form-control-sm">'
            //html+='</td>'
        html+='</tr>'

        $('#modalProducto').modal('hide')
        $('#documentosBody').append(html)
        $('#codProdc').val('').focus()
        calculaTotalesFactura();
    }
    function setfp(){
        var plazo = $('#plazo').val()
        if(plazo!='0'){
            $('#formaPago').val('99')
            $('#formaPago').prop('disabled',true)
        }else{
            $('#formaPago').val('03')
            $('#formaPago').prop('disabled',false)
        }
    }
    function editaCliente(){
        var id = $('#idCliente').val()
        if(id!=''){
            $.ajax({
                url: "{{url('operaciones/get_info_fact_cliente')}}",
                type: 'POST',
                dataType: 'json',
                data: {id: id},
            })
            .done(function(resp) {
                console.log("success");

                $('#razonSocial').val(resp.info.nombre)
                $('#regimenCliente').val(resp.info.regimen_fiscal)
                $('#domiciliocliente').val(resp.info.domicilio)
                $('#coloniaCliente').val(resp.info.colonia_disp)
                $('#cpCliente').val(resp.info.cp)
                $('#poblacionCliente').val(resp.info.poblacion_disp)
                $('#estadoCliente').val(resp.info.estado_disp)
                $('#id_coloniaCliente').val(resp.info.id_colonia)
                
                $('#modalDatosClientes').modal('show')
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
            
        }
       
    }
    function getColonias(){
        var colonia = $('#coloniaCliente').val();
        var cp = $('#cpCliente').val();
        $.ajax({
            url: "{{url('operaciones/get_colonia')}}",
            type: 'POST',
            dataType: 'json',
            data: {colonia: colonia,cp:cp},
        })
        .done(function(resp) {
            console.log("success");
            console.log(resp)
            var html = ''
            $('#divColonias').html('')
            $.each(resp.info, function(index, val) {
                 html+='<tr>'
                 html+='<td>'+val.descripcion+'</td>'
                 html+='<td>'+val.poblacion.descripcion+'</td>'
                 html+='<td>'+val.poblacion.municipio.descripcion+'</td>'
                 html+='<td>'+val.poblacion.municipio.estado.descripcion+'</td>'
                 html+='<td>'+val.codigo_postal+'</td>'
                 html+='<td><button class="btn btn-sm btn-info" onclick="agregaColonia('+val.id+',\''+val.descripcion+'\',\''+val.poblacion.descripcion+'\',\''+val.poblacion.municipio.estado.descripcion+'\','+val.codigo_postal+')">..</button></td>'
                 html+='</tr>'
            });
            $('#divColonias').html(html)
            $('#modalColonias').modal('show')

        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    }
    function agregaColonia(id,colonia,poblacion,estado,cp){
        $('#coloniaCliente').val(colonia)
        $('#cpCliente').val(cp)
        $('#poblacionCliente').val(poblacion)
        $('#estadoCliente').val(estado)
        $('#id_coloniaCliente').val(id)
        $('#modalColonias').modal('hide')

    }
    function guardarCliente(){
        var razon = $('#razonSocial').val()
        var regimen = $('#regimenCliente').val()
        var domicilio = $('#domiciliocliente').val()
        var id_colonia = $('#id_coloniaCliente').val()
        var id_cliente = $('#idCliente').val()
        $.ajax({
            url: "{{url('operaciones/actualiza_cliente')}}",
            type: 'POST',
            dataType: 'json',
            data: {
                razon: razon,
                regimen: regimen,
                domicilio: domicilio,
                id_colonia: id_colonia,
                id_cliente: id_cliente,
            },
        })
        .done(function(resp) {
            console.log("success");
            if(resp.estatus > 0){
                getClienteCuenta();
                $('#modalDatosClientes').modal('hide')
            }
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        

    }
    function calculaTotalesFactura(){

        contador = 0
        var subtotal = 0;
        var iva = 0;

        $('.cConceptos').each(function(index, el) {
            var idCont = $(this).attr('contador')
            cantidad = $('#cant_'+idCont).val()
            if(cantidad==''){
                cantidad = 0
            }
            var precio = $('#precio_sin_'+idCont).val()
            var ivaPorConce = (parseFloat(precio) * parseFloat(cantidad)) * (parseFloat($(this).attr('iva_porcentaje')) / 100);

            $('#iva_'+idCont).val(ivaPorConce)




            iva+=parseFloat($('#iva_'+idCont).val()) ;
            ivaPorConce = (parseFloat($('#iva_'+idCont).val()) * parseFloat(cantidad));
            
            subConcept = parseFloat(precio) * parseFloat(cantidad);
            subtotal+=subConcept;
            //importeCon = (parseFloat(subConcept) * parseFloat(cantidad)) + parseFloat(ivaPorConce)
            //importeCon = parseFloat(ivaPorConce) + parseFloat(subConcept)
            importeCon = parseFloat($('#precio_sin_'+idCont).val()) * parseFloat(cantidad) + parseFloat($('#iva_'+idCont).val());
            $('#importe_'+idCont).val(importeCon)
        });

        $('#ivaTotal').html(numfom(parseFloat(iva)))
        $('#subtotalTotal').html(numfom(parseFloat(subtotal)))
        $('#totalTotal').html(numfom(parseFloat(subtotal)+parseFloat(iva)))
    }
    function creapdf(data){

        agente = $('#agente option:selected').attr('disp');
        ordenCompra = $('#ordenCompra').val();
        $.ajax({
            url: "{{url('operaciones/genera_pdf_fact')}}",
            type: 'POST',
            dataType: 'json',
            data: {data: data,prefijo: 1,agente: agente,ordencompra: ordenCompra},
        })
        .done(function(resp) {
            console.log(resp);

            modalComprobanteFact(resp.urlPdf,data.cfdi_id,data.serie,data.folio);
            //restaura();
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    }
    function creapdfPrefactura(data){

        agente = $('#agente option:selected').attr('disp');
        ordenCompra = $('#ordenCompra').val();
        $.ajax({
            url: "{{url('operaciones/genera_pdf_fact')}}",
            type: 'POST',
            dataType: 'json',
            data: {data: data,prefijo: 1,agente: agente,ordencompra: ordenCompra, prefactura: 2},
        })
        .done(function(resp) {
            console.log("success");

            modalComprobanteFact(resp.urlPdf,data.cfdi_id);
            $("#loadingModal").modal('hide')
            //restaura();
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    }
    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});
        if(serie !=''){
            $('#labelseriefolio').html('Folio : '+serie+'-'+folio)
        }
        
        $('#archivosComprobante').show()
        /*$('#idCfdi').val(idventa)
        $('#modalFactura').modal('hide')
        $('#modalComprobanteFact').modal('hide')
        $('#frameComprobanteFact').attr({'src': src});
        $('#modalComprobanteFact').modal({backdrop: 'static'});
        $('#modalComprobanteFact').modal('show')*/
  }
  function unidadSat(){
    var unidadSat = $('#unidadSat').val()
    $.ajax({
        url: "{{url('operaciones/valida_unidad_sat')}}",
        type: 'POST',
        dataType: 'json',
        data: {unidadSat: unidadSat},
    })
    .done(function(resp) {
        console.log("success");
        if(resp.estatus == 0){
            Swal.fire({
                     title: 'La clave de la unidad no es valida',
                     type: 'error',
                })
            $('#unidadSat').focus()
                return false;
        }
    })
    .fail(function() {
        console.log("error");
    })
    .always(function() {
        console.log("complete");
    });
    
  }
  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: 'Factura',
        },
    })
    .done(function(resp) {
        console.log(resp);
        if(resp.estatus == true){
            Swal.fire({
                title: 'Enviado correctamente',
                type: 'success',
            })
             return false;
        }else{
            if(resp.msj == 'El cliente no cuenta con contactos'){
                $('#enviarCorreoModal').modal('show')
            }else{
                Swal.fire({
                    title: 'Erro al Enviar',
                    type: 'warning',
                })
                 return false;
            }
        }   
    })
    .fail(function() {
        console.log("error");
    })
    .always(function() {
        console.log("complete");
    });
    
  }
  function verNotas(){
    $('#modalNotas').modal('show')
  }
  function modalAnticipos(){
     $('#modalAnticipos').modal('show')
  }
  function getAnticipos(){
    var idcliente = $('#idCliente').val()
    if(idcliente!=''){
        $.ajax({
            url: "{{url('operaciones/get_anticipos')}}",
            type: 'POST',
            dataType: 'json',
            data: {idcliente: idcliente},
        })
        .done(function(resp) {
            console.log("success");
            if(resp.estatus > 0){
                var html = '';
                $('#bodyAnticipos').html('')
                $.each(resp.documentos, function(index, val) {
                    html+='<tr class="trAnticipos" iddocu="'+val.id+'" saldo="'+val.saldo+'">'
                    html+='<td>'+val.serie1+val.serie2+val.folio+'</td>';
                    html+='<td>'+val.fecha_documento+'</td>';
                    html+='<td>'+numfom(val.saldo)+'</td>';
                    html+='<td><input type="checkbox" id="check_anti_'+val.id+'"></td></td>';
                    html+='</tr>';
                });
                $('#bodyAnticipos').html(html)
                //$('#modalAnticipos').modal('show')
            }else{
               $('#bodyAnticipos').html('')
            }
            
        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    }else{
          Swal.fire({
                title: 'Selecciona un cliente',
                type: 'warning',
            })
             return false;
    }
  }
  function buscaFactura(){
    var serie = $('#buscaSerie').val()
    var folio = $('#buscaFolio').val()
    $.ajax({
        url: "{{url('operaciones/busca_factura')}}",
        type: 'POST',
        dataType: 'json',
        data: {serie: serie,folio: folio},
    })
    .done(function(resp) {
    if(resp.estatus != 0){
            if(resp.info.id_tipo_documento!=1){
                Swal.fire({
                     title: 'El documento no es una factura',
                     type: 'error',
                })
                restaura();
                return false;
            }
            console.log(resp.productos);
            $('#idDocHv').val(resp.info.id)
            agregaCliente2(resp.info.id_cliente)


           
            
            
           // alert('3333')
            src = resp.pdf;
            $('#srcPdfFile').attr({'href': src});
            src2 = src.replace(".pdf", ".xml");
            src3 = src2.replace("pdfs", "xmls");
            $('#srcXmlFile').attr({'href': src3});
            
            



            $('#modalbuscaFactura').modal('hide')
            setTimeout(function(){
                $('#labelseriefolio').html(resp.info.serie1+resp.info.serie2+'-'+resp.info.folio+'  Fecha:'+resp.info.fecha_documento)
                $('#archivosComprobante').show()
                $('.escodebotones').hide()
                 $('.cancelarfactura').show()
                         var html = '';
            contador = 1
            console.log(resp.productos)
            $.each(resp.productos, function(index, val) {
                    
                importe = (parseFloat(val.precio_unitario) * parseFloat(val.cantidad)) + parseFloat(val.iva_conce)
                neto = parseFloat(val.precio_unitario) + (parseFloat(val.iva_conce) / parseFloat(val.cantidad))
                html+='<tr class="cConceptos" contador="'+contador+'" clave_unidad="" unidad="" iva_porcentaje="16" codigoprod="999999">'
                    html+='<td>'
                        //html+='<i class="la la-remove"></i>'
                    html+='</td>'
                    html+='<td>'
                        html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" value="999999" readonly>'
                    html+='</td>'
                    html+='<td>'
                        html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" id="clave_sat_'+contador+'" value="" readonly>'
                    html+='</td>'
                    html+='<td>'
                        html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" id="desc_'+contador+'" value="'+val.descripcion_especial+'" readonly>'
                    html+='</td>'
                    html+='<td>'
                        html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" value="0" readonly>'
                    html+='</td>'
                       html+='<td>'
                        html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" id="cant_'+contador+'" value="'+val.cantidad+'" readonly>'
                    html+='</td>'
                    html+='<td>'
                        html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" id="precio_sin_'+contador+'" value="'+val.precio_unitario+'" readonly>'
                    html+='</td>'
                    html+='<td>'
                        html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" value="0" readonly>'
                    html+='</td>'
                    html+='<td>'
                        html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" value="0" readonly>'
                    html+='</td>'
                    html+='<td>'
                        html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" id="iva_'+contador+'" value="'+val.iva_conce+'" readonly>'
                    html+='</td>'
                    //html+='<td>'
                       // html+='<input type="text" class="form-control form-control-sm" value="0">'
                    //html+='</td>'
                    html+='<td>'
                        html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" id="neto_'+contador+'" value="" readonly>'
                    html+='</td>'
                    html+='<td>'
                        html+='<input type="text" class="form-control form-control-sm smallFont" style="font-size: xx-small" id="importe_'+contador+'" value="'+importe+'" readonly>'
                    html+='</td>'
                    //html+='<td>'
                       // html+='<input type="text" class="form-control form-control-sm">'
                    //html+='</td>'
                html+='</tr>'
                contador++
            
            });
             $('#documentosBody').append(html)
            calculaTotalesFactura();
            $('#codProdc').hide()
            $('.estatusFactura').show()
            if(resp.estatus_fac=='Cancelado'){
                $('#estFactActiva').hide()
                $('#estFactCancelada').show()
                $('.cancelarfactura').hide()
            }else{
                $('#estFactActiva').show();
                $('#estFactCancelada').hide();
                $('.cancelarfactura').show()
            }
            $('#idCfdi').val(resp.info.id_cfdi)
            $('#plazo').val(resp.info.plazo)
            $('#concepto').val(resp.info.id_concepto)
            $('#agente').val(resp.info.id_agente)
            $('#formaPago').val(0)
            $('#usocfdi').val('')
            if(resp.info.id_moneda=='1'){
                $('#pesosMoneda').prop('checked',true)
            }else if(resp.info.id_moneda=='2'){
                $('#dolaresMoneda').prop('checked',true)
            }else{
                $('#euroMoneda').prop('checked',true)
            }
            $('#estatuscancelacion').val(resp.estatuscancelacion)

            }, 6000)
    }else{
        Swal.fire({
                     title: 'La factura no existe',
                     type: 'error',
                })
        restaura();
                //clicando = false
                return false;
    }
        
    
    })
    .fail(function() {
        console.log("error");
    })
    .always(function() {
        console.log("complete");
    });
    
  }
  function valida(){
     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;
        }
        var plazo = $('#plazo').val()
        if(plazo=='x'){
              Swal.fire({
                     title: 'Selecciona un plazo',
                     type: 'error',
                })
                //clicando = false
                return false;
        }
        var agente = $('#agente').val()
        if(agente=='0'){
              Swal.fire({
                     title: 'Selecciona un plazo',
                     type: 'error',
                })
                //clicando = false
                return false;
        }
        $('#buscadorProductos').show()
        $('#codProdc').focus()
  }
  function cancelarFactura(){
    
    if($('#estatuscancelacion').val()!='' && $('#estatuscancelacion').val()!='Aceptada'){
            Swal.fire({
              title: "La factura se encuentra en estado "+$('#estatuscancelacion').val()+", Deseas cancelar de nuevo?",
              showDenyButton: true,
              showCancelButton: true,
              confirmButtonText: "Si,Cancelar",
              denyButtonText: `No`
            }).then((result) => {
              /* Read more about isConfirmed, isDenied below */
              if (result.isConfirmed) {
                    $('#idDocHv').val()
                    $('#modalCancelacionFactura').modal('show')
              } 
            });
    }else{
        $('#idDocHv').val()
        $('#modalCancelacionFactura').modal('show')
    }
    
  }
    function muestraRel() {
        if ($('#motivo_cancelacion').val() == '01') {
            $('#uuidRelaCancelRow').show()
        } else {
            $('#uuidRelaCancelRow').hide()
        }
    }
    function cancelaDocumento(){
        var id = $('#idDocHv').val()
        var motivo = $('#motivo_cancelacion').val()
        var serie = $('#serieRelaCancel').val()
        var folio = $('#folioRelaCancel').val()
        $.ajax({
            url: '{{url('operaciones/cancela_factura')}}',
            type: 'POST',
            dataType: 'json',
            data: {
                id: id,
                motivo: motivo,
                serie: serie,
                folio: folio
            },
        })
        .done(function(resp) {
            console.log("success");
            if(resp[0].strStatus=='0'){
                var mensaje = resp[0].strResult;
                //var mensaje2 = resp[0].cancelacionSistemaMensaje;
                Swal.fire({
                     title: mensaje,
                     type: 'success',
                })
                $('#modalCancelacionFactura').modal('hide')
                $('#estatusFactura').hide()
                //restaura();
                return false;
            }else{
                var mensaje = resp[0].strResult;
                Swal.fire({
                     title: mensaje,
                     type: 'warning',
                })
                

                return false;
            }

        })
        .fail(function() {
            console.log("error");
        })
        .always(function() {
            console.log("complete");
        });
        
    }
    function eliminaItem(id){
        $('#item_'+id).remove()
        calculaTotalesFactura();
    }
    function checmoneda(){
        var moneda = $('input[name="monedacheck"]:checked').val()
        if(moneda != 'MXN'){
            $.ajax({
                url: '{{url('comunes/get_tipo_cambio')}}',
                type: 'POST',
                dataType: 'json',
                data: {moneda: moneda},
            })
            .done(function(resp) {
                console.log(resp);
                var html = ''
                $('#tipoCambio').html(html)
                if(resp.estatus > 0){
                    $.each(resp.tipocambio, function(index, val) {
                         html +='<option value="'+val.id+'">$'+val.oficial_cliente+'</option>';
                    });
                    $('#tipoCambio').append(html)
                }else{
                    Swal.fire({
                         title: resp.msj,
                         type: 'warning',
                    })
                    
                    return false;
                }
                
               
            })
            .fail(function() {
                console.log("error");
            })
            .always(function() {
                console.log("complete");
            });
            
        }else{
            var html = ''
            $('#tipoCambio').html(html)
        }
    }

        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[0].length > 2) {
                partes[0] = partes[0].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')
  @include('comunes.envia_correo')

@endpush