@extends('layouts.default')
@section('content')

<?php date_default_timezone_set('America/Mexico_City'); ?>
<!-- Modal Ver Notas de Abono -->
<div class="modal fade" id="modalNotasAbono" data-bs-keyboard="false" data-bs-backdrop="static" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-xl" role="document" style="max-width: 90%;">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="modalNotasAbonoTitle" style="font-size:1.4em">DETALLE DEL PAGO</h4>
            </div>
            <div class="modal-body">        
                <div class="row" style="height:500px; overflow:auto">
                    <div class="table-responsive">
                        <table class="table table-striped">
                            <thead style="background-color:#777">
                                <tr>
                                    <th style="padding: 10px; text-align: center; color: #FFF">Fecha</th>
                                    <th style="padding: 10px; text-align: center; color: #FFF">Folio</th>
                                    <th style="padding: 10px; text-align: center; color: #FFF">Concepto</th>
                                    <th style="padding: 10px; text-align: center; color: #FFF">Monto</th>
                                </tr>
                            </thead>
                            <tbody id="tablaNotasAbono"></tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal Refinanciamiento -->
<div class="modal fade" id="modalRefinanciamiento" data-bs-keyboard="false" data-bs-backdrop="static" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-xl" role="document" style="max-width: 90%;">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="modalFacturarTitle" style="font-size:1.5em">Refinanciamiento</h4>
                <button type="button" class="btn-close btn-danger" data-bs-dismiss="modal" aria-label="Close">X</button>
            </div>
            <div class="modal-body">  
                <h4 class="modal-title" id="modalFacturarTitle" style="font-size:1.2em">Documentos del cliente (selecciona los documentos a refinanciar)</h4>
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>X</th>
                                <th>Fecha Creado</th>
                                <th>Fecha Vencimiento</th>
                                <th>Documento</th>
                                <th>Cargo</th>
                                <th>Abono</th>
                                <th>Saldo</th>
                                <th>Mora</th>
                                <th>Total</th>
                            </tr>
                        </thead>
                        <tbody id="bodyDocumentos"></tbody>
                    </table>
                </div>
                <br>
                <h4 class="modal-title" id="modalFacturarTitle" style="font-size:1.2em">Informacion del refinanciamiento</h4>
                <div class="row">   
                    <div class="col-2">
                        <div class="form-group">
                            <span class="x-label">Folio:</span>
                            <input type="text" class="x-form-control" id="foliorefi" readonly autocomplete="off"/>
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group">
                            <span class="x-label">Fecha:</span>
                            <input type="text" class="x-form-control" id="fecharefi" value="<?=date('d/m/Y')?>" onchange="selDocto()" autocomplete="off"/>
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group">
                            <span class="x-label">Sucursal:</span>
                            <select class="x-form-control" id="sucursalrefi" onchange="getFolioRefinanciamiento()">

                            </select>
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group">
                            Subtotal:*<br/>
                            <input type="number" class="x-form-control" id="subtotalrefi" value="0" readonly autocomplete="off" />
                        </div>
                    </div>
                    <div class="col-2">                        
                        <div class="form-group">
                            <span class="x-label"><sup>*</sup>Plazo máximo:</span>
                            <select class="x-form-control" id="plazomaximorefi" onchange="selDocto()"></select>
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group">
                            <span class="x-label"><sup>*</sup>Periodicidad:</span>
                            <select class="x-form-control" id="periodicidadrefi" onchange="selDocto()">

                            </select>
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group">
                            Intereses:(%)<br/>
                            <input type="number" class="x-form-control" id="interesrefi" value="0" onchange="selDocto()" autocomplete="off" />
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group">
                            Total:*<br/>
                            <input type="number" class="x-form-control" id="totalrefi" value="0" readonly autocomplete="off" />
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group">
                            Enganche:*<br/>
                            <input type="number" class="x-form-control" id="engancgerefi" value="0" onchange="selDocto()" autocomplete="off" />
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group">
                            Num Pagos:*<br/>
                            <input type="number" class="x-form-control" id="numPagosrefi" readonly autocomplete="off" />
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group">
                            Monto:*<br/>
                            <input type="number" class="x-form-control" id="montorefi" readonly autocomplete="off" />
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group">
                            Fecha Vencimiento:*<br/>
                            <input type="text" class="x-form-control" id="fechavencimientorefi" readonly autocomplete="off" />
                        </div>
                    </div>
                </div> 
                <hr>
                <h4 class="modal-title" id="modalFacturarTitle" style="font-size:1.2em">Tabla de pagos</h4>
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th># Pago</th>
                                <th>Fecha Pago</th>
                                <th>Monto</th>
                            </tr>
                        </thead>
                        <tbody id="bodypagos"></tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-success" id="btnRefinanciar" disabled onclick="crearRefinanciamiento()">Refinanciar</button>
            </div>
        </div>
    </div>
</div>
<!-- End Modal -->

<!-- Modal Confirmar Refinanciamiento -->
<div class="modal fade" id="modalCrearRefinanciamiento" data-bs-keyboard="false" data-bs-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="modalCobroCreditoLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="row">
                    <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12" style="font-size:1em">
                        <div class="row">
                            <h4 class="modal-title" id="titleRefinanciamiento" style="font-size:1.1em"></h4>
                        </div>
                        <br>
                        <div class="row">
                            <div class="col-6" style="text-align: right; font-weight:bold; font-size:1.6em">TOTAL ($):</div>
                            <div class="col-6" style="text-align: right; font-weight:bold; font-size:1.6em" id="ccobroTotal">0.00</div>
                        </div>
                        <hr/>
                        <div class="row">
                            <div class="col-6" style="text-align: right; font-weight:bold; color:#444444; font-size:1.3em;">Subtotal:</div>
                            <div class="col-6" style="text-align: right; font-weight:bold; color:#444444; font-size:1.3em;" id="csubtotal"></div>
                        </div>
                        <div class="row">
                            <div class="col-6" style="text-align: right; font-weight:bold; color:#444444; font-size:1.3em;">Intereses:</div>
                            <div class="col-6" style="text-align: right; font-weight:bold; color:#444444; font-size:1.3em;" id="cinteres"></div>
                        </div>
                        <div class="row">
                            <div class="col-6" style="text-align: right; font-weight:bold; color:#444444; font-size:1.3em;">Total:</div>
                            <div class="col-6" style="text-align: right; font-weight:bold; color:#444444; font-size:1.3em;" id="ctotal"></div>
                        </div>
                        <div class="row">
                            <div class="col-6" style="text-align: right; font-weight:bold; color:#444444; font-size:1.3em;">Enganche:</div>
                            <div class="col-6" style="text-align: right; font-weight:bold; color:#444444; font-size:1.3em;" id="cenganche"></div>
                        </div>
                        <div class="row">
                            <div class="col-6" style="text-align: right; font-weight:bold; color:#444444; font-size:1.3em;">Financiado:</div>
                            <div class="col-6" style="text-align: right; font-weight:bold; color:#444444; font-size:1.3em;" id="cfinanciado"></div>
                        </div>
                        <div class="row">
                            <div class="col-6" style="text-align: right; font-weight:bold; color:#444444; font-size:1.3em;">Plazo:</div>
                            <div class="col-6" style="text-align: right; font-weight:bold; color:#444444; font-size:1.3em;" id="cplazo"></div>
                        </div>
                        <div class="row">
                            <div class="col-6" style="text-align: right; font-weight:bold; color:#444444; font-size:1.3em;">Periodicidad:</div>
                            <div class="col-6" style="text-align: right; font-weight:bold; color:#444444; font-size:1.3em;" id="cperiodicidad"></div>
                        </div>
                        <div class="row">
                            <div class="col-6" style="text-align: right; font-weight:bold; color:#444444; font-size:1.3em;">Num. de Pagos:</div>
                            <div class="col-6" style="text-align: right; font-weight:bold; color:#444444; font-size:1.3em;" id="cnumPagos"></div>
                        </div>
                        <div class="row">
                            <div class="col-6" style="text-align: right; font-weight:bold; color:#444444; font-size:1.3em;">Monto de Pago:</div>
                            <div class="col-6" style="text-align: right; font-weight:bold; color:#444444; font-size:1.3em;" id="cmontoexhibicion"></div>
                        </div>
                        <div class="row">
                            <div class="col-6" style="text-align: right; font-weight:bold; color:#444444; font-size:1.3em;">Vencimiento:</div>
                            <div class="col-6" style="text-align: right; font-weight:bold; color:#444444; font-size:1.3em;" id="cvencimiento"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" onclick="cerrarConfirmar()" data-bs-dismiss="modal">Atras</button>
                <button type="button" class="btn btn-success" onclick="confirmarRefinanciamiento()">Confirmar</button>
            </div>
        </div>
    </div>
</div>
<!-- End Modal -->

<!-- End Modal -->
<div class="modal fade" id="modalDevolucion" tabindex="-1" role="dialog" aria-labelledby="modalDevolucionLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalDevolucionLabel">Devolución de documento</h5>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-9 col-lg-9">
                        <div class="form-group">
                            <span class="x-label">Tipo de Devolución:</span>
                            <select class="x-form-control" id="dev_tipodevolucion">
                                <!-- <option value="1">Con generación de Anticipo</option>
                                <option value="2">Devolución de efectivo</option>
                                <option value="3">Saldo no reembolsable</option>
                                <option value="7">Cancelar solo CFDI</option> -->
                                <option value="99">Cancelar Pago</option>
                            </select>
                            <input type="hidden" id="iddev"/>
                        </div>
                    </div>
                    <div class="col-md-3 col-lg-3">
                        <div class="form-group" style="text-align:left">
                            <span class="x-label">CLAVE:</span>
                            <input type="password" class="x-form-control" id="dev_clave" autocomplete="off"  />
                        </div>
                    </div>
                    <div class="col-md-12 col-lg-12">
                        <div class="form-group" style="text-align:left">
                            <span class="x-label">Motivo:</span>
                            <textarea class="form-control" id="dev_motivo"></textarea>
                        </div>
                    </div>
                    <div class="col-12 infoCFDI">
                        <hr/>
                    </div>
                    <div class="col-md-4 col-lg-6 infoCFDI">
                        <div class="form-group" style="text-align:left">
                            <span class="x-label">Motivo de Cancelación (CFDI):</span>
                            <select class="x-form-control" id="dev_motivocfdi">
                                <option value="01">Errores con relación</option>
                                <option value="02">Errores sin relación</option>
                                <option value="03">No se llevó a cabo la operación</option>
                                <option value="04">Operación nominativa, relacionada en una factura global</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-6 col-lg-6 infoCFDI">
                        <div class="form-group" style="text-align:left">
                            <span class="x-label">UUID:</span>
                            <input type="number" class="x-form-control" id="dev_uuid" autocomplete="off" disabled />
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" id="modalAnticipoClose" data-bs-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-success" id="btnGeneraAnticipo" onclick="qDevolver()">Generar Devolución</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal Editar Moratorio -->
<div class="modal fade" id="modaleditarmoratorio" tabindex="-1" data-bs-keyboard="false" data-bs-backdrop="static" role="dialog" aria-labelledby="selClienteLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Editar Moratorio</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-2">
                        <div class="form-group">
                            <span class="x-label">Fecha Vencimiento:</span>
                            <input type="text" class="form-control x-form-control-sm" id="fechavencimiento" readonly autocomplete="off"/>
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group" style="text-align:left">
                            <span class="x-label">Saldo:</span>
                            <input type="hidden" id="idDocumentoMoratorio"/>
                            <input type="number" class="x-form-control" id="saldodocumento" readonly autocomplete="off"  />
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group" style="text-align:left">
                            <span class="x-label">Moratorio:</span>
                            <input type="number" class="x-form-control" id="editmoratorio" onchange="changeMoratorio()" autocomplete="off"  />
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="form-group" style="text-align:left">
                            <span class="x-label">total:</span>
                            <input type="number" class="x-form-control" id="totalsaldo" readonly autocomplete="off"  />
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="form-group" style="text-align:left">
                            <span class="x-label">observaciones:</span>
                            <input type="text" class="x-form-control text-uppercase" id="editobservaciones" autocomplete="off"  />
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-success" onclick="actualizarMoratorio()">Actualizar</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal Editar Pago -->
<div class="modal fade" id="modaleditarpago" tabindex="-1" data-bs-keyboard="false" data-bs-backdrop="static" role="dialog" aria-labelledby="selClienteLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Editar Pago</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-9">
                        <div class="row">
                            <div class="col-4">
                                <div class="form-group" style="text-align:left">
                                    <span class="x-label">Folio:</span>
                                    <input type="hidden" id="idPago"/>
                                    <input type="text" class="x-form-control" id="folioPago" readonly autocomplete="off"  />
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="form-group">
                                    <span class="x-label">Fecha:</span>
                                    <input type="text" class="form-control x-form-control-sm" id="editfechaPago" value="<?=date('d/m/Y')?>" disabled autocomplete="off"/>
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="form-group">
                                    Tipo de Pago:*<br/>
                                    <select class="x-form-control" id="tipodePago">
                                        
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="form-group" style="text-align:left">
                            <span class="x-label">Monto:</span>
                            <input type="number" class="x-form-control" id="montoPago" readonly autocomplete="off"  />
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="form-group" style="text-align:left">
                            <span class="x-label">Forma Pago:</span>
                            <select class="x-form-control" id="formapagoPago" onchange="getCuentasDestino('formapagoPago')"></select>
                        </div>
                    </div>
                    <div class="col-3">
                        <div class="form-group">
                            <span class="x-label">Cuenta:</span>
                            <input type="hidden" id="cuentadestinoInput"/>
                            <select class="x-form-control" id="cuentadestinoPago"></select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-success" onclick="actualizarPago()">Actualizar</button>
            </div>
        </div>
    </div>
</div>

<!-- Modal Ver Detalle Documentos -->
<div class="modal fade" id="modalDetalleDocumentos" data-bs-keyboard="false" data-bs-backdrop="static" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-xl" role="document" style="max-width: 90%;">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="modalFacturarTitle" style="font-size:1.4em">DETALLE DEL PAGO</h4>
            </div>
            <div class="modal-body">        
                <div class="row" style="height:500px; overflow:auto">
                    <div class="table-responsive">
                        <table class="table table-striped" id="tablaDetalleDocumentos" class="table">
                            <thead style="background-color:#777">
                                <tr>
                                    <th style="padding: 10px; text-align: center; color: #FFF">Folio</th>
                                    <th style="padding: 10px; text-align: center; color: #FFF">Fecha</th>
                                    <th style="padding: 10px; text-align: center; color: #FFF">Codigo</th>
                                    <th style="padding: 10px; text-align: center; color: #FFF">Descripcion</th>
                                    <th style="padding: 10px; text-align: center; color: #FFF">Sucursal</th>
                                    <th style="padding: 10px; text-align: center; color: #FFF">Pago</th>
                                    <th style="padding: 10px; text-align: center; color: #FFF">Monto</th>
                                    <th style="padding: 10px; text-align: center; color: #FFF">Moratorio</th>
                                    <th style="padding: 10px; text-align: center; color: #FFF">Total</th>
                                </tr>
                            </thead>
                            <tbody></tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>
<!-- End Modal -->

<!-- Modal Ver Contratos -->
<div class="modal fade" id="modalVerContratos" tabindex="-1" data-bs-keyboard="false" data-bs-backdrop="static" role="dialog" aria-labelledby="selClienteLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="selClienteLabel">Seleccione un Cliente</h5>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div id="pdfContainer" style="width: 100%; height: 500px;"></div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>
<!-- End Modal -->

<!-- Modal Accion Factura -->
<div class="modal fade" id="accionFactura" tabindex="-1" role="dialog" data-bs-backdrop="static" data-bs-keyboard="false" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="accionFacturaLabel">Descarga y envío de CFDI de Pago</h5>
        </div>
        <div class="modal-body">  
            <div class="row">       
                <div class="col-6 col-sm-6 col-md-3 col-lg-3 col-xl-3">
                    <button class="btn btn-info" onclick="descargar('xml')"><i class="fa fa-file-code" style="font-size:40px"></i><br/>Descargar XML</button>
                    <input type="hidden" id="seriefolio"/>
                </div>
                <div class="col-6 col-sm-6 col-md-3 col-lg-3 col-xl-3">
                    <button class="btn btn-danger" onclick="descargar('pdf')"><i class="fa fa-file-pdf" style="font-size:40px"></i><br/>Descargar PDF</button>
                </div>
                <div class="col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6">
                    <div class="form-group">
                        <label style="font-size:1.1em">Correo del cliente:</label>
                        <div style="text-align:right"><input type="text" style="border:#888 1px solid; margin-bottom:5px; padding: 5px; width:100%" id="correocliente"></div>
                        <div><button class="btn btn-primary btn-sm" onclick="enviarFactura()">Enviar</button>&nbsp;&nbsp;<span sytle="" id="mensajeMail"></span></div>
                    </div>
                </div>
            </div> 
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" id="accionFacturaClose" data-bs-dismiss="modal">Cerrar</button>
        </div>
        </div>
    </div>
</div>
<!-- End Modal -->
<!-- Modal Vendedores -->
<div class="modal fade" id="selVendedor" tabindex="-1" role="dialog" aria-labelledby="selVendedorLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
        <div class="modal-body">
            <div class="d-flex justify-content-center">
                <input type="text" class="form-control" id="codigoVendedor" style="width:90%; font-size:1.5em; text-align:center" placeholder="Codigo de vendedor" autocomplete="off" />
            </div>
            <div class="d-flex justify-content-center">
                <button class="btn btn-secondary" style="width:30%;float:left;font-size:1.5em; margin:2px" onclick="addInput(1)">1</button>
                <button class="btn btn-secondary" style="width:30%;float:left;font-size:1.5em; margin:2px" onclick="addInput(2)">2</button>
                <button class="btn btn-secondary" style="width:30%;float:left;font-size:1.5em; margin:2px" onclick="addInput(3)">3</button>
            </div>
            <div class="d-flex justify-content-center">
                <button class="btn btn-secondary" style="width:30%;float:left;font-size:1.5em; margin:2px" onclick="addInput(4)">4</button>
                <button class="btn btn-secondary" style="width:30%;float:left;font-size:1.5em; margin:2px" onclick="addInput(5)">5</button>
                <button class="btn btn-secondary" style="width:30%;float:left;font-size:1.5em; margin:2px" onclick="addInput(6)">6</button>
            </div>
            <div class="d-flex justify-content-center">
                <button class="btn btn-secondary" style="width:30%;float:left;font-size:1.5em; margin:2px" onclick="addInput(7)">7</button>
                <button class="btn btn-secondary" style="width:30%;float:left;font-size:1.5em; margin:2px" onclick="addInput(8)">8</button>
                <button class="btn btn-secondary" style="width:30%;float:left;font-size:1.5em; margin:2px" onclick="addInput(9)">9</button>
            </div>
            <div class="d-flex justify-content-center">
                <button class="btn btn-danger" style="width:30%;float:left;font-size:1.5em; margin:2px" onclick="delInput()"><i class="mdi mdi-backspace" style="font-size:1.5em"></i></button>
                <button class="btn btn-secondary" style="width:30%;float:left;font-size:1.5em; margin:2px" onclick="addInput(0)">0</button>
                <button class="btn btn-success" style="width:30%;float:left;font-size:1.5em; margin:2px" onclick="saveInput()"><i class="mdi mdi-check" style="font-size:1.5em"></i></button>
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" id="selVendedorClose" data-bs-dismiss="modal">Cerrar</button>
        </div>
        </div>
    </div>
</div>
<!-- End Modal -->
<!-- Modal Amortizacion -->
<div class="modal fade" id="modalAmortizacion" tabindex="-1" role="dialog" aria-labelledby="modalAmortizacionLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="card">
                    <div class="card-header d-flex" style="font-size:1.2em; font-weight:bold; flex-direction: row"> 
                        <div class="p-1">
                            <i class="icon-edit"></i> <span>Tabla de Amortización</span>
                        </div>
                    </div>
                    <div class="card-body">
                        <input type="hidden" id="idDocto" />
                        <div class="table-responsive" style="max-height:500px;overflow:auto">
                            <table class="table table-bordered">
                                <thead>
                                    <tr style="text-align:center;">
                                        <th rowspan="2">Num.Pago</th>
                                        <th rowspan="2">Fecha de Pago</th>
                                        <th colspan="3">Cargo</th>
                                        <th colspan="3">Abono</th>
                                        <th rowspan="2">Saldo</th>
                                    </tr>
                                    <tr style="text-align:center;">
                                        <th>Amortizacion</th>
                                        <th>Moratorio</th>
                                        <th>Total</th>
                                        <th>Abono</th>
                                        <th>Moratorio</th>
                                        <th>Total</th>
                                    </tr>
                                </thead>
                                <tbody id="tableAmortizacion">
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-warning" onclick="imprimirAmortizacion()">Imprimir</button>
                <button type="button" class="btn btn-secondary" id="modalAmortizacionClose" data-bs-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>
<!-- End Modal -->
<!-- Modal Clientes -->
<div class="modal fade" id="selCliente" data-bs-keyboard="false" data-bs-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="selClienteLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl" role="document" style="max-width: 90%;">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="selClienteLabel">Seleccione un Cliente</h5>
            <div style="width:50%">
                <div class="input-group">
                    <input type="text" class="form-control" id="searchCliente" placeholder="Escribe el nombre o clave del cliente" autocomplete="off" />
                    <!-- <button class="btn btn-sm btn-success" type="button" id="btnNewCliente">
                        <i class="mdi mdi-account-plus" style="font-size:1.8em"></i>
                    </button> -->
                </div>
            </div>
        </div>
        <div class="modal-body">
            <div class="table-responsive" style="height:400px;overflow:auto">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>Clave</th>
                            <th>Nombre</th>
                            <th>Clave Lector</th>
                            <th>RFC</th>
                            <th>CURP</th>
                            <th>Telefono</th>
                        </tr>
                    </thead>
                    <tbody id="bodyClientes"></tbody>
                </table>
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" id="selClienteClose" data-bs-dismiss="modal">Cerrar</button>
        </div>
        </div>
    </div>
</div>
<!-- End Modal -->
<!-- Modal Selecciona Nota de Credito -->
<div class="modal fade" id="modalNCxUUID" tabindex="-1" role="dialog" data-bs-backdrop="static" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Seleccione las Notas de Crédito a Aplicar</h5>
            </div>
            <div class="modal-body">
                <input type="hidden" id="uuiddoc" />
                <div class="row">
                    <div class="col-12 col-sm-6 col-md-3 col-lg-2 col-xl-2" style="display:none">
                        <div class="form-group">
                            <span class="x-label">Tipo Documento:</span>
                            <select id="tipodocumentonc" class="x-form-control" onchange="getDoctosNC()">
                                <option value="01">Nota de Crédito</option>
                                <option value="07">Anticipo</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-12 col-sm-6 col-md-4 col-lg-2 col-xl-2">
                        <div class="form-group">
                            <span class="x-label">Fecha inicio:</span>
                            <input type="text" class="form-control x-form-control-sm" onchange="getDoctosNC()" readonly id="busfecininc" value="<?=date('d/m/Y')?>" autocomplete="off"/>
                        </div>
                    </div>
                    <div class="col-12 col-sm-6 col-md-4 col-lg-2 col-xl-2">
                        <div class="form-group">
                            <span class="x-label">Fecha fin:</span>
                            <input type="text" class="form-control x-form-control-sm" onchange="getDoctosNC()" readonly id="busfecfinnc" value="<?=date('d/m/Y')?>" autocomplete="off"/>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-6">
                        <div class="card">
                            <div class="card-header d-flex justify-content-between" style="font-size:1.2em; font-weight:bold; flex-direction: row"> 
                                <div class="p-1">
                                    <i class="icon-edit"></i> <span>Notas de Crédito Disponibles</span>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="row" style="height:300px; overflow:auto">
                                    <div class="table-responsive">
                                        <table class="table table-hover">
                                        <thead>
                                            <tr>
                                                <th>Fecha</th>
                                                <th>Folio NC</th>
                                                <th>Factura Origen</th>
                                                <th>Importe</th>
                                            </tr>
                                        </thead>
                                        <tbody id="tablaNC">
                                        </tbody>
                                        </table>
                                    </div>
                                </div>   
                            </div>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="card">
                            <div class="card-header d-flex justify-content-between" style="font-size:1.2em; font-weight:bold; flex-direction: row"> 
                                <div class="p-1">
                                    <i class="icon-edit"></i> <span>Notas de Crédito por Aplicar</span>
                                </div>
                                <div class="p-1">
                                    <span style="color:gray">Total: $ </span><span style="color:gray" id="divNCTotal">0.00</span>
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive" style="height:300px; overflow:auto">
                                    <table class="table table-striped">
                                        <thead>
                                            <tr>
                                                <th>Fecha</th>
                                                <th>Folio NC</th>
                                                <th>Factura Origen</th>
                                                <th>Importe</th>
                                                <th>Aplicado</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody id="tablaNCAplicar">
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-success" onclick="aplicaNCxUUID()" id="btnAplicarNC">Aplicar</button>
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>
<!-- End Modal -->
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-header d-flex justify-content-between" style="font-size:1.2em; font-weight:bold; flex-direction: row"> 
                <div class="p-1">
                    <i class="icon-edit"></i> <span>Cuentas por Cobrar</span>
                </div>
            </div>
            <div class="card-body" style="padding:10px">
                <div class="row">
                    <div class="col-md-12">                 
                        <div class="row">
                            <div class="col-md-4">     
                                <span class="x-label">Cliente:*</span>
                                <div class="input-group">
                                    <input type="hidden" id="idCxcCliente"/>
                                    <input type="text" class="form-control x-form-control-sm" id="idcliente" style="display:none"/>
                                    <input type="text" class="form-control x-form-control-sm" style="padding:5px !important" id="cliente" placeholder="" readonly autocomplete="off" />
                                    <div class="input-group-append">
                                        <button class="btn btn-sm btn-secondary" type="button" id="btnIdCliente">
                                            <i class="mdi mdi-magnify" style="font-size:1em"></i>
                                        </button>
                                    </div>
                                </div>   
                            </div>
                            <div class="col-1">

                            </div>
                            <div class="col-7">
                                <div class="row m-1" id="divProgress" style="display:none">
                                    <div class="col-2 m-1">
                                        <span class="x-label">
                                            <h4 class="modal-title" style="font-size:1.2em">Dias Atraso:</h4>
                                        </span>
                                    </div>
                                    <div class="col-2 m-1">
                                        <span class="badge rounded-pill bg-warning font-weight-bold" id="diasretraso"></span>
                                    </div>
                                    <div class="col-2 m-1">
                                        <span class="badge rounded-pill bg-success font-weight-bold">Puntuales</span>
                                    </div>
                                    <div class="col-2 m-1">
                                        <span class="badge rounded-pill bg-danger font-weight-bold">Desfazados</span>
                                    </div>
                                    <div class="col-2 m-1">
                                        <span class="badge rounded-pill bg-secondary font-weight-bold">Pendientes</span>
                                    </div>
                                    <div class="progress" style="height: 20px;">
                                        <div class="progress-bar progress-bar-striped progress-bar-animated bg-success" id="barPagados" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 56%"></div>
                                        <div class="progress-bar progress-bar-striped progress-bar-animated bg-danger" id="barDesfazados" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
                                        <div class="progress-bar progress-bar-striped progress-bar-animated bg-secondary" id="barPendientes" role="progressbar" style="width: 30%" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <br>
                <div class="row">
                    <div class="col-10">
                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="pagos-tab" data-bs-toggle="tab" data-bs-target="#pagos" type="button" role="tab" aria-controls="pagos" aria-selected="false" style="display:none">
                                    Documentos
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="reimpresion-tab" data-bs-toggle="tab" data-bs-target="#reimpresion" type="button" role="tab" aria-controls="reimpresion" aria-selected="false" style="display:none">
                                    Pagos y Abonos
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="movimientos-tab" data-bs-toggle="tab" data-bs-target="#movimientos" type="button" role="tab" aria-controls="movimientos" aria-selected="false" style="display:none">
                                    Movimientos
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="edoscuenta-tab" data-bs-toggle="tab" data-bs-target="#edoscuenta" type="button" role="tab" aria-controls="edoscuenta" aria-selected="false" style="display:none">
                                    Estados de Cuenta
                                </button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="datoscredito-tab" data-bs-toggle="tab" data-bs-target="#datoscredito" type="button" role="tab" aria-controls="datoscredito" aria-selected="false" style="display:none">
                                    Información de Crédito
                                </button>
                            </li>
                        </ul>
                    </div>
                    <div class="col-2">
                        <button class="btn btn-primary" id="btnRefinanciamiento" onclick="modalRefinanciamiento()" type="button" style="display:none">
                            Refinanciamiento
                        </button>
                    </div>
                </div>
                <!--////////////////////////////////////////////////////////////////////////////////////////PESTAÑA PAGOS///////////////////////////////////////////////////////////////////////////////-->
                <div class="tab-content" id="myTabContent" style="padding:1em; border: #DDD 1px solid !important; display:none">
                    <div class="tab-pane fade" id="pagos" role="tabpanel" aria-labelledby="pagos-tab">
                        <div class="row">
                            <div class="col-6">
                                <div class="card">
                                    <div class="card-header d-flex justify-content-between" style="font-size:1.2em; font-weight:bold; flex-direction: row"> 
                                        <div class="p-1">
                                            <i class="icon-edit"></i> <span>Documentos por cobrar</span>
                                        </div>
                                        <div class="p-1">
                                            <span style="color:gray">Saldo: $ </span><span style="color:gray" id="divSaldoTotal">0.00</span>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="table-responsive" style="max-height:300px;overflow:auto">
                                            <table class="table table-hover">
                                                <thead>
                                                    <tr>
                                                        <th>Factura</th>
                                                        <th>Documento</th>
                                                        <th>#Pago</th>
                                                        <th>Vencimiento</th>
                                                        <th>Saldo</th>
                                                        <th>Mora.</th>
                                                        <th>Acciones</th>
                                                    </tr>
                                                </thead>
                                                <tbody id="tablaPagos">
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="card">
                                    <div class="card-header d-flex justify-content-between" style="font-size:1.2em; font-weight:bold; flex-direction: row"> 
                                        <div class="p-1">
                                            <i class="icon-edit"></i> <span>Documentos por afectar</span>
                                        </div>
                                        <div class="p-1">
                                        <span style="color:gray">Pago: $ </span><span style="color:gray" id="divPagoTotal">0.00</span>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="table-responsive" style="max-height:300px;overflow:auto">
                                            <table class="table table-hover">
                                            <thead>
                                                <tr>
                                                    <th>Documento</th>
                                                    <th>Num.Pago</th>
                                                    <th>Vencimiento</th>
                                                    <th>Saldo</th>
                                                    <th>Aplicar</th>
                                                </tr>
                                            </thead>
                                            <tbody id="tablaPagosAplicar">
                                            </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <hr/>
                        <div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-header d-flex justify-content-between" style="font-size:1.2em; font-weight:bold; flex-direction: row"> 
                                        <div class="p-1">
                                            <span>Información de Pago</span>
                                        </div>
                                    </div>
                                    <div class="card-body">   
                                        <div class="row">
                                            <div class="col-3">
                                                <div class="row">
                                                    <div class="col-6">
                                                        <div class="form-group">
                                                            <span class="x-label">Fecha:</span>
                                                            <input type="text" class="form-control x-form-control-sm" id="fechaPago" value="<?=date('d/m/Y')?>" disabled autocomplete="off"/>
                                                        </div>
                                                    </div>
                                                    <div class="col-6">
                                                        <div class="form-group">
                                                            <span class="x-label">Hora:</span>
                                                            <input type="time" class="form-control x-form-control-sm" value="<?=date('H:i:s')?>" id="horaPago" readonly autocomplete="off"/>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3 col-lg-3">
                                                <div class="form-group" style="text-align:left">
                                                    <span class="x-label">Almacén:</span>
                                                    <select class="x-form-control" id="almacen"></select>
                                                </div>
                                            </div>
                                            <div class="col-md-3 col-lg-3">
                                                <div class="form-group" style="text-align:left">
                                                    <span class="x-label">Forma Pago:</span>
                                                    <select class="x-form-control" id="formapago" onchange="getCuentasDestino('formapago')"></select>
                                                </div>
                                            </div>
                                            <div class="col-md-3 col-lg-3">
                                                <div class="form-group">
                                                    <span class="x-label">Cuenta:</span>
                                                    <select class="x-form-control" id="cuentadestino"></select>
                                                </div>
                                            </div>
                                            <!-- <div class="col-md-3 col-lg-2" style="display:none">
                                                <div class="form-group">
                                                    <span class="x-label">Vendedor(*):</span>
                                                    <input type="text" class="x-form-control" id="vendedor1" placeholder="Seleccione..." readonly autocomplete="off"  />
                                                    <input type="text" style="display:none" id="vendedorHidden1">
                                                </div>
                                            </div> -->
                                            <div class="col-md-3 col-lg-3">
                                                <div class="form-group">
                                                    Tipo de Pago:*<br/>
                                                    <select class="x-form-control" id="tipoPago">
                                                        
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-3 col-lg-2">
                                                <div class="form-group" style="text-align:left">
                                                    <span class="x-label">Monto a Aplicar:</span>
                                                    <input type="text" class="x-form-control" id="montoTotal" autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-5" style="text-align:left">
                                                <button class="btn btn-warning btnPagar" id="btnNotaAbono" onclick="getNotasAbono()" disabled>Aplicar Nota de Abono</button>
                                                <button class="btn btn-success btnPagar" id="btnPagar" onclick="aplicaPago()" disabled>Aplicar Pago</button>
                                                <button class="btn btn-secondary" onclick="reiniciaPagos()">Reiniciar</button>
                                            </div>
                                        </div>
                                        <!-- <div class="row">
                                            <div class="col-6" style="display:none">
                                                (*) Solo si desea aplicar la comisión a un vendedor diferente del que realizó la venta a crédito.
                                            </div>
                                            <div class="col-12" style="text-align:right">
                                                <button class="btn btn-success" id="btnPagar" onclick="aplicaPago()" disabled>Aplicar Pago</button>
                                                <button class="btn btn-secondary" onclick="reiniciaPagos()">Reiniciar</button>
                                            </div>
                                        </div> -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--////////////////////////////////////////////////////////////////////////////////////////PESTAÑA REIMPRESION///////////////////////////////////////////////////////////////////////////////-->
                    <div class="tab-pane fade" id="reimpresion" role="tabpanel" aria-labelledby="reimpresion-tab">
                        <div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-header d-flex justify-content-between" style="flex-direction: row"> 
                                        <div class="p-1">
                                            <div class="row">
                                                <div class="col-md-5 col-lg-5">
                                                    <div class="form-group">
                                                        <span class="x-label">De:</span>
                                                        <input type="text" class="form-control x-form-control-sm" onchange="changeFechaReimpresion()" id="reimpresionfechainicio" value="<?=date('d/m/Y')?>" readonly autocomplete="off"/>
                                                    </div>
                                                </div>
                                                <div class="col-md-5 col-lg-5">
                                                    <div class="form-group">
                                                        <span class="x-label">Al:</span>
                                                        <input type="text" class="form-control x-form-control-sm" onchange="changeFechaReimpresion()" id="reimpresionfechafin" value="<?=date('d/m/Y')?>" readonly autocomplete="off"/>
                                                    </div>
                                                </div>
                                                <!-- <div class="col-md-3 col-lg-3">
                                                    <div class="form-group" style="text-align:left">
                                                        <span class="x-label">Movimiento:</span>
                                                        <select class="form-select" id="movimiento">
                                                            <option value="%">Todos</option>
                                                            <option value="1">Cargos</option>
                                                            <option value="2">Abonos</option>
                                                            <option value="7">Notas de Crédito</option>
                                                        </select>
                                                    </div>
                                                </div> -->
                                            </div>
                                        </div>
                                        <div class="p-1">
                                            <div class="form-group" style="text-align:left">
                                                <button class="btn btn-success" onclick="changeFechaReimpresion()">Buscar</button>
                                                <button class="btn btn-warning" id="timbrarAll" onclick="timbrarTodo()" style="display:none">Timbrar Todo</button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="table-responsive">
                                            <table id="tablaReimpresion" class="table">
                                                <thead>
                                                    <tr>
                                                        <th>Factura</th>
                                                        <th>Fecha</th>
                                                        <th>Folio</th>
                                                        <th>Almacen Cobro</th>
                                                        <th>Cobrador</th>
                                                        <th>Forma Pago</th>
                                                        <th>Importe</th>
                                                        <th>Acciones</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--////////////////////////////////////////////////////////////////////////////////////////PESTAÑA MOVIMIENTOS///////////////////////////////////////////////////////////////////////////////-->
                    <div class="tab-pane fade" id="movimientos" role="tabpanel" aria-labelledby="movimientos-tab">
                        <div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-header d-flex justify-content-between" style="flex-direction: row"> 
                                        <div class="p-1">
                                            <div class="row">
                                                <div class="col-md-3 col-lg-3">
                                                    <div class="form-group">
                                                        <span class="x-label">De:</span>
                                                        <input type="text" class="form-control x-form-control-sm" id="movfecde" value="<?=date('d/m/Y')?>" readonly autocomplete="off"/>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-lg-3">
                                                    <div class="form-group">
                                                        <span class="x-label">Al:</span>
                                                        <input type="text" class="form-control x-form-control-sm" id="movfecal" value="<?=date('d/m/Y')?>" readonly autocomplete="off"/>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-lg-3">
                                                    <div class="form-group" style="text-align:left">
                                                        <span class="x-label">Movimiento:</span>
                                                        <select class="form-select" id="movimiento">
                                                            <option value="%">Todos</option>
                                                            <option value="1">Cargos</option>
                                                            <option value="2">Abonos</option>
                                                            <option value="7">Notas de Crédito</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="p-1">
                                            <div class="form-group" style="text-align:left">
                                                <button class="btn btn-success" onclick="verMovimientos()">Buscar</button>
                                                <button class="btn btn-secondary" onclick="reiniciaMovimientos()">Reiniciar</button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="table-responsive">
                                            <table id="tablaMovimientos" class="table">
                                                <thead>
                                                    <tr>
                                                        <th>Fecha</th>
                                                        <th>Tipo</th>
                                                        <th>Documento</th>
                                                        <th>Vendedor</th>
                                                        <th>Cargo</th>
                                                        <th>Abono</th>
                                                        <th>Saldo</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--////////////////////////////////////////////////////////////////////////////////////////PESTAÑA FOLIOS///////////////////////////////////////////////////////////////////////////////-->
                    <div class="tab-pane fade" id="edoscuenta" role="tabpanel" aria-labelledby="edoscuenta-tab">
                        <div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-header d-flex justify-content-between" style="flex-direction: row"> 
                                        <div class="p-1">
                                            <div class="row">
                                                <div class="col-md-3 col-lg-3" style="display:none">
                                                    <div class="form-group">
                                                        <span class="x-label">De:</span>
                                                        <input type="text" class="form-control x-form-control-sm" id="edofecde" value="<?=date('d/m/Y')?>" autocomplete="off"/>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-lg-3" style="display:none">
                                                    <div class="form-group">
                                                        <span class="x-label">Al:</span>
                                                        <input type="text" class="form-control x-form-control-sm" id="edofecal" value="<?=date('d/m/Y')?>" autocomplete="off"/>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-lg-3" style="display:none">
                                                    <div class="form-group" style="text-align:left">
                                                        <span class="x-label">Mostrar:</span>
                                                        <select class="form-select" id="mostrar">
                                                            <option value="%">Todos</option>
                                                            <option value="1">Con saldo</option>
                                                            <option value="2">Saldados</option>
                                                            <option value="3">Vencidos</option>
                                                            <option value="4">Sin Vencer</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="p-1">
                                            <div class="form-group" style="text-align:left">
                                                <button class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="top" title="Limpiar" onclick="reiniciaEdoCuenta()">Reiniciar</button>
                                                <button class="btn btn-success" data-bs-toggle="tooltip" data-bs-placement="top" title="Ver Documentos" onclick="verEdoCuenta()">Buscar</button>
                                                <button class="btn btn-primary" data-bs-toggle="tooltip" data-bs-placement="top" title="Imprimir Estado de Cuenta General" onclick="imprimirEdoCuentaGeneral()">Edo. Cta. General</button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div style="height:520px; overflow:auto">
                                            <table id="tableEdoCta" class="table table-striped mx-2">
                                                <thead>
                                                    <tr>
                                                        <th>Tipo</th>
                                                        <th>Documento</th>
                                                        <th>Creado</th>
                                                        <th>Vencimiento</th>
                                                        <th>Dias.Venc.</th>
                                                        <th>Estado</th>
                                                        <th>Cargo</th>
                                                        <th>Abono</th>
                                                        <th>Saldo</th>
                                                        <th>Amort.</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>                            
                        </div>
                    </div>
                    <!--////////////////////////////////////////////////////////////////////////////////////////PESTAÑA FOLIOS///////////////////////////////////////////////////////////////////////////////-->
                    <!-- <div class="tab-pane fade" id="lineacredito" role="tabpanel" aria-labelledby="lineacredito-tab">
                        <div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-header d-flex justify-content-between" style="font-size:1.2em; font-weight:bold; flex-direction: row"> 
                                        <div class="p-1">
                                            <span>Parámetros de la Línea de Crédito</span>
                                        </div>
                                        <div class="p-1">
                                            <div class="form-group" style="text-align:left">
                                                <button class="btn btn-success" onclick="actualizaLineaCredito()">Actualizar</button>
                                                <button class="btn btn-secondary" onclick="limpiar()">Reiniciar</button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-3 col-xl-2">                                                  
                                                <div style="display:inline-block; padding: 10px">
                                                    <label>Fecha de Alta:</label>
                                                    <input type="text" class="x-form-control" id="fecAlta" readonly autocomplete="off"/>
                                                </div>
                                            </div>
                                            <div class="col-3 col-xl-2">                                                  
                                                <div style="display:inline-block; padding: 10px; width: 200px">
                                                    <label>Límite Inferior:</label>
                                                    <input type="number" class="x-form-control" id="limiteInferior" autocomplete="off"/>
                                                </div>
                                            </div>
                                            <div class="col-3 col-xl-2">                                                  
                                                <div style="display:inline-block; padding: 10px; width: 200px">
                                                    <label>Límite Superior:</label>
                                                    <input type="number" class="x-form-control" id="limiteSuperior" autocomplete="off"/>
                                                </div>
                                            </div>
                                            <div class="col-3 col-xl-2">                                                  
                                                <div style="display:inline-block; padding: 10px">
                                                    <label>Fecha de Corte:</label>
                                                    <input type="text" class="x-form-control" id="fecCorte" autocomplete="off"/>
                                                </div>
                                            </div>
                                            <div class="col-3 col-xl-2">                                                  
                                                <div style="display:inline-block; padding: 10px">
                                                    <label>Fecha Límite Pago:</label>
                                                    <input type="text" class="x-form-control" id="fecLimPag" autocomplete="off"/>
                                                </div>
                                            </div>
                                            <div class="col-3 col-xl-2">                                                  
                                                <div style="display:inline-block; padding: 10px">
                                                    <label>Fecha Vigencia:</label>
                                                    <input type="text" class="x-form-control" id="fecVig" autocomplete="off"/>
                                                </div>
                                            </div>
                                            <div class="col-3 col-xl-2">                                                  
                                                <div style="display:inline-block; padding: 10px">
                                                    <label>Plazo Máximo:</label>
                                                    <select class="form-select" id="plazoMax"></select>
                                                </div>
                                            </div>
                                            <div class="col-3 col-xl-2">                                                  
                                                <div style="display:inline-block; padding: 10px">
                                                    <label>Límite Diario:</label>
                                                    <input type="number" class="x-form-control" id="limiteDiario" autocomplete="off"/>
                                                </div>
                                            </div>
                                            <div class="col-3 col-xl-2">                                                  
                                                <div style="display:inline-block; padding: 10px">
                                                    <label>Límite Mensual:</label>
                                                    <input type="number" class="x-form-control" id="limiteMensual" autocomplete="off"/>
                                                </div>
                                            </div>
                                            <div class="col-3 col-xl-2">                                                  
                                                <div style="display:inline-block; padding: 10px">
                                                    <label>Límite Anual:</label>
                                                    <input type="number" class="x-form-control" id="limiteAnual" autocomplete="off"/>
                                                </div>
                                            </div>
                                            <div class="col-3 col-xl-4">                                                  
                                                <div style="display:inline-block; padding: 10px">
                                                    <label>Vendedor Asignado:</label>
                                                    <input type="text" class="x-form-control" id="vendedor2" placeholder="Seleccione..." readonly autocomplete="off"  />
                                                    <input type="text" style="display:none" id="vendedorHidden2">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>                            
                        </div>
                    </div>  -->
                    <!--////////////////////////////////////////////////////////////////////////////////////////PESTAÑA FOLIOS///////////////////////////////////////////////////////////////////////////////-->
                    <div class="tab-pane fade" id="datoscredito" role="tabpanel" aria-labelledby="datoscredito-tab">
                        <div class="row" style="text-align:left">
                            <div class="col-12">
                                <div class="card-actualizar card" style="display:none">
                                    <div class="card-header d-flex justify-content-between" style="font-size:1.2em; font-weight:bold; flex-direction: row"> 
                                        <div class="p-1">
                                            <button class="btn btn-warning" id="btnAnalisis" onclick="analizar()">Análisis de Línea</button>
                                        </div>
                                        <div class="p-1">
                                            <div class="form-group" style="text-align:left">
                                                <button class="btnActualizar btn btn-success" onclick="actualizar()">Actualizar</button>
                                                <button class="btnLimpiar btn btn-secondary" onclick="limpiar()">Reiniciar</button>
                                            </div>
                                        </div>
                                    </div>
                                    
                                </div>
                                <div class="card-actualizar card" style="display:none">
                                    <div class="card-header d-flex justify-content-between" style="font-size:1.2em; font-weight:bold; flex-direction: row"> 
                                        <div class="p-1">
                                            <i class="icon-edit"></i> <span>Datos Personales</span>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-6">
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Razón Social:</span>
                                                    <input type="text" class="x-form-control required" id="cliente1" readonly autocomplete="off" />
                                                    <input type="text" style="display:none" id="idcredito">
                                                </div>
                                            </div>
                                            <div class="col-3">
                                                <div class="form-group">
                                                    Tipo Cliente*<br/>
                                                    <select class="x-form-control" id="tipoclientesat" disabled>
                                                        <option value="FISICA">PERSONA FISICA</option>
                                                        <option value="MORAL">PERSONA MORAL</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-3">
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Vendedor:</span>
                                                    <input type="text" class="x-form-control" id="vendedor0" readonly autocomplete="off" />
                                                    <input type="text" class="required" style="display:none" id="vendedorHidden0">
                                                </div>
                                            </div>
                                            <div class="col-3">                        
                                                <div class="form-group">
                                                    <span class="x-label">RFC:</span>
                                                    <input type="text" class="x-form-control" id="rfc" readonly autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-3">                        
                                                <div class="form-group">
                                                    <span class="x-label">CURP:</span>
                                                    <input type="text" class="x-form-control" id="curp" readonly autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-3">
                                                <div class="form-group">
                                                    CLAVE LECTOR:*<br/>
                                                    <input type="text" maxlength="18" class="x-form-control text-uppercase" readonly id="clavelector" placeholder="" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="col-3">                        
                                                <div class="form-group">
                                                    <span class="x-label">Email:</span>
                                                    <input type="text" class="x-form-control" id="email" readonly autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-2">                        
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Teléfono:</span>
                                                    <input type="text" class="x-form-control required" id="telefono" readonly autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-2">                        
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Nacionalidad:</span>
                                                    <select class="x-form-control required" id="nacionalidad" disabled></select>
                                                </div>
                                            </div>
                                            <div class="col-4">                        
                                                <div class="form-group">
                                                    <span class="x-label">Régimen Fiscal:</span>
                                                    <select class="x-form-control" id="regimenfiscales" disabled></select>
                                                </div>
                                            </div>
                                            <div class="col-4">                        
                                                <div class="form-group">
                                                    <span class="x-label">Uso de CFDI:</span>
                                                    <select class="x-form-control" id="usocfdi" disabled></select>
                                                </div>
                                            </div>
                                            <div class="col-8">
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Calle:</span>
                                                    <input type="text" class="x-form-control required" id="calle" readonly autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-2">                        
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Num. Ext.:</span>
                                                    <input type="text" class="x-form-control required" id="numext" readonly autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-2">                        
                                                <div class="form-group">
                                                    <span class="x-label">Num. Int.:</span>
                                                    <input type="text" class="x-form-control" id="numint" readonly autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-4">                        
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Colonia:</span>
                                                    <input type="text" class="x-form-control required" id="colonia" readonly autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-2">                        
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>C.P:</span>
                                                    <input type="text" class="x-form-control required" id="cp" readonly autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-3">                        
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Estado:</span>
                                                    <select class="x-form-control required" id="estado" disabled onchange="getMunicipios()"></select>
                                                </div>
                                            </div>
                                            <div class="col-3">                        
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Municipio:</span>
                                                    <select class="x-form-control required" id="municipio" disabled></select>
                                                </div>
                                            </div>
                                            <div class="col-12">                        
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Referencias domiciliarias:</span>
                                                    <input type="text" class="x-form-control required" id="referenciasdomiciliarias" autocomplete="off"  />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <br/>
                                <div class="card-actualizar card" style="display:none">
                                    <div class="card-header d-flex justify-content-between" style="font-size:1.2em; font-weight:bold; flex-direction: row"> 
                                        <div class="p-1">
                                            <i class="icon-edit"></i> <span>Datos Socioeconómicos</span>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-md-3">
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Ocupación:</span>
                                                    <select class="x-form-control" id="ocupacion"></select>
                                                </div>
                                            </div>
                                            <div class="col-3">
                                                <div class="form-group">
                                                    <span class="x-label">Empleo:</sup></span>
                                                    <input type="text" class="x-form-control required" id="empleo" autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-3">
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Forma de cobro:</span>
                                                    <select class="x-form-control" id="formacobro">
                                                        <option value="Semanal">Semanal</option>
                                                        <option value="Quincenal">Quincenal</option>
                                                        <option value="Mensual">Mensual</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-3">
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Ingresos($):</span>
                                                    <input type="number" class="x-form-control required" id="ingresos" autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-3">                        
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Gastos($):</span>
                                                    <input type="number" class="x-form-control required" id="gastos" autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-3">                        
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Tipo de Vivienda:</span>
                                                    <select class="x-form-control" id="tipovivienda">
                                                        <option value="Propia">Propia</option>
                                                        <option value="Rentada">Rentada</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-3">                        
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Antigüedad en la vivienda:</span>
                                                    <select class="x-form-control" id="antiguedadvivienda">
                                                        <option value="Menos de 1 año">Menos de 1 año</option>
                                                        <option value="Entre 1 y 3 años">Entre 1 y 3 años</option>
                                                        <option value="Mas de 5 años">Mas de 5 años</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-3">                        
                                                <div class="form-group">
                                                    <span class="x-label">Personas dependientes económicamente:</span>
                                                    <input type="number" class="x-form-control required" id="personasdependientes" autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-3">                        
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Estado Civil:</span>
                                                    <select class="x-form-control required" id="edocivil" onchange="changeEdoCivil()"></select>
                                                </div>
                                            </div>
                                            <div class="col-8" id="conyuge">                        
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Nombre de Conyuge:</span>
                                                    <input type="text" class="x-form-control" id="conyugenombre" autocomplete="off" required="required" />
                                                </div>
                                            </div>
                                            <div class="col-4" id="conyuge">
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Telefono de Conyuge:</span>
                                                    <input type="text" class="x-form-control" id="conyugetelefono" autocomplete="off" required="required" />
                                                </div>
                                            </div>
                                            <!-- <div class="col-8" id="conyuge">                        
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Nombre de Conyuge:</span>
                                                    <input type="text" class="x-form-control required" id="conyugenombre" autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-4" id="conyuge">                        
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Telefono de Conyuge:</span>
                                                    <input type="text" class="x-form-control required" id="conyugetelefono" autocomplete="off"  />
                                                </div>
                                            </div> -->
                                            <div class="col-4">                        
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Cuenta con otro crédito:</span>
                                                    <select class="x-form-control" id="creditootro" onchange="creditootro()">
                                                        <option value="Si">Si</option>
                                                        <option value="No">No</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-4">                        
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>¿Cada cuando paga?:</span>
                                                    <select class="x-form-control" id="creditocuando">
                                                        <option value="Semanal">Semanal</option>
                                                        <option value="Quincenal">Quincenal</option>
                                                        <option value="Mensual">Mensual</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-4">                        
                                                <div class="form-group">
                                                    <span class="x-label">¿Cuanto paga? ($):</span>
                                                    <input type="number" class="x-form-control" id="creditocuanto" autocomplete="off"  />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <br/>
                                <div class="card-actualizar card" style="display:none">
                                    <div class="card-header d-flex justify-content-between" style="font-size:1.2em; font-weight:bold; flex-direction: row"> 
                                        <div class="p-1">
                                            <i class="icon-edit"></i> <span>Referencias</span>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <span class="x-label">Nombre:<sup>(* Referencia 1)</sup></span>
                                                    <input type="text" class="x-form-control required" id="ref1_nombre" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="col-9">                        
                                                <div class="form-group">
                                                    <span class="x-label">Domicilio:<sup>(* Referencia 1)</sup></span>
                                                    <input type="text" class="x-form-control required" id="ref1_domicilio" autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-3">
                                                <div class="form-group">
                                                    <span class="x-label">Telefono:<sup>(* Referencia 1)</sup></span>
                                                    <input type="text" class="x-form-control required" id="ref1_telefono" autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-3">                        
                                                <div class="form-group">
                                                    <span class="x-label">Ocupacion:<sup>(* Referencia 1)</sup></span>
                                                    <select class="x-form-control required" id="ref1_ocupacion"></select>
                                                </div>
                                            </div>
                                            <div class="col-3">
                                                <div class="form-group">
                                                    <span class="x-label">Empleo:<sup>(Referencia 1)</sup></sup></span>
                                                    <input type="text" class="x-form-control" id="ref1_empleo" autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-3">                        
                                                <div class="form-group">
                                                    <span class="x-label">Relación:<sup>(* Referencia 1)</sup></span>
                                                    <input type="text" class="x-form-control required" id="ref1_relacion" autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-3">                        
                                                <div class="form-group">
                                                    <span class="x-label">Tiempo de conocerlo:<sup>(* Referencia 1)</sup></span>
                                                    <input type="text" class="x-form-control required" id="ref1_antiguedad" autocomplete="off"  />
                                                </div>
                                            </div>
                                        </div>
                                        <hr/>
                                        <div class="row">
                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <span class="x-label">Nombre:<sup>(Referencia 2)</sup></span>
                                                    <input type="text" class="x-form-control" id="ref2_nombre" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="col-9">                        
                                                <div class="form-group">
                                                    <span class="x-label">Domicilio:<sup>(Referencia 2)</sup></span>
                                                    <input type="text" class="x-form-control" id="ref2_domicilio" autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-3">
                                                <div class="form-group">
                                                    <span class="x-label">Telefono:<sup>(Referencia 2)</sup></span>
                                                    <input type="text" class="x-form-control" id="ref2_telefono" autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-3">                        
                                                <div class="form-group">
                                                    <span class="x-label">Ocupacion:<sup>(Referencia 2)</sup></span>
                                                    <select class="x-form-control" id="ref2_ocupacion"></select>
                                                </div>
                                            </div>
                                            <div class="col-3">
                                                <div class="form-group">
                                                    <span class="x-label">Empleo:<sup>(Referencia 2)</sup></sup></span>
                                                    <input type="text" class="x-form-control" id="ref2_empleo" autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-3">                        
                                                <div class="form-group">
                                                    <span class="x-label">Relación:<sup>(Referencia 2)</sup></span>
                                                    <input type="text" class="x-form-control" id="ref2_relacion" autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-3">                        
                                                <div class="form-group">
                                                    <span class="x-label">Tiempo de conocerlo:<sup>(Referencia 2)</sup></span>
                                                    <input type="text" class="x-form-control" id="ref2_antiguedad" autocomplete="off"  />
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <br/>
                                <div class="card-actualizar card" style="display:none">
                                    <div class="card-header d-flex justify-content-between" style="font-size:1.2em; font-weight:bold; flex-direction: row"> 
                                        <div class="p-1">
                                            <i class="icon-edit"></i> <span>Datos del Crédito</span>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-2">
                                                <div class="form-group">
                                                    Sucursal:*<br/>
                                                    <select class="x-form-control" id="sucursal">

                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-2">                        
                                                <div class="form-group">
                                                    <span class="x-label" style="color:red"><sup>*</sup>Límite de crédito:</span>
                                                    <input type="number" min="0" max="50000" class="x-form-control required" id="limite" autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-2">
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Mínimo de compra:</span>
                                                    <input type="number" min="0" max="50000" class="x-form-control required" id="limiteinferior" autocomplete="off" />
                                                </div>
                                            </div>
                                            <!-- <div class="col-3">
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Fecha de Corte:</span>
                                                    <input type="text" class="x-form-control" id="fechacorte" readonly autocomplete="off"  />
                                                </div>
                                            </div> -->
                                            <div class="col-2">
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Días límite de pago:</span>
                                                    <input type="number" min="0" max="10" class="x-form-control required" id="diaslimite" autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-2">                        
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Plazo máximo:</span>
                                                    <select class="x-form-control required" id="plazomaximo"></select>
                                                </div>
                                            </div>
                                            <!-- <div class="col-3">                        
                                                <div class="form-group">
                                                    <span class="x-label">Límite diario:</span>
                                                    <input type="number" min="0" max="50000" class="x-form-control" id="limitediario" autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-3">                        
                                                <div class="form-group">
                                                    <span class="x-label">Límite mensual:</span>
                                                    <input type="number" min="0" max="50000" class="x-form-control" id="limitemensual" autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-3">                        
                                                <div class="form-group">
                                                    <span class="x-label">Límite anual:</span>
                                                    <input type="number" min="0" max="50000" class="x-form-control" id="limiteanual" autocomplete="off"  />
                                                </div>
                                            </div> -->
                                            <div class="col-2">                        
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Intereses por Vencido (10%):</span>
                                                    <input type="number" min="0" max="100" class="x-form-control required" id="interesesvencido" autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-2">                        
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Enganche Mínimo (10%):</span>
                                                    <input type="number" min="0" max="100" class="x-form-control required" id="engancheminimo" autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-2">                        
                                                <div class="form-group">
                                                    <span class="x-label" style="color:red"><sup>*</sup>Capacidad pago semanal:</span>
                                                    <input type="number" min="0" max="50000" class="x-form-control" id="capacidad" readonly autocomplete="off"  />
                                                </div>
                                            </div>
                                            <div class="col-2">                                                  
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Fecha Vigencia:</span>
                                                    <input type="text" class="x-form-control" id="fecVig" autocomplete="off"/>
                                                </div>
                                            </div>
                                            <div class="col-2">                        
                                                <div class="form-group">
                                                    <span class="x-label"><sup>*</sup>Estatus:</span>
                                                    <select class="x-form-control" id="estatuscliente">
                                                        <option value="1">Cliente Normal</option>
                                                        <option value="2">Cliente Bloqueado</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-12">
                                                <div class="form-group">
                                                    PORCENTAJES DE ENGANCHES POR GRUPO:*<br/>
                                                    <div class="table-responsive" style="height:200px; overflow:auto">
                                                        <table class="table table-striped">
                                                            <thead>
                                                                <tr>
                                                                    <th style="width: 5%;">#</th>
                                                                    <th style="width: 30%;">Grupo</th>
                                                                    <th style="width: 15%;">Porcentaje</th>
                                                                    <th style="width: 50%;">Tipo</th>
                                                                </tr>
                                                            </thead>
                                                            <tbody id="tableEnganches"></tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-12" style="text-align: right">
                                                <button class="btnActualizar btn btn-success" onclick="actualizar()">Actualizar</button>
                                                <button class="btnLimpiar btn btn-secondary" onclick="limpiar()">Reiniciar</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <br/>
                                <div class="card">
                                    <div class="card-header d-flex justify-content-between" style="font-size:1.2em; font-weight:bold; flex-direction: row"> 
                                        <div class="p-1">
                                            <i class="icon-edit"></i> <span>Contratos</span>
                                        </div>
                                    </div>
                                    <div class="card-body">             
                                        <div class="row">
                                            <div class="col-3">
                                                Ventas del cliente*<br/>
                                                <select id="ventasCliente" class="x-form-control" ></select>
                                            </div>
                                            <!-- <div class="col-md-4">     
                                                <span class="x-label">Cliente:*</span>
                                                <div class="input-group">
                                                    <input type="text" class="form-control x-form-control-sm" id="idcliente" style="display:none"/>
                                                    <input type="text" class="form-control x-form-control-sm" style="padding:5px !important" id="cliente" placeholder="" readonly autocomplete="off" />
                                                    <div class="input-group-append">
                                                        <button class="btn btn-sm btn-secondary" type="button" id="btnIdCliente">
                                                            <i class="mdi mdi-magnify" style="font-size:1em"></i>
                                                        </button>
                                                    </div>
                                                </div>   
                                            </div> -->
                                            <div class="col-5">
                                                Archivo (Solo PDF)<br/>
                                                <div class="input-group">
                                                    <input type="file" id="archivoContrato" name="archivo" class="form-control x-form-control-sm" accept="application/pdf" />
                                                    <div class="input-group-append">
                                                        <button class="btn btn-sm btn-primary" type="button" id="btnVerContrato" onclick="verContratoSeleccionado()">
                                                            <i class="mdi mdi-eye" style="font-size:1em"></i>
                                                        </button>
                                                    </div>
                                                </div>   
                                            </div>  
                                            <div class="col-3">
                                                &nbsp;<br/>
                                                <input type="button" class="btn btn-primary" value="Subir Contrato" id="btnSubirContrato" onClick="subirContratoVenta()" disabled/>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <br/>
                                <div class="card">
                                    <div class="card-header d-flex justify-content-between" style="font-size:1.2em; font-weight:bold; flex-direction: row"> 
                                        <div class="p-1">
                                            <i class="icon-edit"></i> <span>Documentación</span>
                                        </div>
                                        <div class="p-1">
                                            Los documentos marcados con asterísco (*) son obligatorios.
                                        </div>
                                    </div>
                                    <div class="card-body">             
                                        <div class="card-actualizar row" style="display:none">
                                            <div class="col-12 col-md-4">
                                                Tipo de documento*<br/>
                                                <select id="tipodoc" class="x-form-control" ></select>
                                            </div>
                                            <div class="col-12 col-md-4">
                                                Archivo<br/>
                                                <input type="file" id="archivo" name="archivo" class="x-form-control"  />
                                            </div>  
                                            <div class="col-12 col-md-4">
                                                &nbsp;<br/>
                                                <input type="button" class="btn btn-primary" value="Subir Documento" id="btnSubirDocumentacion" onClick="subirDoc()" />
                                            </div>
                                        </div>
                                        <hr/>
                                        <div class="row">
                                            <div class="col-12" id="documentacion">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>                            
                        </div>
                    </div> 
                    <!--////////////////////////////////////////////////////////////////////////////////////////PESTAÑA almacenes///////////////////////////////////////////////////////////////////////////////-->              
                </div>
            </div>
        </div>
    </div>
</div>

<style>
.nav-link.active{
    background: #90caf9 !important
}
/*#bordesTable{
    border: 1px solid #000000;
    text-align: center;
}*/
</style>

@stop
@section('jspage')
    <script src="jsprod/misc.js?v=<?=date('YmdHis')?>"></script>
    <script src="jsprod/cxc.js?v=<?=date('YmdHis')?>"></script>
@stop