@extends('layouts.default')
@section('content')


<!-- Modal Search Cuenta Contable -->
<div class="modal fade" id="ModalSearchCuentasContables" 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" id="selProveedorLabel">Seleccione una cuenta contable</h5>
                <div style="width:50%">
                    <input type="text" class="form-control" id="searchCuenta" placeholder="Escribe el nombre o cuenta contable" autocomplete="off" />
                </div>
            </div>
            <div class="modal-body">
                <div class="table-responsive" style="height:400px;overflow:auto">
                    <table id="bodyCuentas" class="table table-striped">
                        <thead>
                            <tr>
                                <th>Numero</th>
                                <th>Descripcion</th>
                                <th>Cod. Agrupador</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                </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 Detalle -->
<div class="modal fade" id="modalDetalle" tabindex="-1" data-bs-keyboard="false" data-bs-backdrop="static" role="dialog" aria-labelledby="modalDetalleLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl" role="document" style="max-width: 90%;">
        <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="card">
                        <div class="card-header d-flex" style="font-size:1.2em; font-weight:bold; flex-direction: row"> 
                            <div class="p-1" id="tituloAsiento">
                                
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12" style="text-align:right">
                                    <div class="row">
                                        <div class="col-2">
                                            <div class="form-group" style="text-align:left">
                                                <span class="x-label">Centro de Costo:</span>
                                                <select class="x-form-control" id="detcentrocosto"></select>
                                            </div>
                                        </div>
                                        <div class="col-2">                             
                                            <input type="hidden" id="detmayor"/>
                                            <div class="form-group" style="text-align:left">
                                                <span class="x-label">Cuenta:</span>
                                                <div class="input-group">
                                                    <input type="text" class="form-control x-form-control-sm" style="padding:5px !important" id="detcuenta" onkeyup="changeDetCuenta(-1)" autocomplete="off" />
                                                    <div class="input-group-append" style="height:30px">
                                                        <button class="btn btn-sm btn-primary" style="height:30px" onclick="abreModalCuentas()">
                                                            <i class="mdi mdi-magnify" style="font-size:1em"></i>
                                                        </button>
                                                    </div>
                                                </div>  
                                            </div>
                                        </div>
                                        <div class="col-4">
                                            <div class="form-group" style="text-align:left">
                                                <span class="x-label">Descripción:</span>
                                                <input type="text" class="x-form-control" readonly id="detdescripcion" />
                                            </div>
                                        </div>
                                        <div class="col-3">
                                            <div class="row">
                                                <div class="col-6">
                                                    <div class="form-group" style="text-align:left">
                                                        <span class="x-label">Cargo:</span>
                                                        <input type="number" class="x-form-control" id="detcargo" />
                                                    </div>
                                                </div>
                                                <div class="col-6">
                                                    <div class="form-group" style="text-align:left">
                                                        <span class="x-label">Abono:</span>
                                                        <input type="number" class="x-form-control" id="detabono" />
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-1">
                                            <button class="btn btn-info" onclick="agregaDetalle()"><i class="mdi mdi-table-column-plus-after"></i></button>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12" style="text-align:right">                                
                                    <input type="hidden" id="idAsiento"/>
                                    <table class="table table-bordered">
                                        <col width="15%" />
                                        <col width="15%" />
                                        <col width="35%" />
                                        <col width="15%" />
                                        <col width="15%" />
                                        <thead>
                                            <tr>
                                                <th>Centro de Costo</th>
                                                <th>Cuenta</th>
                                                <th>Descripción</th>
                                                <th id="titleDetCargo">Cargo</th>
                                                <th id="titleDetAbono">Abono</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody id="asientodetalle">
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-danger" onclick="qEliminaAsiento()">Eliminar</button>
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
            <button type="button" class="btn btn-success" onclick="actualizarDetalle()">Actualizar</button>
        </div>
        </div>
    </div>
</div>
<!-- End Modal -->

<!-- Modal Seleccionar Cuenta Contable -->
<div class="modal fade" id="ModalCuentasContables" data-bs-keyboard="false" data-bs-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="modalDetalleCorteLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="selClienteLabel">Seleccione un Cuenta Contable</h5>
                <div style="width:50%">
                    <div class="input-group">
                        <input type="text" class="form-control" id="searchCuentaContable" placeholder="Escribe la cuenta contable o su descripcion" autocomplete="off" />
                    </div>
                </div>
            </div>
            <div class="modal-body">
                <div class="table-responsive" style="height:500px;overflow:auto">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>Cuenta</th>
                                <th>Descripcion</th>
                                <th>Nivel</th>
                                <th>Codigo Agrupador</th>
                            </tr>
                        </thead>
                        <tbody id="bodyCuentasContables"></tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" onclick="cierraModalSearchCtas()">Cerrar</button>
            </div>
        </div>
    </div>
</div>
<!-- End Modal -->

<!-- Modal Detalle -->
<div class="modal fade" id="modalNewAsiento" tabindex="-1" role="dialog" aria-labelledby="modalNewAsientoLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl" 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="card">
                        <div class="card-header d-flex" style="font-size:1.2em; font-weight:bold; flex-direction: row"> 
                            <div class="p-1">
                                Creación de Asiento Contable
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12" style="text-align:right">
                                    <div class="row">
                                        <div class="col-3">
                                            <div class="form-group" style="text-align:left">
                                                <span class="x-label">Tipo:</span>
                                                <select class="x-form-control" id="asitipo"></select>
                                            </div>
                                        </div>
                                        <div class="col-3">                             
                                            <input type="hidden" id="detmayor"/>
                                            <div class="form-group" style="text-align:left">
                                                <span class="x-label">Concepto:</span>
                                                <input type="text" class="x-form-control" id="asiconcepto" />
                                            </div>
                                        </div>
                                        <div class="col-3">
                                            <div class="form-group" style="text-align:left">
                                                <span class="x-label">Referencia:</span>
                                                <input type="text" class="x-form-control" id="asireferencia" />
                                            </div>
                                        </div>
                                        <div class="col-3">
                                            <div class="form-group" style="text-align:left">
                                                <span class="x-label">Fecha:</span>
                                                <input type="text" class="x-form-control" id="asifecha" />
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Cerrar</button>
            <button type="button" class="btn btn-success" onclick="crearAsiento()">Crear</button>
        </div>
        </div>
    </div>
</div>
<!-- End Modal -->


<!-- Modal Detalle -->
<div class="modal fade" id="modalImportar" tabindex="-1" role="dialog" aria-labelledby="modalImportarLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">            
            <div class="modal-header">
                <b>Importación de Asientos</b>
            </div>
            <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="card">
                            <div class="card-body"> -->
                                <div class="row">
                                    <div class="col-4">
                                        <div class="form-group" style="text-align:left">
                                            <span class="x-label">Centro de Costo:</span>
                                            <select class="form-select" id="a_centrocosto"></select>
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        <div class="form-group" style="text-align:left">
                                            <span class="x-label">Archivo Excel:</span>
                                            <input class="form-control" type="file" accept="application/vnd.ms-excel" id="a_archivo">
                                        </div>
                                    </div>
                                    <div class="col-4">
                                        &nbsp;</br>
                                        <button type="button" class="btn btn-primary" onclick="importarAsiento()">Importar</button>&nbsp;
                                        <button type="button" class="btn btn-warning" onclick="descargarPlantilla()">Descargar Plantilla</button>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-12">
                                        <table class="table table-bordered">
                                            <thead>
                                                <tr>
                                                    <th>Asiento</th>
                                                    <th>Movimientos</th>
                                                    <th>Cargos</th>
                                                    <th>Abonos</th>
                                                    <th>Estado</th>
                                                </tr>
                                            </thead>
                                            <tbody id="bodyImportacion">
                                                <tr>
                                                    <td id="a_descripcion"></td>
                                                    <td id="a_movimientos"></td>
                                                    <td id="a_cargos"></td>
                                                    <td id="a_abonos"></td>
                                                    <td id="a_estado"></td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            <!-- </div>
                        </div> -->
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Cerrar</button>
                <button type="button" class="btn btn-success" onclick="guardarImportacion()">Crear</button>
            </div>
        </div>
    </div>
</div>
<!-- End Modal -->

<!-- Modal Detalle -->
<div class="modal fade" id="modalDetalleCorte" tabindex="-1" role="dialog" aria-labelledby="modalDetalleCorteLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl" 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="card">
                        <div class="card-header d-flex" style="font-size:1.2em; font-weight:bold; flex-direction: row"> 
                            <div class="p-1" id="tituloDetalleCorte">
                                
                            </div>
                        </div>
                        <div class="card-body">
                            <div class="row">
                                <div class="col-12" style="text-align:right">                                
                                    <input type="hidden" id="idCorte"/>
                                    <table class="table table-bordered">
                                        <col width="25%" />
                                        <col width="30%" />
                                        <col width="25%" />
                                        <col width="20%" />
                                        <thead>
                                            <tr>
                                                <th>Folio</th>
                                                <th>Forma de Pago</th>
                                                <th>Monto</th>
                                                <th></th>
                                            </tr>
                                        </thead>
                                        <tbody id="cortedetalle">
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Cerrar</button>
            <button type="button" class="btn btn-success" onclick="actualizarDetalleCorte()">Aplicar</button>
        </div>
        </div>
    </div>
</div>
<!-- End Modal -->
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-body" style="padding:10px">                
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link active" id="polizas-tab" data-bs-toggle="tab" data-bs-target="#polizas" type="button" role="tab" aria-controls="polizas" aria-selected="false">
                            Asientos Contables
                        </button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="auxiliar-tab" data-bs-toggle="tab" data-bs-target="#auxiliar" type="button" role="tab" aria-controls="auxiliar" aria-selected="false">
                            Auxiliar Contable
                        </button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="traspaso-tab" data-bs-toggle="tab" data-bs-target="#traspaso" type="button" role="tab" aria-controls="traspaso" aria-selected="false">
                            Validación de Saldos (Cortes de Caja)
                        </button>
                    </li>
                </ul>
<!--////////////////////////////////////////////////////////////////////////////PESTAÑA AUXILIAR CONTABLE///////////////////////////////////////////////////////////////////////////////-->
                <div class="tab-content" id="myTabContent" style="padding:1em; border: #DDD 1px solid !important">
                    <div class="tab-pane fade" id="auxiliar" role="tabpanel" aria-labelledby="auxiliar-tab">
                        <div class="row">
                            <div class="col-12">
                                <div class="row justify-content-end">
                                    <div class="col-3 mr-2">
                                        <button class="btn btn-primary" onclick="verMovimientos()">Generar</button>
                                        <button class="btn btn-secondary" onclick="reiniciaMovimientos()">Reiniciar</button>
                                        <button class="btn btn-success" id="btnExportarAuxiliar" >Exportar</button>
                                    </div>
                                </div>
                                <br>
                                <div class="card">
                                    <div class="card-header" style="font-weight:bold; flex-direction: row"> 
                                        <div class="row">
                                            <div class="col-md-3 col-lg-3">
                                                <div class="form-group" style="text-align:left">
                                                    <span class="x-label">Centro de Costos:</span>
                                                    <select class="form-select" id="movcentrocosto"></select>
                                                </div>
                                            </div>
                                            <div class="col-md-3 col-lg-2">
                                                <div class="form-group" style="text-align:left">
                                                    <span class="x-label">Ejercicio:</span>
                                                    <select class="form-select" id="movejercicio" onchange="changeEjercicioPeriodo()">
                                                        <option value="0"></option>
                                                        <option value="2023">2023</option>
                                                        <option value="2024">2024</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-3 col-lg-3">
                                                <div class="form-group" style="text-align:left">
                                                    <span class="x-label">Periodo:</span>
                                                    <select class="form-select" id="movperiodo" onchange="changeEjercicioPeriodo()">
                                                        <option value="0"></option>
                                                        <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">Diciembre</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="col-md-3 col-lg-2">
                                                <div class="form-group">
                                                    <span class="x-label">Fecha De:</span>
                                                    <input type="text" class="form-control x-form-control-sm" id="movfecde" onchange="changeFechas()" autocomplete="off"/>
                                                </div>
                                            </div>
                                            <div class="col-md-3 col-lg-2">
                                                <div class="form-group">
                                                    <span class="x-label">Fecha Al:</span>
                                                    <input type="text" class="form-control x-form-control-sm" id="movfecal" onchange="changeFechas()" autocomplete="off"/>
                                                </div>
                                            </div>
                                            <div class="col-md-3 col-lg-3">
                                                <div class="form-group">
                                                    <span class="x-label">Cuenta Inicial:</span>
                                                    <div class="input-group">
                                                        <input type="hidden" id="idmovctaini"/>
                                                        <input type="hidden" id="movctaini"/>
                                                        <input type="text" class="form-control x-form-control-sm" id="desmovctaini" onchange="changeCuenta()" autocomplete="off"/>
                                                        <div class="input-group-append">
                                                            <button class="btn btn-sm btn-primary" type="button" onclick="abreModalSearchCuentaContable('idmovctaini','movctaini','desmovctaini')">
                                                                <i class="mdi mdi-magnify" style="font-size:1em"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-3 col-lg-3">
                                                <div class="form-group">
                                                    <span class="x-label">Cuenta Final:</span>
                                                    <div class="input-group">
                                                        <input type="hidden" id="idmovctafin"/>
                                                        <input type="hidden" id="movctafin"/>
                                                        <input type="text" class="form-control x-form-control-sm" id="desmovctafin" onchange="changeCuenta()" autocomplete="off"/>
                                                        <div class="input-group-append">
                                                            <button class="btn btn-sm btn-primary" type="button" onclick="abreModalSearchCuentaContable('idmovctaini','movctafin','desmovctafin')">
                                                                <i class="mdi mdi-magnify" style="font-size:1em"></i>
                                                            </button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body">                                        
                                        <div class="table-responsive" style="overflow:auto;max-height:600px !important">
                                            <table id="tablaAuxiliar" class="table">
                                            <thead>
                                                <tr>
                                                    <th>Cuenta</th>
                                                    <th>Nombre</th>
                                                    <th>Fecha</th>
                                                    <th>Asiento</th>
                                                    <th>Concepto</th>
                                                    <th>Referencia</th>
                                                    <th>Cargo</th>
                                                    <th>Abono</th>
                                                    <th>Saldo</th>
                                                    <th>Acciones</th>
                                                </tr>
                                            </thead>
                                            <tbody id="bodyAuxiliar">
                                            </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
<!--////////////////////////////////////////////////////////////////////////////////////////PESTAÑA almacenes///////////////////////////////////////////////////////////////////////////////-->
                    <div class="tab-pane fade show active" id="polizas" role="tabpanel" aria-labelledby="polizas-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="asifecde" value="15/12/2025" 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="asifecal" value="15/12/2025" autocomplete="off"/>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-lg-3">
                                                    <div class="form-group" style="text-align:left">
                                                        <span class="x-label">Centro de Costos:</span>
                                                        <select class="form-select" id="centrocosto"></select>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-lg-3">
                                                    <div class="form-group" style="text-align:left">
                                                        <span class="x-label">Tipo:</span>
                                                        <select class="form-select" id="tipoasiento"></select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="p-1">
                                            <div class="form-group" style="text-align:left">
                                                <button class="btn btn-primary" onclick="verImportarAsientos()">Importar</button>
                                                <button class="btn btn-warning" onclick="abreModalNewAsiento()">Crear</button>
                                                <button class="btn btn-success" onclick="verAsientos()">Buscar</button>
                                                <button class="btn btn-secondary" onclick="reiniciaAsientos()">Reiniciar</button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="table-responsive">
                                            <table id="tablaAsientos" class="table">
                                                <thead>
                                                    <tr>
                                                        <th>Asiento</th>
                                                        <th>Tipo</th>
                                                        <th>Concepto</th>
                                                        <th>Referencia</th>
                                                        <th>Fecha</th>
                                                        <th>Cargo</th>
                                                        <th>Abono</th>
                                                        <th></th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>  
<!--////////////////////////////////////////////////////////////////////////////////////////PESTAÑA TRASPASOS///////////////////////////////////////////////////////////////////////////////-->
                    <div class="tab-pane fade" id="traspaso" role="tabpanel" aria-labelledby="traspaso-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-6">
                                                    <div class="form-group" style="text-align:left">
                                                        <span class="x-label">Centro de Costos:</span>
                                                        <select class="form-select" id="corcentrocosto"></select>
                                                    </div>
                                                </div>
                                                <div class="col-md-3 col-lg-6">
                                                    <div class="form-group">
                                                        <span class="x-label">Fecha:</span>
                                                        <input type="text" class="form-control x-form-control-sm" id="corfecha" value="15/12/2025" autocomplete="off"/>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="p-1">
                                            <div class="form-group" style="text-align:left">
                                                <!-- <button class="btn btn-warning" onclick="crearAsiento()">Crear</button> -->
                                                <button class="btn btn-success" onclick="verCortes()">Buscar</button>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="card-body">
                                        <div class="table-responsive">
                                            <table id="tablaCortes" class="table">
                                                <thead>
                                                    <tr>
                                                        <th>Tipo Documento</th>
                                                        <th>Centro de Costos</th>
                                                        <th>Fecha</th>
                                                        <th>Ingresos Bancos</th>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div> 
<!--////////////////////////////////////////////////////////////////////////////////////////PESTAÑA FIN///////////////////////////////////////////////////////////////////////////////-->
                </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=20251215133043"></script>
    <script src="jsprod/con_movimientos.js?v=20251215133043"></script>
@stop