@extends('layouts.default')
@section('content')
<!-- Modal Selecciona Documento -->
<div class="modal fade" id="modalDocumentos" 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 los Documentos a Aplicar</h5>
            </div>
            <div class="modal-body">
                <input type="hidden" id="idCotizacion" />
                <input type="hidden" id="totalCotizacion" />
                <div class="row">
                    <div class="col-12 col-sm-6 col-md-3 col-lg-2 col-xl-2">
                        <div class="form-group">
                            <span class="x-label">Tipo Documento:</span>
                            <select id="tipodocumentonc" class="x-form-control" onchange="getDoctosNC()">
                                <option value="07">Anticipo</option>
                                <option value="01">Nota de Crédito</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="15/12/2025" 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="15/12/2025" 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>Documentos 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</th>
                                                <th>Concepto</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>Documentos 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</th>
                                                <th>Concepto</th>
                                                <th>Importe</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-warning" onclick="qfacturaDocumento()" id="btnFacturarSin">Facturar Directo</button> -->
                <button type="button" class="btn btn-success" onclick="qfacturaDocumentoAnt()" id="btnAplicarNC">Facturar</button>
                <button type="button" class="btn btn-secondary" 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-lg" role="document">
        <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>RFC</th>
                                <th>Vendedor</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 Crear Nuevo Cliente -->
<div class="modal fade" id="modalNewCliente" data-bs-keyboard="false" data-bs-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="modalNewClienteLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="modalNewClienteLabel">Nuevo Cliente</h5>    
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-4">     
                        <span class="x-label">Nombre o Razón Social:</span>
                        <div class="input-group">
                            <input type="text" style="display:none" id="factIdCliente">
                            <input type="text" style="display:none" id="factIdPersona">
                            <input type="text" style="display:none" id="factIdDireccion">
                            <!-- <input type="text" style="display:none" id="factTipoCliente"> -->
                            <input type="text" class="form-control x-form-control-sm text-uppercase" style="padding:5px !important" id="factNombre" autocomplete="off" />
                        </div>   
                    </div>
                    <div class="col-2">
                        <div class="form-group">
                            Tipo Cliente*<br/>
                            <select class="x-form-control" id="facttipoclientesat">
                                <option value="FISICA">PERSONA FISICA</option>
                                <option value="MORAL">PERSONA MORAL</option>
                            </select>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <span class="x-label">RFC:</span>
                            <input type="text" maxlength="13" class="x-form-control text-uppercase" id="factRfc" autocomplete="off" />
                        </div>
                    </div>  
                    <div class="col-md-2">
                        <div class="form-group">
                            <span class="x-label">CURP:</span>
                            <input type="text" maxlength="18" class="x-form-control text-uppercase" id="factCurp" autocomplete="off" />
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            CLAVE LECTOR:*<br/>
                            <input type="text" maxlength="18" class="x-form-control text-uppercase" id="factclavelector" placeholder="" autocomplete="off" />
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            <span class="x-label">Telefono:</span>
                            <input type="number" maxlength="10" class="x-form-control" id="factTelefono" autocomplete="off"  />
                        </div>
                    </div>  
                    <div class="col-md-2">                        
                        <div class="form-group">
                            <span class="x-label">Email:</span>
                            <input type="text" class="x-form-control" id="factEmail" autocomplete="off"/>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <span class="x-label">Régimen Fiscal:</span>
                            <select class="x-form-control" id="factRegimen"></select>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="form-group">
                            <span class="x-label">Uso de CFDI:</span>
                            <select class="x-form-control" id="factCfdi"></select>
                        </div>
                    </div>
                    <div class="col-4">                        
                        <div class="form-group">
                            <span class="x-label">Calle:</span>
                            <input type="text" class="x-form-control" id="factCalle" autocomplete="off"/>
                        </div>
                    </div>
                    <div class="col-4">
                        <div class="row">
                            <div class="col-4">          
                                <div class="form-group">
                                    # Exterior:*<br/>
                                    <input type="text" class="x-form-control" id="factNumExterior" autocomplete="off"/>
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="form-group">
                                    # Interior:*<br/>
                                    <input type="text" class="x-form-control" id="factNumInterior" autocomplete="off"/>
                                </div>
                            </div>
                            <div class="col-4">
                                <div class="form-group">
                                    <span class="x-label">C.P:</span>
                                    <input type="number" maxlength="5" class="x-form-control" id="factCodigopostal" autocomplete="off"  />
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-2">                        
                        <div class="form-group">
                            <span class="x-label">Colonia:</span>
                            <input type="text" class="x-form-control" id="factColonia" autocomplete="off"/>
                        </div>
                    </div>
                    <div class="col-md-2">                        
                        <div class="form-group">
                            <span class="x-label">Pais:</span>
                            <select class="x-form-control" id="factPais" onchange="getEstados()">

                            </select>
                        </div>
                    </div>
                    <div class="col-md-2">                        
                        <div class="form-group">
                            <span class="x-label">Estado:</span>
                            <select class="x-form-control" id="factEstado" onchange="getMunicipios()">

                            </select>
                        </div>
                    </div>
                    <div class="col-md-2">                        
                        <div class="form-group">
                            <span class="x-label">Municipio:</span>
                            <select class="x-form-control" id="factMunicipio">

                            </select>
                        </div>
                    </div>
                    <div class="col-md-2">                        
                        <div class="form-group">
                            <span class="x-label">Tipo de cliente:</span>
                            <select class="x-form-control" id="factTipoCliente">

                            </select>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="form-group">
                            Sucursal:*<br/>
                            <select class="x-form-control" id="factsucursal">

                            </select>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" id="modalNewClienteClose" data-bs-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-success" id="modalNewClienteCrear" onclick="agregarCliente()">Crear</button>
            </div>
        </div>
    </div>
</div>
<!-- End Modal -->
<!-- Modal Almacenes -->
<div class="modal fade" id="selAlmacen" tabindex="-1" role="dialog" aria-labelledby="selAlmacenLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="selAlmacenLabel">Seleccione un Almacén</h5>
            <div class="close" style="width:50%">
                <input type="text" class="form-control" id="searchAlmacen" placeholder="Escribe el almacén" autocomplete="off" />
            </div>
        </div>
        <div class="modal-body">
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>Almacén</th>
                            <th>Zona</th>
                        </tr>
                    </thead>
                    <tbody id="bodyAlmacenes"></tbody>
                </table>
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" id="selAlmacenClose" data-bs-dismiss="modal">Cerrar</button>
        </div>
        </div>
    </div>
</div>
<!-- End Modal -->
<!-- Modal Existencia del Articulo en Otros Almacenes -->
<div class="modal fade" id="modalAllExistencias" data-bs-keyboard="false" data-bs-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="modalAllExistenciasLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="modalAllExistenciasLabel">Existencia en otros almacenes</h5>
        </div>
        <div class="modal-body">
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>Almacén</th>
                            <th>Cto. Prom.</th>
                            <th>Existencia</th>
                            <th>Cant. Solicitar</th>
                            <th>Acciones</th>
                        </tr>
                    </thead>
                    <tbody id="dobyArticuloExistencias"></tbody>
                </table>
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" id="modalAllExistenciasClose" 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 Editar -->
<div class="modal fade" id="editItem" tabindex="-1" role="dialog" aria-labelledby="editItemLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="itemDescripcion"></h5>
            <div class="close" style="width:50%">
            </div>
        </div>
        <div class="modal-body">
            <div  style="border: #DDD 1px solid; background-color: #fefefe; padding:10px">
                <div style="text-align: center; justify-content: center; width: 100%; height:150px" id="itemImagen"></div>
                <div style="padding-top:2px; font-size: .9em; font-weight:bold"></div>
                <input type="text" style="display:none" id="itemId"/>
                <input type="text" style="display:none" id="itemIdArt"/>
                <input type="text" style="display:none" id="itemIdArtAlm"/>
                <hr/>
                <div class="row">
                    <div class="col-4">
                        <label>Precio.U:</label><br/>
                        <input type="number" min="0" max="999999" style="font-size:1.5em;text-align:center; width:100%; display:none" id="itemPrecioTXT"/>
                        <select style="font-size:1.5em;text-align:center; width:100%" id="itemPrecioSEL" onchange="activaPrecioTXT()">
                        </select>                                
                    </div>
                    <div class="col-4">
                        <label>Cantidad:</label><br/>
                        <input type="number" min="1" max="99999" style="font-size:1.5em;text-align:center; width:100%" id="itemCantidad"/>
                    </div>
                    <div class="col-4">
                        <label>Descuento: (%)</label><br/>
                        <input type="number" min="0" max="100" style="font-size:1.5em;text-align:center; width:100%" id="itemDescuento"/>
                    </div>
                </div>
                <hr/>                 
                <div style="padding-top:2px; font-size: .9em; text-align: center">
                        <button type="button" class="btn btn-success" onclick="saveEditItem()">
                            ACEPTAR
                        </button>
                        <button type="button" class="btn btn-danger" onclick="cancelEditItem()">
                            CANCELAR
                        </button>
                </div>
            </div>  
        </div>
        <div class="modal-footer" id="itemImporte" style="font-size:1.2em;font-weight:bold">
            
        </div>
        </div>
    </div>
</div>
<!-- End Modal -->
<!-- Modal Documentos -->
<div class="modal fade" id="selDocumentos" tabindex="-1" role="dialog" aria-labelledby="selDocumentosLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
        <div class="modal-body">  
            <div class="row">       
                <div class="col-md-4">                        
                    <div class="form-group">
                        <span class="x-label">Fecha:</span>
                        <input type="text" class="x-form-control" id="fechaDoc" value="15/12/2025"  readonly autocomplete="off"/>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <span class="x-label">Cliente:</span>
                        <input type="text" class="x-form-control" id="clienteDoc" autocomplete="off">
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <button class="btn btn-primary" onclick="verDocumentos()">Ver</button>
                    </div>
                </div>
            </div> 
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                        <tr>
                            <th>Tipo</th>
                            <th>Fecha</th>
                            <th>Folio</th>
                            <th>Cliente</th>
                            <th>Total</th>
                        </tr>
                    </thead>
                    <tbody id="bodyDocumentos"></tbody>
                </table>
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-secondary" id="selDocumentosClose" data-bs-dismiss="modal">Cerrar</button>
        </div>
        </div>
    </div>
</div>
<!-- End Modal -->
<!-- Modal Documentos -->
<div class="modal fade" id="accionFactura" tabindex="-1" role="dialog" aria-labelledby="accionFacturaLabel" 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</h5>
        </div>
        <div class="modal-body">  
            <div class="row">       
                <div class="col-md-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"/>
                    <input type="hidden" id="uuid"/>
                </div>
                <div class="col-md-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-md-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-danger" style="float:left" id="cancelarFactura">Cancelar Factura</button>
            <button type="button" class="btn btn-secondary" id="accionFacturaClose" data-bs-dismiss="modal">Cerrar</button>
        </div>
        </div>
    </div>
</div>
<!-- End Modal -->
<div class="row">
    <div class="col-12 col-md-12">
        <ul class="nav nav-tabs" id="myTab" role="tablist">
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="facturaciongeneral-tab" data-bs-toggle="tab" data-bs-target="#facturaciongeneral" type="button" role="tab" aria-controls="modulos" aria-selected="false" style="display:none">
                    Facturación General
                </button>
            </li>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="facturapersonalizada-tab" data-bs-toggle="tab" data-bs-target="#facturapersonalizada" type="button" role="tab" aria-controls="almacenes" aria-selected="false" style="display:none">
                    Documento Personalizado
                </button>
            </li>
        </ul>
        <!--////////////////////////////////////////////////////////////////////////////////////////PESTAÑA modulos///////////////////////////////////////////////////////////////////////////////-->
        <div class="tab-content" id="myTabContent" style="padding:1em; border: #DDD 1px solid !important; background-color:#fff; text-align:left; display:none;">
            <div class="tab-pane fade" id="facturaciongeneral" role="tabpanel" aria-labelledby="facturaciongeneral-tab">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">                    
                                <div class="row">
                                    <div class="col-2">
                                        <div class="form-group">
                                            <span class="x-label">Sucursal:</span>
                                            <select class="x-form-control" id="almacen"></select>
                                        </div>
                                    </div>
                                    <div class="col-md-2">     
                                        <span class="x-label">FOLIO:</span>
                                        <div class="input-group">
                                            <input type="text" class="form-control x-form-control-sm editInputs" style="padding:5px !important" id="folio" autocomplete="off" />
                                        </div>   
                                    </div>
                                    <div class="col-md-4">
                                        <div class="form-group">
                                            <span class="x-label">Cliente:</span>
                                            <input type="text" class="x-form-control editInputs" id="cliente" placeholder="" readonly autocomplete="off" />
                                            <input type="text" style="display:none" id="clienteHidden">
                                        </div>
                                    </div>
                                    <div class="col-2">
                                        <div class="form-group">
                                            <span class="x-label">Tipo de Venta:</span>
                                            <select class="x-form-control editInputs" id="metodopago"></select>
                                        </div>
                                    </div>
                                    <div class="col-2">
                                        <div class="form-group">
                                            <span class="x-label">Forma de Pago:</span>
                                            <select class="x-form-control editInputs" id="formapago"></select>
                                        </div>
                                    </div>                
                                    <div class="col-2">                        
                                        <div class="form-group">
                                            <span class="x-label">Fecha de:</span>
                                            <input type="text" class="x-form-control editInputs" id="fechade" value="15/12/2025"  autocomplete="off"/>
                                        </div>
                                    </div>                    
                                    <div class="col-2">                        
                                        <div class="form-group">
                                            <span class="x-label">Fecha hasta:</span>
                                            <input type="text" class="x-form-control editInputs" id="fechahasta" value="15/12/2025"  autocomplete="off"/>
                                        </div>
                                    </div>
                                    <div class="col-2" style="display:none">
                                        <div class="form-group">
                                            <span class="x-label">Sistema:</span>
                                            <select class="x-form-control" id="sistema" onchange="changeSistema()">
                                                <option value="sitex">SitexERP</option>
                                            </select>
                                        </div>
                                    </div>     
                                    <div class="col-2">
                                        <div class="form-group">
                                            <span class="x-label">Status:</span>
                                            <select class="x-form-control editInputs" id="status">
                                                <option value="all">TODOS</option>
                                                <option value="3">FACTURADOS</option>
                                                <option value="2">NO FACTURADOS</option>
                                            </select>
                                        </div>
                                    </div>      
                                    <div class="col-2">
                                        <div class="form-group">
                                            <span class="x-label">Importe de:</span>
                                            <input type="text" class="x-form-control editInputs" id="montode"  autocomplete="off"/>
                                        </div>
                                    </div>         
                                    <div class="col-2">
                                        <div class="form-group">
                                            <span class="x-label">Importe hasta:</span>
                                            <input type="text" class="x-form-control editInputs" id="montohasta"  autocomplete="off"/>
                                        </div>
                                    </div>    
                                    <div class="col-2">
                                        <button class="btn btn-primary" onclick="getRemisiones()">Filtrar</button>
                                    </div>
                                    <div class="col-3">
                                        <div class="form-group">
                                            <input type="checkbox" class="editInputs" id="checkAll" />
                                            <span class="x-label">Seleccionar todos</span>
                                        </div>
                                    </div> 
                                </div>
                                <div class="row" style="height:300px; overflow:auto">                
                                    <div class="col-md-12">
                                        <table class="table table-striped">
                                            <tbody id="detSel">
                                                
                                            </tbody>
                                        </table>
                                    </div>     
                                </div>      
                                <div class="row">
                                    <div class="col-12">
                                        <hr/>
                                    </div>
                                </div>          
                                <div class="row" style="padding-top:20px">
                                    <div class="col-12 col-sm-12 col-md-7 col-lg-8 col-xl-8">
                                        <div class="row">
                                            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                <div class="form-group">
                                                    <span class="x-label">Nombre o razón social:</span>
                                                    <input type="text" class="x-form-control editInputs" id="clienteF" autocomplete="off" />
                                                    <input type="text" style="display:none" id="clienteHiddenF">
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                <div class="form-group">
                                                    <span class="x-label">RFC:</span>
                                                    <input type="text" class="x-form-control editInputs" id="rfcF" autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                                                <div class="form-group">
                                                    <span class="x-label">C.P.:</span>
                                                    <input type="number" maxlength="5" class="x-form-control editInputs" id="codigopostalF"autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-3 col-md-3 col-lg-2 col-xl-2">
                                                <div class="form-group">
                                                    <span class="x-label">Forma Pago:</span>
                                                    <!-- <input type="text" class="x-form-control" id="formapagof" readonly autocomplete="off" /> -->
                                                    <select class="x-form-control editInputs" id="formapagof"></select>
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-9 col-md-9 col-lg-10 col-xl-10">
                                                <div class="row">
                                                    <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                        <div class="form-group">
                                                            <span class="x-label">Uso de CFDI:</span>
                                                            <select class="x-form-control editInputs" id="usocfdif"></select>
                                                        </div>
                                                    </div>
                                                    <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                        <div class="form-group">
                                                            <span class="x-label">Régimen Fiscal:</span>
                                                            <select class="x-form-control editInputs" id="regimenFiscal"></select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>                                        
                                        <div class="row" id="divFG">
                                            <div class="col-12 col-sm-3 col-md-3 col-lg-3 col-xl3">
                                                <div class="form-group">
                                                    <input type="checkbox" class="form-check-input editInputs" id="checkfg" onclick="selFG()">
                                                    <label class="form-check-label" for="checkChecked">
                                                        Facturación Global
                                                    </label>
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-3 col-md-3 col-lg-3 col-xl-3" style="display:none" id="divAnio">
                                                <div class="form-group">
                                                    <span class="x-label">Año:</span>
                                                    <select class="x-form-control" id="anio" disabled>
                                                        <option value='2025'>2025</option><option value='2024'>2024</option>                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-3 col-md-3 col-lg-3 col-xl-3" style="display:none" id="divMes">
                                                <div class="form-group">
                                                    <span class="x-label">Mes:</span>
                                                    <select class="x-form-control" id="mes" disabled>
                                                        <option value='01'>Enero</option><option value='02'>Febrero</option><option value='03'>Marzo</option><option value='04'>Abril</option><option value='05'>Mayo</option><option value='06'>Junio</option><option value='07'>Julio</option><option value='08'>Agosto</option><option value='09'>Septiembre</option><option value='10'>Octubre</option><option value='11'>Noviembre</option><option value='12' selected>Diciembre</option>                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-3 col-md-3 col-lg-3 col-xl-3" style="display:none" id="divPeriodicidad">
                                                <div class="form-group">
                                                    <span class="x-label">Periodicidad:</span>
                                                    <select class="x-form-control" id="periodicidad" disabled></select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>  
                                    <div class="col-4 col-sm-6 col-md-2 col-lg-2 col-xl-2">
                                        <div style="float:left; margin-right:5px">
                                            <button type="button" class="btn btn-success" style="margin:3px" onclick="facturarGrupal()" id="btnFacturar" disabled>
                                                <i class="mdi mdi-check" style="font-size:3.4em"></i>
                                                <br/>
                                                Facturar
                                            </button>
                                        </div>                   
                                    </div> 
                                    <div class="col-8 col-sm-6 col-md-3 col-lg-2 col-xl-2">
                                        <div class="row">
                                            <div class="col-6 col-sm-6 col-md-6">
                                                Subtotal:
                                            </div>
                                            <div class="col-6 col-sm-6 col-md-6" style="text-align:right" id="subtotal">
                                                $ 0.00
                                            </div>                    
                                            <div class="col-6 col-sm-6 col-md-6">
                                                Desc.:
                                            </div>
                                            <div class="col-6 col-sm-6 col-md-6" style="text-align:right" id="descuento">
                                                $ 0.00
                                            </div>                    
                                            <div class="col-6 col-sm-6 col-md-6">
                                                I.V.A:
                                            </div>
                                            <div class="col-6 col-sm-6 col-md-6" style="text-align:right" id="iva">
                                                $ 0.00
                                            </div>                   
                                            <div class="col-6 col-sm-6 col-md-6">
                                                <b>TOTAL:</b>
                                            </div>
                                            <div class="col-6 col-sm-6 col-md-6" style="text-align:right" id="total">
                                                <b>$ 0.00</b>
                                            </div>
                                        </div>
                                    </div>                   
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        <!--////////////////////////////////////////////////////////////////////////////////////////PESTAÑA FACTURACION PERSONALIZADA///////////////////////////////////////////////////////////////////////////////-->
            <div class="tab-pane fade" id="facturapersonalizada" role="tabpanel" aria-labelledby="facturapersonalizada-tab">
                <div class="row">
                    <div class="col-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-12 col-sm-3 col-md-2 col-lg-2 col-xl-2">
                                        <div class="form-group">
                                            <span class="x-label">Tipo:</span>
                                            <select class="x-form-control" id="ptipofact">
                                                <option value="FP">FACTURA</option>
                                                <option value="NCD">NOTA DE CREDITO</option>
                                                <option value="NCG">NOTA DE CARGO</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-12 col-sm-3 col-md-2 col-lg-2 col-xl-2">
                                        <div class="form-group">
                                            <span class="x-label">Servicio:</span>
                                            <select class="x-form-control" id="pcodigo" onchange="conceptoFac()">
                                                <option value="CONSREST">CONSUMO DE ALIMIENTOS</option>
                                                <option value="RENTHAB">RENTA DE HABITACIÓN</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-12 col-sm-3 col-md-2 col-lg-2 col-xl-2">
                                        <div class="form-group">
                                            <span class="x-label">Clave SAT:</span>
                                            <input type="text" class="x-form-control" id="pclavesat" autocomplete="off" />
                                        </div>
                                    </div>
                                    <div class="col-12 col-sm-3 col-md-2 col-lg-2 col-xl-2">
                                        <div class="form-group">
                                            <span class="x-label">Unidad de Medida:</span>
                                            <select class="x-form-control" id="punidad"></select>
                                        </div>
                                    </div>
                                    <div class="col-12 col-sm-3 col-md-4 col-lg-4 col-xl-4">
                                        <div class="form-group">
                                            <span class="x-label">Concepto:</span>
                                            <input type="text" class="x-form-control" id="pconcepto" autocomplete="off" />
                                        </div>
                                    </div>
                                    <div class="col-12 col-sm-3 col-md-2 col-lg-2 col-xl-2">
                                        <div class="form-group">
                                            <span class="x-label">Precio C/IVA:</span>
                                            <input type="text" class="x-form-control" id="pprecio" autocomplete="off" value="0" onkeyup="changePrecioF()" />
                                        </div>
                                    </div>
                                    <div class="col-12 col-sm-3 col-md-2 col-lg-2 col-xl-2">
                                        <div class="form-group">
                                            <span class="x-label">Descuento:</span>
                                            <input type="text" class="x-form-control" id="pdescuento" autocomplete="off" value="0" />
                                        </div>
                                    </div>
                                    <div class="col-12 col-sm-3 col-md-2 col-lg-2 col-xl-2">
                                        <div class="form-group">
                                            <span class="x-label">Cantidad:</span>
                                            <input type="text" class="x-form-control" id="pcantidad" autocomplete="off" value="1" onkeyup="changePrecioF()" />
                                        </div>
                                    </div>
                                    <div class="col-12 col-sm-3 col-md-2 col-lg-2 col-xl-2">
                                        <div class="form-group">
                                            <span class="x-label">Importe:</span>
                                            <input type="text" class="x-form-control" id="pimporte" autocomplete="off" value="0" />
                                        </div>
                                    </div>
                                    <div class="col-2">
                                        <button class="btn btn-primary" onclick="addConcepto()">Agregar</button>
                                    </div>
                                </div>
                                <div class="row" style="height:300px; overflow:auto">                
                                    <div class="col-md-12">
                                        <table class="table table-striped">
                                            <thead>
                                                <tr>
                                                    <th>CODIGO</th>
                                                    <th>CLAVE SAT</th>
                                                    <th>UNIDAD</th>
                                                    <th>CONCEPTO</th>
                                                    <th>PRECIO</th>
                                                    <th>DESC.</th>
                                                    <th>CANT.</th>
                                                    <th>IMPORTE</th>
                                                </tr>
                                            </thead>
                                            <tbody id="conceptos">
                                                
                                            </tbody>
                                        </table>
                                    </div>     
                                </div>      
                                <div class="row">
                                    <div class="col-12">
                                        <hr/>
                                    </div>
                                </div>          
                                <div class="row" style="padding-top:20px">
                                    <div class="col-12 col-sm-12 col-md-7 col-lg-8 col-xl-8">
                                        <div class="row">
                                            <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                <div class="form-group">
                                                    <span class="x-label">Nombre o razón social:</span>
                                                    <input type="text" class="x-form-control" id="clienteF2" autocomplete="off" value="PUBLICO GENERAL" />
                                                    <input type="text" style="display:none" id="clienteF2Hidden">
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                <div class="form-group">
                                                    <span class="x-label">RFC:</span>
                                                    <input type="text" class="x-form-control" id="rfcF2" autocomplete="off" value="XAXX010101000" />
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-2 col-md-2 col-lg-2 col-xl-2">
                                                <div class="form-group">
                                                    <span class="x-label">C.P.:</span>
                                                    <input type="number" maxlength="5" class="x-form-control" id="codigopostalF2" autocomplete="off" value="30500" />
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-3 col-md-3 col-lg-2 col-xl-2">
                                                <div class="form-group">
                                                    <span class="x-label">Metodo de Pago:</span>
                                                    <select class="x-form-control" id="ptipofactura" onchange="changeMetodoPago()">
                                                        <option value="PUE">CONTADO</option>
                                                        <option value="PPD">CREDITO</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-3 col-md-3 col-lg-2 col-xl-2">
                                                <div class="form-group">
                                                    <span class="x-label">Forma Pago:</span>
                                                    <select class="x-form-control" id="formapagof2"></select>
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-9 col-md-9 col-lg-8 col-xl-8">
                                                <div class="row">
                                                    <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                        <div class="form-group">
                                                            <span class="x-label">Uso de CFDI:</span>
                                                            <select class="x-form-control" id="usocfdif2"></select>
                                                        </div>
                                                    </div>
                                                    <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6">
                                                        <div class="form-group">
                                                            <span class="x-label">Régimen Fiscal:</span>
                                                            <select class="x-form-control" id="regimenFiscal2"></select>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                <div class="form-group">
                                                    <span class="x-label">Documento Relacionado (UUID):</span>
                                                    <input type="text" class="form-control x-form-control-sm" id="foliofiscal" placeholder="Seleccione..." readonly autocomplete="off" />
                                                </div>
                                            </div>
                                            <div class="col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4">
                                                <div class="form-group">
                                                    <span class="x-label">Tipo de Registro:</span>
                                                    <select class="x-form-control" id="tiporegistro">
                                                        <option value="F">FISCAL</option>
                                                        <option value="I">INTERNA</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                    </div>  
                                    <div class="col-4 col-sm-6 col-md-2 col-lg-2 col-xl-2">
                                        <div style="float:left; margin-right:5px">
                                            <button type="button" class="btn btn-success" style="margin:3px" onclick="facturarPersonalizada()" id="btnFacturar2" disabled>
                                                <i class="mdi mdi-check" style="font-size:3.4em"></i>
                                                <br/>
                                                Facturar
                                            </button>
                                        </div>                   
                                    </div> 
                                    <div class="col-8 col-sm-6 col-md-3 col-lg-2 col-xl-2">
                                        <div class="row">
                                            <div class="col-6 col-sm-6 col-md-6">
                                                Subtotal:
                                            </div>
                                            <div class="col-6 col-sm-6 col-md-6" style="text-align:right" id="subtotal2">
                                                $ 0.00
                                            </div>                    
                                            <div class="col-6 col-sm-6 col-md-6">
                                                Desc.:
                                            </div>
                                            <div class="col-6 col-sm-6 col-md-6" style="text-align:right" id="descuento2">
                                                $ 0.00
                                            </div>                    
                                            <div class="col-6 col-sm-6 col-md-6">
                                                I.V.A:
                                            </div>
                                            <div class="col-6 col-sm-6 col-md-6" style="text-align:right" id="iva2">
                                                $ 0.00
                                            </div>                   
                                            <div class="col-6 col-sm-6 col-md-6">
                                                <b>TOTAL:</b>
                                            </div>
                                            <div class="col-6 col-sm-6 col-md-6" style="text-align:right" id="total2">
                                                <b>$ 0.00</b>
                                            </div>
                                        </div>
                                    </div>                   
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@stop
@section('jspage')
  <script src="jsprod/misc.js?v=20251215202500"></script>
  <script src="jsprod/facturacion.js?v=20251215202500"></script>
@stop