@extends('../padre.padre')

@section('contenido') 
<div class="d-flex justify-content-center">

  <h1>Detalle de Gastos</h1>
  
</div>

<form action="{{ url('detallegastos') }}" method="GET">

    <div class="col-md-12">
      <label for="">Fecha Inical<input required  type="date" name="fi" id="" value="{{$fi}}" class="form-control"></label>
      <label for="">Fecha Final<input required  type="date" name="ff" id="" value="{{$ff}}" class="form-control"></label>
      @include('../menu.bodegas')
 
     
      <button  type="submit" id="" class="btn btn-warning">Consultar</button>
      <button  type="submit" name="exportar" class="btn btn-success" value="1">Exportar</button>
      <button  type="button" id="btnAbrirModalGasto" class="btn btn-primary" style="background-color: #007bff; border-color: #007bff;">Registrar Gasto</button>
      @include('menu.botonRegresar')
    </div>
  </form>
  


  @include('../menu/exportar.exportarGastos')
 
<!-- SweetAlert2 -->
<script src="{{ asset('js/sweetalert2@11.js') }}"></script>

<style>
    .swal2-container {
        z-index: 999999 !important;
    }
    .gasto-modal-backdrop {
        display: none;
        position: fixed;
        z-index: 10000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(15, 23, 42, 0.65);
        align-items: center;
        justify-content: center;
        backdrop-filter: blur(4px);
        overflow-y: auto;
        padding: 12px;
        box-sizing: border-box;
    }
    @media (max-height: 850px) {
        .gasto-modal-backdrop {
            align-items: flex-start;
            padding: 8px 10px;
        }
    }
    .gasto-modal-box {
        background-color: #ffffff;
        color: #1e293b;
        padding: 0;
        border-radius: 12px;
        width: 95% !important;
        max-width: 1140px !important;
        box-shadow: 0 16px 40px rgba(0,0,0,0.28);
        font-family: inherit;
        margin: auto;
        position: relative;
        display: flex;
        flex-direction: column;
        max-height: calc(100vh - 24px);
        overflow: hidden;
    }
    .gasto-modal-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 20px;
        border-bottom: 1px solid #e2e8f0;
        background-color: #f8fafc;
        flex-shrink: 0;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }
    .gasto-modal-header h4 {
        margin: 0;
        font-size: 18px;
        font-weight: 700;
        color: #1e293b;
        border: none;
        padding: 0;
    }
    .gasto-modal-body {
        padding: 14px 20px;
        overflow-y: auto;
        flex: 1;
        min-height: 0;
    }
    .gasto-modal-body::-webkit-scrollbar {
        width: 8px;
    }
    .gasto-modal-body::-webkit-scrollbar-track {
        background: #f1f5f9;
        border-radius: 4px;
    }
    .gasto-modal-body::-webkit-scrollbar-thumb {
        background: #cbd5e1;
        border-radius: 4px;
    }
    .gasto-modal-body::-webkit-scrollbar-thumb:hover {
        background: #94a3b8;
    }
    .gasto-modal-box label {
        font-weight: 600;
        font-size: 12px;
        color: #475569;
        display: block;
        margin-bottom: 4px;
    }
    .gasto-modal-box .form-control {
        border-radius: 6px;
        border: 1px solid #cbd5e1;
        padding: 6px 10px;
        font-size: 13px;
        height: auto;
    }
    .gasto-dropdown-results {
        display: none;
        position: absolute;
        z-index: 11000;
        left: 15px;
        right: 15px;
        background: #ffffff;
        border: 1px solid #cbd5e1;
        max-height: 180px;
        overflow-y: auto;
        border-radius: 6px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    }
    .gasto-dropdown-item {
        padding: 8px 12px;
        cursor: pointer;
        border-bottom: 1px solid #f1f5f9;
        font-size: 13px;
        color: #1e293b;
    }
    .gasto-dropdown-item:hover {
        background-color: #f1f5f9;
    }
    .gasto-modal-footer {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 20px;
        border-top: 1px solid #e2e8f0;
        background-color: #f8fafc;
        flex-shrink: 0;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    /* Reglas para Modo Oscuro (Dark Theme) */
    [data-theme='dark'] .gasto-modal-box {
        background-color: #1e293b !important;
        color: #f1f5f9 !important;
        border: 1px solid #334155;
    }
    [data-theme='dark'] .gasto-modal-header {
        background-color: #0f172a !important;
        border-bottom-color: #334155 !important;
    }
    [data-theme='dark'] .gasto-modal-header h4 {
        color: #f8fafc !important;
    }
    [data-theme='dark'] .gasto-modal-body::-webkit-scrollbar-track {
        background: #0f172a;
    }
    [data-theme='dark'] .gasto-modal-body::-webkit-scrollbar-thumb {
        background: #334155;
    }
    [data-theme='dark'] .gasto-modal-box label {
        color: #94a3b8 !important;
    }
    [data-theme='dark'] .gasto-modal-box .form-control {
        background-color: #0f172a !important;
        border-color: #334155 !important;
        color: #f8fafc !important;
    }
    [data-theme='dark'] .gasto-modal-box .form-control:focus {
        border-color: #38bdf8 !important;
    }
    [data-theme='dark'] .gasto-dropdown-results {
        background-color: #1e293b !important;
        border-color: #334155 !important;
        color: #f1f5f9 !important;
    }
    [data-theme='dark'] .gasto-dropdown-item {
        color: #f1f5f9 !important;
        border-bottom-color: #334155 !important;
    }
    [data-theme='dark'] .gasto-dropdown-item:hover {
        background-color: #334155 !important;
    }
    [data-theme='dark'] .gasto-modal-footer {
        background-color: #0f172a !important;
        border-top-color: #334155 !important;
    }
    [data-theme='dark'] #panelCuadreContable {
        background-color: #0f172a !important;
        border-color: #334155 !important;
    }
    [data-theme='dark'] #resumenDebitos,
    [data-theme='dark'] #resumenCreditos {
        color: #f8fafc !important;
    }
    [data-theme='dark'] #footerCuadreResumen {
        color: #94a3b8 !important;
    }
</style>

<!-- Modal Registrar Gasto -->
<div id="modalRegistrarGasto" class="gasto-modal-backdrop">
    <div class="gasto-modal-box" style="width: 95% !important; max-width: 1140px !important;">
        <div class="gasto-modal-header">
            <div style="display: flex; align-items: center; gap: 10px;">
                <div style="width: 32px; height: 32px; border-radius: 8px; background: #e0f2fe; color: #0284c7; display: flex; align-items: center; justify-content: center; font-size: 16px;">
                    <i class="fa fa-money"></i>
                </div>
                <h4 style="margin: 0; font-size: 18px; font-weight: 700;">Registrar Nuevo Gasto</h4>
            </div>
            <button type="button" id="btnCerrarModalX" style="background: transparent; border: none; font-size: 26px; line-height: 1; color: #94a3b8; cursor: pointer; padding: 0 4px;" title="Cerrar">&times;</button>
        </div>
        
        <form id="formRegistrarGasto" style="display: flex; flex-direction: column; flex: 1; overflow: hidden; min-height: 0; margin: 0;">
            @csrf
            
            <div class="gasto-modal-body">
                <!-- Fila 1: Datos Básicos del Gasto (4 columnas) -->
            <div class="row" style="margin-top: 8px;">
                <div class="col-md-2" style="margin-bottom: 10px;">
                    <label>Fecha del Gasto *</label>
                    <input type="date" required name="FachaGasto" id="reg_FachaGasto" class="form-control" value="{{ date('Y-m-d') }}">
                </div>
                <div class="col-md-3" style="margin-bottom: 10px;">
                    <label style="font-weight: 700; color: #0284c7;"><i class="fa fa-building"></i> Bodega / Sucursal *</label>
                    <select required name="idbodegaG" id="reg_idbodegaG" class="form-control" style="border-color: #38bdf8; font-weight: 600;">
                        @php
                            $bodegasModal = session()->get("bodegas");
                            if (empty($bodegasModal) || count($bodegasModal) == 0) {
                                try {
                                    $bodegasModal = \DB::table('bodegas')->select('id', 'nombreBodega')->get();
                                } catch (\Exception $e) {
                                    $bodegasModal = [];
                                }
                            }
                            $bodegaSeleccionada = request('bodega') ?? (isset($bodega) ? $bodega : session('bodegaUser', 1));
                            if ($bodegaSeleccionada == '0' || empty($bodegaSeleccionada)) {
                                $bodegaSeleccionada = session('bodegaUser', 1);
                            }
                        @endphp
                        @if(!empty($bodegasModal))
                            @foreach($bodegasModal as $b)
                                @php
                                    $bId = is_object($b) ? $b->id : $b['id'];
                                    $bNom = is_object($b) ? ($b->nombreBodega ?? ('Bodega ' . $bId)) : ($b['nombreBodega'] ?? ('Bodega ' . $bId));
                                @endphp
                                <option value="{{ $bId }}" {{ (string)$bId === (string)$bodegaSeleccionada ? 'selected' : '' }}>
                                    {{ $bNom }}
                                </option>
                            @endforeach
                        @endif
                    </select>
                </div>
                <div class="col-md-4" style="margin-bottom: 10px; position: relative;">
                    <label>Cuenta Débito (Gasto / Compra / Inventario) *</label>
                    <input type="text" id="reg_tipogasto_search" class="form-control" placeholder="Escriba código o nombre de cuenta (ej: 1435, 5135, 6205)..." autocomplete="off">
                    <input type="hidden" required name="tipogasto" id="reg_tipogasto">
                    <div id="reg_tipogasto_results" class="gasto-dropdown-results"></div>
                </div>
                <div class="col-md-3" style="margin-bottom: 10px;">
                    <label style="color:#0284c7; font-weight:700;"><i class="fa fa-file-text-o"></i> N° Factura / Recibo / Ref</label>
                    <input type="text" name="numeroFactura" id="reg_numeroFactura" class="form-control" placeholder="Ej: Factura 1234, Recibo 5821...">
                    <small id="reg_factura_alerta" class="text-danger" style="display:none; font-size:11px; font-weight:600; margin-top:2px;"></small>
                </div>
            </div>

            <!-- Fila 2: Proveedor y Centro de Costos (3 columnas) -->
            <div class="row">
                <div class="col-md-3" style="margin-bottom: 10px; position: relative;">
                    <label>Cédula / NIT Proveedor * (ENTER)</label>
                    <input type="text" required name="ceducligasto" id="reg_ceducligasto" class="form-control" placeholder="Cédula, NIT o Nombre..." autocomplete="off">
                    <div id="reg_search_results" class="gasto-dropdown-results"></div>
                </div>
                <div class="col-md-5" style="margin-bottom: 10px;">
                    <label>Nombre Proveedor *</label>
                    <input type="text" required name="nombreclicgas" id="reg_nombreclicgas" class="form-control" placeholder="Nombre Proveedor" value="Proveedor Generico">
                </div>
                <div class="col-md-4" style="margin-bottom: 10px;">
                    <label>Centro de Costos (Opcional)</label>
                    <select name="centro_costo_id" id="reg_centro_costo_id" class="form-control">
                        <option value="1">CC-01 General / Administración</option>
                        @isset($centrosCostos)
                            @foreach($centrosCostos as $cc)
                                <option value="{{ $cc->id }}">{{ $cc->codigo }} - {{ $cc->nombre }}</option>
                            @endforeach
                        @endisset
                    </select>
                </div>
            </div>

            <!-- Fila 3: Valores e Impuestos (Total, Tarifa IVA, Base y Valor IVA) -->
            <div class="row">
                <div class="col-md-3" style="margin-bottom: 10px;">
                    <label>Valor Total del Gasto *</label>
                    <input type="number" required name="vlrgasto" id="reg_vlrgasto" class="form-control" step="0.01" min="0.01" placeholder="0.00">
                </div>
                <div class="col-md-3" style="margin-bottom: 10px;">
                    <label>Tarifa de IVA</label>
                    <select id="reg_tarifa_iva" class="form-control">
                        <option value="0">0% - Sin IVA / Exento</option>
                        <option value="19">19% - IVA General (19%)</option>
                        <option value="5">5% - IVA 5%</option>
                        <option value="mixto">Múltiples Tarifas / Factura Mixta (19%, 5%, 0%)</option>
                        <option value="manual">Manual / Otro</option>
                    </select>
                </div>
                <div class="col-md-3" style="margin-bottom: 10px;">
                    <label>Base Total (Subtotal sin IVA)</label>
                    <input type="number" name="baseGasto" id="reg_baseGasto" class="form-control" step="0.01" min="0.00" placeholder="0.00">
                </div>
                <div class="col-md-3" style="margin-bottom: 10px;">
                    <label>Valor IVA Descontable ($)</label>
                    <input type="number" name="valorIva" id="reg_valorIva" class="form-control" step="0.01" min="0" value="0">
                </div>
            </div>

            <!-- Panel Desglose Factura Mixta (Varios IVAs y Excluidos en un solo documento) -->
            <div id="panel_desglose_mixto" style="display: none; background: #f0fdf4; border: 1px solid #86efac; border-radius: 8px; padding: 10px 14px; margin-bottom: 12px;">
                <div style="font-weight: 700; font-size: 11.5px; color: #166534; margin-bottom: 6px; display: flex; justify-content: space-between; align-items: center;">
                    <span><i class="fa fa-calculator"></i> Desglose de Factura Mixta en un Solo Registro (DIAN / Documento Soporte)</span>
                    <small style="color: #64748b;">Ingrese las bases que vienen en la factura; los IVAs y el total se calculan solos</small>
                </div>
                <div class="row g-2">
                    <div class="col-md-3">
                        <label style="font-size: 10.5px; font-weight: 700; color: #1e293b;">Base Gravada 19%</label>
                        <input type="number" step="0.01" min="0" name="base19" id="mix_base19" class="form-control form-control-sm" placeholder="0.00">
                    </div>
                    <div class="col-md-2">
                        <label style="font-size: 10.5px; font-weight: 700; color: #047857;">IVA 19% ($)</label>
                        <input type="number" step="0.01" min="0" name="iva19" id="mix_iva19" class="form-control form-control-sm" placeholder="0.00">
                    </div>
                    <div class="col-md-2">
                        <label style="font-size: 10.5px; font-weight: 700; color: #1e293b;">Base Gravada 5%</label>
                        <input type="number" step="0.01" min="0" name="base5" id="mix_base5" class="form-control form-control-sm" placeholder="0.00">
                    </div>
                    <div class="col-md-2">
                        <label style="font-size: 10.5px; font-weight: 700; color: #047857;">IVA 5% ($)</label>
                        <input type="number" step="0.01" min="0" name="iva5" id="mix_iva5" class="form-control form-control-sm" placeholder="0.00">
                    </div>
                    <div class="col-md-3">
                        <label style="font-size: 10.5px; font-weight: 700; color: #1e293b;">Base Excluida / 0% IVA</label>
                        <input type="number" step="0.01" min="0" name="baseExcluido" id="mix_excluido" class="form-control form-control-sm" placeholder="0.00">
                    </div>
                </div>

                <!-- Cuentas específicas cuando hay IVA 19% e IVA 5% en la misma factura -->
                <div class="row g-2 mt-2" id="panel_cuentas_iva_mixto" style="display: none; padding-top: 6px; border-top: 1px dashed #86efac;">
                    <div class="col-md-6">
                        <label style="font-size: 10.5px; font-weight: 700; color: #047857;"><i class="fa fa-book"></i> Cuenta IVA Descontable 19%</label>
                        <select name="cuentaIva19" id="mix_cuentaIva19" class="form-control form-control-sm" style="font-size: 11.5px;">
                            @isset($cuentasIva)
                                @foreach($cuentasIva as $ci)
                                    <option value="{{ $ci->codeC }}" {{ ($ci->codeC == '24080219' || strpos(strtolower($ci->NombreCuenta), '19') !== false) ? 'selected' : '' }}>{{ $ci->codeC }} - {{ $ci->NombreCuenta }}</option>
                                @endforeach
                            @endisset
                        </select>
                    </div>
                    <div class="col-md-6">
                        <label style="font-size: 10.5px; font-weight: 700; color: #047857;"><i class="fa fa-book"></i> Cuenta IVA Descontable 5%</label>
                        <select name="cuentaIva5" id="mix_cuentaIva5" class="form-control form-control-sm" style="font-size: 11.5px;">
                            @isset($cuentasIva)
                                @foreach($cuentasIva as $ci)
                                    <option value="{{ $ci->codeC }}" {{ ($ci->codeC == '24080205' || strpos(strtolower($ci->NombreCuenta), '5%') !== false) ? 'selected' : '' }}>{{ $ci->codeC }} - {{ $ci->NombreCuenta }}</option>
                                @endforeach
                            @endisset
                        </select>
                    </div>
                </div>
            </div>

            <div class="row" style="margin-top:-6px; margin-bottom:8px;">
                <div class="col-md-12">
                    <small id="help_factura_mixta" style="color: #0284c7; font-size: 11px; font-weight: 600;">
                        💡 <b>Facturas Mixtas:</b> Si la factura tiene unos ítems con IVA y otros sin IVA, elija <i>"Múltiples Tarifas / Factura Mixta"</i> para ingresar cada base por separado en un solo documento.
                    </small>
                </div>
            </div>

            <!-- Fila 4: Contabilidad, Pasivo y Forma de Pago (4 columnas) -->
            <div class="row">
                <div class="col-md-3" style="margin-bottom: 10px;">
                    <label>Cuenta de IVA Descontable</label>
                    <select name="cuentaIva" id="reg_cuentaIva" class="form-control">
                        <option value="">Seleccione Cuenta IVA...</option>
                        @isset($cuentasIva)
                            @foreach($cuentasIva as $ci)
                                <option value="{{ $ci->codeC }}">{{ $ci->codeC }} - {{ $ci->NombreCuenta }}</option>
                            @endforeach
                        @endisset
                    </select>
                </div>
                <div class="col-md-3" id="div_cuentaPorPagar" style="margin-bottom: 10px;">
                    <label id="lbl_cuentaPorPagar" style="color:#0284c7; font-weight:700;">Cuenta por Pagar (Pasivo) *</label>
                    <select name="cuentaPorPagar" id="reg_cuentaPorPagar" class="form-control" style="border-color:#38bdf8;">
                        <option value="">Seleccione Cuenta por Pagar...</option>
                        @isset($cuentasPorPagar)
                            @foreach($cuentasPorPagar as $cp)
                                <option value="{{ $cp->codeC }}" {{ $cp->codeC == '233598' ? 'selected' : '' }}>{{ $cp->codeC }} - {{ $cp->NombreCuenta }}</option>
                            @endforeach
                        @endisset
                    </select>
                </div>
                <div class="col-md-3" style="margin-bottom: 10px;">
                    <label style="font-weight:700;">Forma de Pago / Salida *</label>
                    <select required name="FormaPagoGast" id="reg_FormaPagoGast" class="form-control">
                        <optgroup label="Pago Inmediato (Caja / Bancos)">
                            @isset($formasPago)
                                @foreach($formasPago as $fp)
                                    <option value="{{ $fp->codeC }}" {{ $fp->codeC == '1105' || $fp->codeC == '110505' ? 'selected' : '' }}>{{ $fp->codeC }} - {{ $fp->NombreCuenta }}</option>
                                @endforeach
                            @endisset
                        </optgroup>
                        <optgroup label="A Crédito (Sin Salida)">
                            <option value="Pendiente">PENDIENTE POR PAGAR (Crédito)</option>
                        </optgroup>
                    </select>
                </div>
                <div class="col-md-3" id="div_tipoCruze" style="margin-bottom: 10px;">
                    <label>Afectar Arqueo Físico *</label>
                    <select name="tipoCruze" id="reg_tipoCruze" class="form-control">
                        <option value="0">Caja Diaria (Turno / Caja)</option>                       
                        <option value="1">No Afectar Arqueo (Solo Conta)</option>
                        <option value="Ninguno">No Aplica (A Crédito / Pendiente)</option>
                    </select>
                    <small id="help_tipoCruze" style="display:none; color:#0284c7; font-size:11px; font-weight:600; margin-top:2px;">No afecta caja porque el pago queda pendiente.</small>
                </div>
            </div>

            <!-- Fila 5: Retenciones ReteFuente y ReteICA en una sola fila compacta (4 columnas) -->
            <!-- Fila 5: Retenciones (ReteFuente y ReteICA) -->
            <div class="row">
                <div class="col-md-3" style="margin-bottom: 10px;">
                    <label>Cuenta ReteFuente (Opcional)</label>
                    <select name="cuentaRete" id="reg_cuentaRete" class="form-control">
                        <option value="" data-porcentaje="0">Sin ReteFuente</option>
                        @isset($cuentasRetencion)
                            @foreach($cuentasRetencion as $cr)
                                @php
                                    $porcentajeRete = 0;
                                    if (preg_match('/(\d+(?:[.,]\d+)?)\s*%/', $cr->NombreCuenta, $matches)) {
                                        $porcentajeRete = floatval(str_replace(',', '.', $matches[1]));
                                    } elseif (preg_match('/(?:al|de|tarifa)\s+(\d+(?:[.,]\d+)?)/i', $cr->NombreCuenta, $matches)) {
                                        $porcentajeRete = floatval(str_replace(',', '.', $matches[1]));
                                    }
                                @endphp
                                <option value="{{ $cr->codeC }}" data-porcentaje="{{ $porcentajeRete }}">{{ $cr->codeC }} - {{ $cr->NombreCuenta }}</option>
                            @endforeach
                        @endisset
                    </select>
                </div>
                <div class="col-md-2" style="margin-bottom: 10px;">
                    <label>Valor ReteFuente ($)</label>
                    <input type="number" name="valorRete" id="reg_valorRete" class="form-control" step="0.01" min="0" value="0">
                </div>
                <div class="col-md-3" style="margin-bottom: 10px;">
                    <label>Cuenta ReteICA (Opcional)</label>
                    <select name="cuentaReteIca" id="reg_cuentaReteIca" class="form-control">
                        <option value="" data-porcentaje="0">Sin ReteICA</option>
                        @isset($cuentasReteIca)
                            @foreach($cuentasReteIca as $ci)
                                @php
                                    $porcentajeIca = 0;
                                    if (preg_match('/(\d+(?:[.,]\d+)?)\s*(?:x\s*1000|x1000|\/1000|\*1000|por\s*mil|\/\s*mil|x\s*mil|al\s*mil)/i', $ci->NombreCuenta, $matchesIca)) {
                                        $porcentajeIca = floatval(str_replace(',', '.', $matchesIca[1])) / 10;
                                    } elseif (preg_match('/(\d+(?:[.,]\d+)?)\s*%/', $ci->NombreCuenta, $matchesIca)) {
                                        $porcentajeIca = floatval(str_replace(',', '.', $matchesIca[1]));
                                    } elseif (preg_match('/(?:al|de|tarifa)\s+(\d+(?:[.,]\d+)?)/i', $ci->NombreCuenta, $matchesIca)) {
                                        $porcentajeIca = floatval(str_replace(',', '.', $matchesIca[1]));
                                    }
                                @endphp
                                <option value="{{ $ci->codeC }}" data-porcentaje="{{ $porcentajeIca }}">{{ $ci->codeC }} - {{ $ci->NombreCuenta }}</option>
                            @endforeach
                        @endisset
                    </select>
                </div>
                <div class="col-md-2" style="margin-bottom: 10px;">
                    <label>Tarifa ReteICA</label>
                    <select id="reg_tarifa_reteica_select" class="form-control" title="Seleccione o cambie la tarifa por mil para calcular automáticamente">
                        <option value="auto" selected>Auto (Detectar / 9.66)</option>
                        <option value="9.66">9.66 x 1000 (0.966% Servicios / Arriendos)</option>
                        <option value="4.14">4.14 x 1000 (0.414% Compras)</option>
                        <option value="6.9">6.90 x 1000 (0.690% Técnicos)</option>
                        <option value="11.04">11.04 x 1000 (1.104% Honorarios)</option>
                        <option value="4">4.00 x 1000 (0.400% General)</option>
                        <option value="7">7.00 x 1000 (0.700%)</option>
                        <option value="8">8.00 x 1000 (0.800%)</option>
                        <option value="10">10.00 x 1000 (1.000%)</option>
                        <option value="13.8">13.80 x 1000 (1.380%)</option>
                        <option value="manual">Manual / Otra tarifa</option>
                    </select>
                </div>
                <div class="col-md-2" style="margin-bottom: 10px;">
                    <label>Valor ReteICA ($)</label>
                    <input type="number" name="valorReteIca" id="reg_valorReteIca" class="form-control" step="0.01" min="0" value="0">
                </div>
            </div>

            <!-- Fila 6: Observación / Concepto del Gasto -->
            <div class="row">
                <div class="col-md-12" style="margin-bottom: 10px;">
                    <label>Descripción / Observación del Gasto</label>
                    <input type="text" name="observacion" id="reg_observacion" class="form-control" placeholder="Ej: Pago servicio de energía eléctrica, aseo, papelería, etc.">
                </div>
            </div>

            <!-- Fila 7: Panel de Balance y Control Contable (Partida Doble) -->
            <div id="panelCuadreContable" style="background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 12px 16px; margin-bottom: 12px; transition: all 0.2s ease;">
                <div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px;">
                    <div>
                        <span style="font-size: 11px; text-transform: uppercase; color: #64748b; font-weight: 700; letter-spacing: 0.5px;">Total Débitos (Base + IVA)</span>
                        <div id="resumenDebitos" style="font-size: 16px; font-weight: 700; color: #1e293b;">$ 0.00</div>
                    </div>
                    <div style="font-size: 20px; color: #94a3b8; font-weight: 300;">=</div>
                    <div>
                        <span style="font-size: 11px; text-transform: uppercase; color: #64748b; font-weight: 700; letter-spacing: 0.5px;">Total Créditos (Neto + Retenciones)</span>
                        <div id="resumenCreditos" style="font-size: 16px; font-weight: 700; color: #1e293b;">$ 0.00</div>
                    </div>
                    <div style="font-size: 20px; color: #94a3b8; font-weight: 300;">|</div>
                    <div>
                        <span style="font-size: 11px; text-transform: uppercase; color: #64748b; font-weight: 700; letter-spacing: 0.5px;">Diferencia</span>
                        <div id="resumenDiferencia" style="font-size: 16px; font-weight: 700; color: #64748b;">$ 0.00</div>
                    </div>
                    <div>
                        <span id="badgeEstadoCuadre" style="display: inline-flex; align-items: center; gap: 5px; padding: 6px 14px; border-radius: 20px; font-size: 12px; font-weight: 700; background: #f1f5f9; color: #64748b; border: 1px solid #cbd5e1;">
                            <i class="fa fa-info-circle"></i> PENDIENTE
                        </span>
                    </div>
                </div>
                <div id="alertaDescuadre" style="display: none; margin-top: 10px; padding: 8px 12px; border-radius: 6px; background: #fee2e2; border: 1px solid #fca5a5; color: #991b1b; font-size: 12px; font-weight: 600;">
                </div>
            </div>

            </div><!-- /.gasto-modal-body -->

            <div class="gasto-modal-footer">
                <div id="footerCuadreResumen" style="font-size: 12.5px; color: #64748b; font-weight: 600; display: flex; align-items: center; gap: 8px;">
                    <span id="footerBadgeMini" style="display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #94a3b8;"></span>
                    <span id="footerTextMini">Complete la información del gasto</span>
                </div>
                <div style="display: flex; gap: 10px;">
                    <button type="button" id="btnCancelarGasto" class="btn btn-light" style="border: 1px solid #cbd5e1; border-radius: 6px; padding: 7px 18px; font-weight: 600; color: #475569;">Cancelar</button>
                    <button type="submit" id="btnGuardarGasto" class="btn btn-primary" style="background-color: #007bff; border-radius: 6px; padding: 7px 22px; color: white; border: none; font-weight: 600; box-shadow: 0 2px 6px rgba(0,123,255,0.3);">
                        <i class="fa fa-save"></i> Registrar Gasto
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>

<!-- Diálogo para Seleccionar Bodega al Emitir Documento Soporte -->
<div id="soporteDialogContainer" class="gasto-modal-backdrop">
    <div class="gasto-modal-box" style="width: 480px; max-width: 95% !important; padding: 22px;">
        <h4 style="font-size: 18px; margin-top: 0; font-weight: 700;">Emitir Documento Soporte Electrónico</h4>
        <p style="color:#64748b; font-size:13px; margin-bottom:15px;">Seleccione la bodega de la cual se tomará la resolución oficial DIAN para emitir el Documento Soporte:</p>
        <div style="margin-bottom:20px;">
            <label>Bodega de Resolución</label>
            <select id="soporteBodegaSelect" class="form-control" style="width:100%; height:38px;"></select>
        </div>
        <div style="display: flex; justify-content: flex-end; border-top: 1px solid #e2e8f0; padding-top: 15px; margin-top: 10px;">
            <button id="soporteCancelBtn" class="btn btn-light" style="margin-right:10px; border:1px solid #cbd5e1; border-radius:6px; padding:8px 16px;">Cancelar</button>
            <button id="soporteConfirmBtn" class="btn btn-primary" style="background-color:#007bff; border-radius:6px; padding:8px 16px; color:white; border:none; font-weight:600;">Confirmar Emisión</button>
        </div>
    </div>
</div>

<script>
document.addEventListener("DOMContentLoaded", function () {
    const table = document.getElementById("tablaGatos");
    let gastoIdToEmit = null;
    let originalButton = null;
    let originalButtonText = "";

    // --- Emisión de Documento Soporte ---
    if (table) {
        table.addEventListener("click", function (e) {
            if (e.target && e.target.classList.contains("btn-emitir-soporte")) {
                const button = e.target;
                gastoIdToEmit = button.getAttribute("data-id");
                originalButton = button;
                originalButtonText = button.innerHTML;
                
                const selectBodegaSrc = document.getElementById("idbodegas");
                const selectBodegaDest = document.getElementById("soporteBodegaSelect");
                
                if (selectBodegaDest) {
                    selectBodegaDest.innerHTML = "";
                    if (selectBodegaSrc) {
                        Array.from(selectBodegaSrc.options).forEach(opt => {
                            if (opt.value !== "0") {
                                const newOpt = document.createElement("option");
                                newOpt.value = opt.value;
                                newOpt.text = opt.text;
                                if (opt.value === button.getAttribute("data-bodega")) {
                                    newOpt.selected = true;
                                }
                                selectBodegaDest.appendChild(newOpt);
                            }
                        });
                    }
                }
                
                document.getElementById("soporteDialogContainer").style.display = "flex";
            }
        });
    }

    const cancelBtn = document.getElementById("soporteCancelBtn");
    if (cancelBtn) {
        cancelBtn.addEventListener("click", function () {
            document.getElementById("soporteDialogContainer").style.display = "none";
            gastoIdToEmit = null;
        });
    }

    const confirmBtn = document.getElementById("soporteConfirmBtn");
    if (confirmBtn) {
        confirmBtn.addEventListener("click", function () {
            const selectBodegaDest = document.getElementById("soporteBodegaSelect");
            const selectedBodega = selectBodegaDest ? selectBodegaDest.value : "";
            
            if (!selectedBodega) {
                if (typeof Swal !== 'undefined') {
                    Swal.fire({ icon: 'warning', title: 'Atención', text: 'Por favor, seleccione una bodega válida.' });
                } else {
                    alert("Por favor, seleccione una bodega válida.");
                }
                return;
            }
            
            document.getElementById("soporteDialogContainer").style.display = "none";
            
            if (originalButton) {
                originalButton.disabled = true;
                originalButton.innerHTML = "Emitiendo...";
            }
            
            fetch("{{ url('emitirDocSoporte') }}", {
                method: "POST",
                body: JSON.stringify({ id: gastoIdToEmit, bodega: selectedBodega }),
                headers: {
                    "Content-Type": "application/json"
                }
            })
            .then(res => res.json())
            .then(response => {
                if (response.success) {
                    if (typeof Swal !== 'undefined') {
                        Swal.fire({
                            icon: 'success',
                            title: '¡Documento Emitido!',
                            text: response.message || "Documento Soporte emitido exitosamente."
                        }).then(() => location.reload());
                    } else {
                        alert("Documento emitido con éxito. " + (response.message || ""));
                        location.reload();
                    }
                } else {
                    if (typeof Swal !== 'undefined') {
                        Swal.fire({
                            icon: 'error',
                            title: 'Error al emitir',
                            text: response.message || "No se pudo emitir el documento."
                        });
                    } else {
                        alert("Error al emitir: " + response.message);
                    }
                    if (originalButton) {
                        originalButton.disabled = false;
                        originalButton.innerHTML = originalButtonText;
                    }
                }
            })
            .catch(error => {
                console.error("Error:", error);
                if (typeof Swal !== 'undefined') {
                    Swal.fire({ icon: 'error', title: 'Error', text: 'Ocurrió un error al procesar la solicitud.' });
                } else {
                    alert("Ocurrió un error al procesar la solicitud.");
                }
                if (originalButton) {
                    originalButton.disabled = false;
                    originalButton.innerHTML = originalButtonText;
                }
            });
        });
    }

    // --- Modal Registrar Gasto ---
    const btnAbrirModal = document.getElementById("btnAbrirModalGasto");
    const modalGasto = document.getElementById("modalRegistrarGasto");
    
    if (btnAbrirModal && modalGasto) {
        btnAbrirModal.addEventListener("click", function() {
            // Sincronizar bodega seleccionada en el filtro principal con el selector del modal
            const selectFiltro = document.getElementById("idbodegas");
            const selectModal = document.getElementById("reg_idbodegaG");
            if (selectFiltro && selectModal) {
                if (selectFiltro.value && selectFiltro.value !== "0" && selectFiltro.value !== "todos") {
                    selectModal.value = selectFiltro.value;
                }
            }
            modalGasto.style.display = "flex";
            const modalBody = modalGasto.querySelector(".gasto-modal-body");
            if (modalBody) modalBody.scrollTop = 0;
            if (typeof sincronizarAfectarCaja === "function") {
                sincronizarAfectarCaja();
            }
            if (typeof validarYActualizarCuadreContable === "function") {
                validarYActualizarCuadreContable();
            }
        });
    }

    const btnCancelar = document.getElementById("btnCancelarGasto");
    const btnCerrarX = document.getElementById("btnCerrarModalX");
    if (btnCerrarX && btnCancelar) {
        btnCerrarX.addEventListener("click", function() {
            btnCancelar.click();
        });
    }
    if (btnCancelar && modalGasto) {
        btnCancelar.addEventListener("click", function() {
            modalGasto.style.display = "none";
            document.getElementById("formRegistrarGasto").reset();
            document.getElementById("reg_FachaGasto").value = "{{ date('Y-m-d') }}";
            document.getElementById("reg_search_results").style.display = "none";
            const panelMixto = document.getElementById("panel_desglose_mixto");
            if (panelMixto) panelMixto.style.display = "none";
            if (document.getElementById("mix_base19")) document.getElementById("mix_base19").value = "";
            if (document.getElementById("mix_iva19")) document.getElementById("mix_iva19").value = "";
            if (document.getElementById("mix_base5")) document.getElementById("mix_base5").value = "";
            if (document.getElementById("mix_iva5")) document.getElementById("mix_iva5").value = "";
            if (document.getElementById("mix_excluido")) document.getElementById("mix_excluido").value = "";
            if (inputBase) inputBase.readOnly = false;
            if (inputIva) inputIva.readOnly = false;
            if (document.getElementById("reg_factura_alerta")) {
                document.getElementById("reg_factura_alerta").style.display = "none";
                document.getElementById("reg_factura_alerta").innerText = "";
            }
            if (document.getElementById("reg_numeroFactura")) {
                document.getElementById("reg_numeroFactura").style.borderColor = "";
            }
            if (document.getElementById("reg_tipogasto_search")) {
                document.getElementById("reg_tipogasto_search").value = "";
                document.getElementById("reg_tipogasto_search").style.borderColor = "";
            }
            if (document.getElementById("reg_tipogasto")) {
                document.getElementById("reg_tipogasto").value = "";
            }
            if (document.getElementById("reg_tipogasto_results")) {
                document.getElementById("reg_tipogasto_results").style.display = "none";
            }
            if (document.getElementById("reg_vlrgasto")) {
                document.getElementById("reg_vlrgasto").style.borderColor = "";
            }
            if (document.getElementById("reg_baseGasto")) {
                document.getElementById("reg_baseGasto").style.borderColor = "";
            }
            if (document.getElementById("reg_cuentaIva")) {
                document.getElementById("reg_cuentaIva").style.borderColor = "";
            }
            if (document.getElementById("reg_valorRete")) {
                document.getElementById("reg_valorRete").value = 0;
            }
            if (document.getElementById("reg_cuentaRete")) {
                document.getElementById("reg_cuentaRete").value = "";
                document.getElementById("reg_cuentaRete").style.borderColor = "";
            }
            if (document.getElementById("reg_valorReteIca")) {
                document.getElementById("reg_valorReteIca").value = 0;
            }
            if (document.getElementById("reg_cuentaReteIca")) {
                document.getElementById("reg_cuentaReteIca").value = "";
                document.getElementById("reg_cuentaReteIca").style.borderColor = "";
            }
            if (document.getElementById("reg_tarifa_reteica_select")) {
                document.getElementById("reg_tarifa_reteica_select").value = "auto";
            }
            if (document.getElementById("help_tipoCruze")) {
                document.getElementById("help_tipoCruze").style.display = "none";
            }
            if (selectTipoCruze) {
                selectTipoCruze.style.backgroundColor = "";
                selectTipoCruze.style.pointerEvents = "";
            }
            usuarioModificoReteManualmente = false;
            usuarioModificoReteIcaManualmente = false;
            if (typeof sincronizarAfectarCaja === "function") {
                sincronizarAfectarCaja();
            }
            if (typeof validarYActualizarCuadreContable === "function") {
                validarYActualizarCuadreContable();
            }
        });
    }

    // --- Cálculo Automático de IVA y Base ---
    const inputTotal = document.getElementById("reg_vlrgasto");
    const selectTarifaIva = document.getElementById("reg_tarifa_iva");
    const inputBase = document.getElementById("reg_baseGasto");
    const inputIva = document.getElementById("reg_valorIva");
    const selectCuentaIva = document.getElementById("reg_cuentaIva");
    const selectFormaPago = document.getElementById("reg_FormaPagoGast");
    const selectTipoCruze = document.getElementById("reg_tipoCruze");

    // --- Cálculo Automático de Retención en la Fuente ---
    const selectCuentaRete = document.getElementById("reg_cuentaRete");
    const inputValorRete = document.getElementById("reg_valorRete");
    let usuarioModificoReteManualmente = false;

    // --- Validación y Control en Tiempo Real de Balance Contable (Partida Doble) ---
    function validarYActualizarCuadreContable() {
        const inputTot = document.getElementById("reg_vlrgasto");
        const selectTarifa = document.getElementById("reg_tarifa_iva");
        const inputB = document.getElementById("reg_baseGasto");
        const inputIv = document.getElementById("reg_valorIva");
        const selectCtaIv = document.getElementById("reg_cuentaIva");
        const selectCtaPP = document.getElementById("reg_cuentaPorPagar");
        const selectFP = document.getElementById("reg_FormaPagoGast");
        const selectCtaR = document.getElementById("reg_cuentaRete");
        const inputValR = document.getElementById("reg_valorRete");
        const selectCtaRICA = document.getElementById("reg_cuentaReteIca");
        const inputValRICA = document.getElementById("reg_valorReteIca");
        const hidGasto = document.getElementById("reg_tipogasto");
        const inputGSearch = document.getElementById("reg_tipogasto_search");

        const total = parseFloat(inputTot ? inputTot.value : 0) || 0;
        const tarifa = selectTarifa ? selectTarifa.value : "0";
        let base = parseFloat(inputB ? inputB.value : 0) || 0;
        let iva = parseFloat(inputIv ? inputIv.value : 0) || 0;
        const rete = parseFloat(inputValR ? inputValR.value : 0) || 0;
        const reteIca = parseFloat(inputValRICA ? inputValRICA.value : 0) || 0;

        const ctaGasto = hidGasto ? hidGasto.value.trim() : "";
        const ctaIva = selectCtaIv ? selectCtaIv.value.trim() : "";
        const ctaCPP = selectCtaPP ? selectCtaPP.value.trim() : "";
        const ctaRete = selectCtaR ? selectCtaR.value.trim() : "";
        const ctaReteIca = selectCtaRICA ? selectCtaRICA.value.trim() : "";
        const formaPago = selectFP ? selectFP.value.trim() : "";

        // Si la base está vacía pero hay total y tarifa 0% (sin IVA), la base es el total
        if (base <= 0 && iva <= 0 && total > 0 && tarifa === "0") {
            base = total;
        }

        // Débitos: Base + IVA
        const totalDebitos = Math.round((base + iva) * 100) / 100;
        // Retenciones
        const totalRetenciones = Math.round((rete + reteIca) * 100) / 100;
        // Neto a pagar
        const netoPagar = Math.max(0, Math.round((total - totalRetenciones) * 100) / 100);
        // Créditos: Neto a pagar + Retenciones
        const totalCreditos = Math.round((netoPagar + totalRetenciones) * 100) / 100;

        const diferencia = Math.round(Math.abs(totalDebitos - totalCreditos) * 100) / 100;
        const difTotal = Math.round(Math.abs(totalDebitos - total) * 100) / 100;
        const mayorDiferencia = Math.max(diferencia, difTotal);

        const elDebitos = document.getElementById("resumenDebitos");
        const elCreditos = document.getElementById("resumenCreditos");
        const elDiferencia = document.getElementById("resumenDiferencia");
        const elBadge = document.getElementById("badgeEstadoCuadre");
        const elAlerta = document.getElementById("alertaDescuadre");
        const panelCuadre = document.getElementById("panelCuadreContable");

        if (elDebitos) elDebitos.innerText = "$ " + totalDebitos.toLocaleString('es-CO', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
        if (elCreditos) elCreditos.innerText = "$ " + totalCreditos.toLocaleString('es-CO', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
        if (elDiferencia) elDiferencia.innerText = "$ " + mayorDiferencia.toLocaleString('es-CO', { minimumFractionDigits: 2, maximumFractionDigits: 2 });

        let errores = [];

        if (total <= 0) {
            errores.push("El valor total del gasto debe ser mayor a 0.");
        }

        if (mayorDiferencia > 0.05) {
            errores.push("La suma de Débitos (Base $" + base.toLocaleString('es-CO', { minimumFractionDigits: 2 }) + " + IVA $" + iva.toLocaleString('es-CO', { minimumFractionDigits: 2 }) + " = $" + totalDebitos.toLocaleString('es-CO', { minimumFractionDigits: 2 }) + ") no coincide con el Total del Gasto ($" + total.toLocaleString('es-CO', { minimumFractionDigits: 2 }) + "). Descuadre contable: $" + mayorDiferencia.toLocaleString('es-CO', { minimumFractionDigits: 2 }));
        }

        if (totalRetenciones > total) {
            errores.push("Las retenciones ($" + totalRetenciones.toLocaleString('es-CO', { minimumFractionDigits: 2 }) + ") no pueden superar el total del gasto ($" + total.toLocaleString('es-CO', { minimumFractionDigits: 2 }) + ").");
        }

        if (total > 0 && !ctaGasto) {
            errores.push("Falta seleccionar la Cuenta Contable de Gasto (Débito).");
        }

        if (iva > 0 && !ctaIva) {
            errores.push("Ingresó un IVA de $" + iva.toLocaleString('es-CO', { minimumFractionDigits: 2 }) + " pero falta seleccionar la Cuenta de IVA Descontable.");
        }

        if (rete > 0 && !ctaRete) {
            errores.push("Ingresó ReteFuente de $" + rete.toLocaleString('es-CO', { minimumFractionDigits: 2 }) + " pero falta seleccionar la Cuenta de Retención.");
        }

        if (reteIca > 0 && !ctaReteIca) {
            errores.push("Ingresó ReteICA de $" + reteIca.toLocaleString('es-CO', { minimumFractionDigits: 2 }) + " pero falta seleccionar la Cuenta de ReteICA.");
        }

        const esPendiente = (formaPago === "Pendiente" || formaPago.startsWith("2335") || formaPago.startsWith("23") || formaPago.startsWith("22"));
        if (esPendiente && !ctaCPP) {
            errores.push("Para compras o gastos a crédito (Pendiente), debe seleccionar la Cuenta por Pagar (Pasivo).");
        }

        if (!formaPago) {
            errores.push("Falta seleccionar la Forma de Pago.");
        }

        const estaCuadrado = (errores.length === 0);

        // Feedback visual en los campos
        if (selectCtaIv) selectCtaIv.style.borderColor = (iva > 0 && !ctaIva) ? "#ef4444" : "";
        if (selectCtaR) selectCtaR.style.borderColor = (rete > 0 && !ctaRete) ? "#ef4444" : "";
        if (selectCtaRICA) selectCtaRICA.style.borderColor = (reteIca > 0 && !ctaReteIca) ? "#ef4444" : "";
        if (inputGSearch) inputGSearch.style.borderColor = (total > 0 && !ctaGasto) ? "#ef4444" : "";
        if (inputTot) inputTot.style.borderColor = (mayorDiferencia > 0.05) ? "#ef4444" : "";
        if (inputB) inputB.style.borderColor = (mayorDiferencia > 0.05) ? "#ef4444" : "";

        const footerBadgeMini = document.getElementById("footerBadgeMini");
        const footerTextMini = document.getElementById("footerTextMini");

        if (elBadge && elAlerta && panelCuadre) {
            if (total === 0) {
                elBadge.style.background = "#f1f5f9";
                elBadge.style.color = "#64748b";
                elBadge.style.border = "1px solid #cbd5e1";
                elBadge.innerHTML = '<i class="fa fa-info-circle"></i> PENDIENTE';
                elDiferencia.style.color = "#64748b";
                panelCuadre.style.background = "#f8fafc";
                panelCuadre.style.borderColor = "#e2e8f0";
                elAlerta.style.display = "none";
                elAlerta.innerHTML = "";
                if (footerBadgeMini) footerBadgeMini.style.background = "#94a3b8";
                if (footerTextMini) {
                    footerTextMini.innerText = "Complete los datos del gasto";
                    footerTextMini.style.color = "#64748b";
                }
            } else if (estaCuadrado) {
                elBadge.style.background = "#dcfce7";
                elBadge.style.color = "#15803d";
                elBadge.style.border = "1px solid #86efac";
                elBadge.innerHTML = '<i class="fa fa-check-circle"></i> CUADRADO';
                elDiferencia.style.color = "#10b981";
                panelCuadre.style.background = "#f0fdf4";
                panelCuadre.style.borderColor = "#bbf7d0";
                elAlerta.style.display = "none";
                elAlerta.innerHTML = "";
                if (footerBadgeMini) footerBadgeMini.style.background = "#10b981";
                if (footerTextMini) {
                    footerTextMini.innerText = "Contabilidad balanceada ($0.00 diferencia) - Listo para guardar";
                    footerTextMini.style.color = "#15803d";
                }
            } else if (mayorDiferencia <= 0.05) {
                // Matemáticamente coincide ($0.00), pero falta alguna cuenta obligatoria como Cuenta de Gasto
                elBadge.style.background = "#fef3c7";
                elBadge.style.color = "#b45309";
                elBadge.style.border = "1px solid #fcd34d";
                elBadge.innerHTML = '<i class="fa fa-exclamation-circle"></i> FALTAN DATOS';
                elDiferencia.style.color = "#10b981";
                panelCuadre.style.background = "#fffbeb";
                panelCuadre.style.borderColor = "#fef3c7";
                elAlerta.style.display = "block";
                elAlerta.innerHTML = '<div style="font-weight:700; margin-bottom:4px; color:#92400e;">⚠ Valores equilibrados ($0.00), pero faltan campos requeridos:</div><ul style="margin:0; padding-left:18px; color:#b45309;">' + errores.map(e => '<li>' + e + '</li>').join('') + '</ul>';
                if (footerBadgeMini) footerBadgeMini.style.background = "#f59e0b";
                if (footerTextMini) {
                    footerTextMini.innerText = "Valores cuadran, pero faltan cuentas obligatorias (Ver alerta arriba)";
                    footerTextMini.style.color = "#b45309";
                }
            } else {
                // Descuadre matemático real
                elBadge.style.background = "#fee2e2";
                elBadge.style.color = "#b91c1c";
                elBadge.style.border = "1px solid #f87171";
                elBadge.innerHTML = '<i class="fa fa-exclamation-triangle"></i> DESCUADRADO';
                elDiferencia.style.color = "#dc2626";
                panelCuadre.style.background = "#fef2f2";
                panelCuadre.style.borderColor = "#fecaca";
                elAlerta.style.display = "block";
                elAlerta.innerHTML = '<div style="font-weight:700; margin-bottom:4px;">⚠ El gasto no se puede guardar por descuadre contable:</div><ul style="margin:0; padding-left:18px;">' + errores.map(e => '<li>' + e + '</li>').join('') + '</ul>';
                if (footerBadgeMini) footerBadgeMini.style.background = "#ef4444";
                if (footerTextMini) {
                    footerTextMini.innerText = "Descuadre contable de $" + mayorDiferencia.toLocaleString('es-CO', { minimumFractionDigits: 2 });
                    footerTextMini.style.color = "#b91c1c";
                }
            }
        }

        return { estaCuadrado, errores, mayorDiferencia };
    }

    function recalcularRetencion(forzar = false) {
        if (!selectCuentaRete || !inputValorRete) return;

        const valCta = selectCuentaRete.value;
        if (!valCta) {
            inputValorRete.value = 0;
            usuarioModificoReteManualmente = false;
            return;
        }

        // Si el usuario digitó manualmente el valor y no es forzado por cambio de cuenta, respetarlo
        if (usuarioModificoReteManualmente && !forzar) {
            return;
        }

        const selectedOption = selectCuentaRete.options[selectCuentaRete.selectedIndex];
        let porcentaje = 0;
        if (selectedOption && selectedOption.dataset && selectedOption.dataset.porcentaje) {
            porcentaje = parseFloat(selectedOption.dataset.porcentaje) || 0;
        }

        if (porcentaje === 0 && selectedOption) {
            const texto = selectedOption.text || "";
            let match = texto.match(/(\d+(?:[.,]\d+)?)\s*%/);
            if (match) {
                porcentaje = parseFloat(match[1].replace(',', '.'));
            } else {
                match = texto.match(/(?:al|de|tarifa)\s+(\d+(?:[.,]\d+)?)/i);
                if (match) {
                    porcentaje = parseFloat(match[1].replace(',', '.'));
                }
            }
        }

        // En Colombia, la retención en la fuente se calcula sobre la base gravable (antes de IVA)
        const base = parseFloat(inputBase.value) || parseFloat(inputTotal.value) || 0;
        if (porcentaje > 0 && base > 0) {
            const calculo = Math.round((base * (porcentaje / 100)) * 100) / 100;
            inputValorRete.value = calculo;
        } else if (forzar && porcentaje === 0) {
            inputValorRete.value = 0;
        }
        validarYActualizarCuadreContable();
    }

    if (selectCuentaRete) {
        selectCuentaRete.addEventListener("change", function () {
            usuarioModificoReteManualmente = false;
            recalcularRetencion(true);
            validarYActualizarCuadreContable();
        });
    }

    if (inputValorRete) {
        inputValorRete.addEventListener("input", function () {
            usuarioModificoReteManualmente = true;
            validarYActualizarCuadreContable();
        });
    }

    // --- Cálculo Automático de ReteICA ---
    const selectCuentaReteIca = document.getElementById("reg_cuentaReteIca");
    const selectTarifaReteIca = document.getElementById("reg_tarifa_reteica_select");
    const inputValorReteIca = document.getElementById("reg_valorReteIca");
    let usuarioModificoReteIcaManualmente = false;

    function recalcularReteIca(forzar = false) {
        if (!selectCuentaReteIca || !inputValorReteIca) return;

        const valCta = selectCuentaReteIca.value;
        if (!valCta) {
            inputValorReteIca.value = 0;
            usuarioModificoReteIcaManualmente = false;
            if (selectTarifaReteIca) selectTarifaReteIca.value = "auto";
            validarYActualizarCuadreContable();
            return;
        }

        if (usuarioModificoReteIcaManualmente && !forzar) {
            validarYActualizarCuadreContable();
            return;
        }

        const selectedOption = selectCuentaReteIca.options[selectCuentaReteIca.selectedIndex];
        let porcentaje = 0; // Porcentaje sobre la base gravable

        // Comprobar la selección en el selector de tarifa
        const tarifaSelectVal = selectTarifaReteIca ? selectTarifaReteIca.value : "auto";

        if (tarifaSelectVal !== "auto" && tarifaSelectVal !== "manual") {
            const porMil = parseFloat(tarifaSelectVal) || 0;
            porcentaje = porMil / 10; // ej: 9.66 x 1000 = 0.966%
        } else if (tarifaSelectVal === "manual") {
            validarYActualizarCuadreContable();
            return;
        } else {
            // Modo "auto": leer de la cuenta o inferir
            if (selectedOption && selectedOption.dataset && selectedOption.dataset.porcentaje) {
                porcentaje = parseFloat(selectedOption.dataset.porcentaje) || 0;
            }

            if (porcentaje === 0 && selectedOption) {
                const texto = selectedOption.text || "";
                let match = texto.match(/(\d+(?:[.,]\d+)?)\s*(?:x\s*1000|x1000|\/1000|\*1000|por\s*mil|\/\s*mil|x\s*mil|al\s*mil)/i);
                if (match) {
                    porcentaje = parseFloat(match[1].replace(',', '.')) / 10;
                } else {
                    match = texto.match(/(\d+(?:[.,]\d+)?)\s*%/);
                    if (match) {
                        porcentaje = parseFloat(match[1].replace(',', '.'));
                    } else {
                        match = texto.match(/(?:al|de|tarifa)\s+(\d+(?:[.,]\d+)?)/i);
                        if (match) {
                            porcentaje = parseFloat(match[1].replace(',', '.'));
                        }
                    }
                }
            }

            // Si la cuenta contable no especifica tarifa (como "135518 - RETEICA"), inferir según el concepto o usar 9.66 x 1000 por defecto
            if (porcentaje === 0 && valCta) {
                const inputObs = document.getElementById("reg_observacion");
                const inputGSrch = document.getElementById("reg_tipogasto_search");
                const descTexto = ((inputGSrch ? inputGSrch.value : "") + " " + (inputObs ? inputObs.value : "")).toLowerCase();

                let porMilInferido = 9.66; // Tarifa estándar común para servicios y arrendamientos
                if (descTexto.includes("compra") || descTexto.includes("suministro") || descTexto.includes("mercanc") || descTexto.includes("material")) {
                    porMilInferido = 4.14;
                } else if (descTexto.includes("honorario") || descTexto.includes("asesor") || descTexto.includes("consultor") || descTexto.includes("abogad")) {
                    porMilInferido = 11.04;
                } else if (descTexto.includes("tecnic") || descTexto.includes("manten")) {
                    porMilInferido = 6.9;
                }
                porcentaje = porMilInferido / 10;

                // Sincronizar el selector visual para que el usuario sepa qué tarifa se aplicó
                if (selectTarifaReteIca) {
                    const opt = Array.from(selectTarifaReteIca.options).find(o => o.value == porMilInferido.toString());
                    if (opt) {
                        selectTarifaReteIca.value = porMilInferido.toString();
                    }
                }
            } else if (porcentaje > 0 && selectTarifaReteIca) {
                const porMilDetectado = Math.round(porcentaje * 10 * 100) / 100;
                const opt = Array.from(selectTarifaReteIca.options).find(o => parseFloat(o.value) === porMilDetectado);
                if (opt) {
                    selectTarifaReteIca.value = opt.value;
                }
            }
        }

        const base = parseFloat(inputBase ? inputBase.value : 0) || parseFloat(inputTotal ? inputTotal.value : 0) || 0;
        if (porcentaje > 0 && base > 0) {
            const calculo = Math.round((base * (porcentaje / 100)) * 100) / 100;
            inputValorReteIca.value = calculo;
        } else if (forzar && porcentaje === 0) {
            inputValorReteIca.value = 0;
        }
        validarYActualizarCuadreContable();
    }

    if (selectCuentaReteIca) {
        selectCuentaReteIca.addEventListener("change", function () {
            usuarioModificoReteIcaManualmente = false;
            recalcularReteIca(true);
            validarYActualizarCuadreContable();
        });
    }

    if (selectTarifaReteIca) {
        selectTarifaReteIca.addEventListener("change", function () {
            usuarioModificoReteIcaManualmente = false;
            // Si el usuario cambia la tarifa pero no ha seleccionado cuenta de ReteICA, auto-seleccionar la primera cuenta ReteICA disponible
            if (!selectCuentaReteIca.value && selectTarifaReteIca.value !== "auto" && selectTarifaReteIca.value !== "manual") {
                for (let i = 0; i < selectCuentaReteIca.options.length; i++) {
                    if (selectCuentaReteIca.options[i].value) {
                        selectCuentaReteIca.selectedIndex = i;
                        break;
                    }
                }
            }
            if (selectTarifaReteIca.value === "manual") {
                inputValorReteIca.focus();
                inputValorReteIca.select();
            } else {
                recalcularReteIca(true);
            }
            validarYActualizarCuadreContable();
        });
    }

    if (inputValorReteIca) {
        inputValorReteIca.addEventListener("input", function () {
            usuarioModificoReteIcaManualmente = true;
            if (selectTarifaReteIca && selectTarifaReteIca.value !== "manual") {
                selectTarifaReteIca.value = "manual";
            }
            validarYActualizarCuadreContable();
        });
    }

    if (inputBase) {
        inputBase.addEventListener("input", function () {
            if (selectTarifaIva && selectTarifaIva.value !== "manual" && selectTarifaIva.value !== "0") {
                selectTarifaIva.value = "manual";
            }
            recalcularRetencion(false);
            recalcularReteIca(false);
            validarYActualizarCuadreContable();
        });
    }

    if (inputIva) {
        inputIva.addEventListener("input", function () {
            if (selectTarifaIva && selectTarifaIva.value !== "manual") {
                selectTarifaIva.value = "manual";
            }
            const total = parseFloat(inputTotal.value) || 0;
            const iva = parseFloat(inputIva.value) || 0;
            if (total > 0) {
                inputBase.value = Math.max(0, Math.round((total - iva) * 100) / 100);
            }
            if (iva > 0) {
                seleccionarCuentaIvaPorDefecto("19");
            }
            recalcularRetencion(false);
            recalcularReteIca(false);
            validarYActualizarCuadreContable();
        });
    }

    if (selectCuentaIva) {
        selectCuentaIva.addEventListener("change", function () {
            validarYActualizarCuadreContable();
        });
    }

    // --- Control de Desglose Factura Mixta (Varios IVAs y Excluidos en 1 Solo Documento) ---
    const panelMixto = document.getElementById("panel_desglose_mixto");
    const mixBase19 = document.getElementById("mix_base19");
    const mixIva19 = document.getElementById("mix_iva19");
    const mixBase5 = document.getElementById("mix_base5");
    const mixIva5 = document.getElementById("mix_iva5");
    const mixExcluido = document.getElementById("mix_excluido");

    function sincronizarTotalesDesdeMixto() {
        const b19 = parseFloat(mixBase19 ? mixBase19.value : 0) || 0;
        const i19 = parseFloat(mixIva19 ? mixIva19.value : 0) || 0;
        const b5 = parseFloat(mixBase5 ? mixBase5.value : 0) || 0;
        const i5 = parseFloat(mixIva5 ? mixIva5.value : 0) || 0;
        const bexc = parseFloat(mixExcluido ? mixExcluido.value : 0) || 0;

        const totBase = Math.round((b19 + b5 + bexc) * 100) / 100;
        const totIva = Math.round((i19 + i5) * 100) / 100;
        const totGasto = Math.round((totBase + totIva) * 100) / 100;

        if (inputBase) inputBase.value = totBase > 0 ? totBase : "";
        if (inputIva) inputIva.value = totIva > 0 ? totIva : 0;
        if (inputTotal) inputTotal.value = totGasto > 0 ? totGasto : "";

        if (totIva > 0) {
            seleccionarCuentaIvaPorDefecto(b19 > 0 ? "19" : "5");
        } else {
            if (selectCuentaIva) selectCuentaIva.value = "";
        }

        const panelCuentasIvaMixto = document.getElementById("panel_cuentas_iva_mixto");
        if (panelCuentasIvaMixto) {
            panelCuentasIvaMixto.style.display = (i19 > 0 && i5 > 0) ? "flex" : "none";
        }

        recalcularRetencion(false);
        recalcularReteIca(false);
        validarYActualizarCuadreContable();
    }

    if (mixBase19) {
        mixBase19.addEventListener("input", function() {
            const b = parseFloat(this.value) || 0;
            if (mixIva19) {
                mixIva19.value = b > 0 ? (Math.round(b * 0.19 * 100) / 100) : 0;
            }
            sincronizarTotalesDesdeMixto();
        });
    }
    if (mixIva19) {
        mixIva19.addEventListener("input", sincronizarTotalesDesdeMixto);
    }
    if (mixBase5) {
        mixBase5.addEventListener("input", function() {
            const b = parseFloat(this.value) || 0;
            if (mixIva5) {
                mixIva5.value = b > 0 ? (Math.round(b * 0.05 * 100) / 100) : 0;
            }
            sincronizarTotalesDesdeMixto();
        });
    }
    if (mixIva5) {
        mixIva5.addEventListener("input", sincronizarTotalesDesdeMixto);
    }
    if (mixExcluido) {
        mixExcluido.addEventListener("input", sincronizarTotalesDesdeMixto);
    }

    function recalcularIvaYBase() {
        const total = parseFloat(inputTotal.value) || 0;
        const tarifa = selectTarifaIva ? selectTarifaIva.value : "0";

        if (tarifa === "mixto") {
            if (panelMixto) panelMixto.style.display = "block";
            if (inputBase) inputBase.readOnly = true;
            if (inputIva) inputIva.readOnly = true;
            sincronizarTotalesDesdeMixto();
            return;
        } else {
            if (panelMixto) panelMixto.style.display = "none";
            if (inputBase) inputBase.readOnly = false;
            if (inputIva) inputIva.readOnly = false;
        }

        if (tarifa === "19") {
            const base = Math.round((total / 1.19) * 100) / 100;
            const iva = Math.round((total - base) * 100) / 100;
            inputBase.value = base > 0 ? base : "";
            inputIva.value = iva > 0 ? iva : 0;
            seleccionarCuentaIvaPorDefecto("19");
        } else if (tarifa === "5") {
            const base = Math.round((total / 1.05) * 100) / 100;
            const iva = Math.round((total - base) * 100) / 100;
            inputBase.value = base > 0 ? base : "";
            inputIva.value = iva > 0 ? iva : 0;
            seleccionarCuentaIvaPorDefecto("5");
        } else if (tarifa === "0") {
            inputBase.value = total > 0 ? total : "";
            inputIva.value = 0;
            if (selectCuentaIva) selectCuentaIva.value = "";
        } else if (tarifa === "manual") {
            const iva = parseFloat(inputIva.value) || 0;
            if (total > 0) {
                inputBase.value = Math.max(0, Math.round((total - iva) * 100) / 100);
            }
            if (iva > 0) {
                seleccionarCuentaIvaPorDefecto("19");
            }
        }

        // Recalcular retenciones automáticamente si ya hay cuentas seleccionadas
        recalcularRetencion(false);
        recalcularReteIca(false);
        validarYActualizarCuadreContable();
    }

    const divCPP = document.getElementById("div_cuentaPorPagar");
    const selectCPP = document.getElementById("reg_cuentaPorPagar");
    const divTipoCruze = document.getElementById("div_tipoCruze");

    function seleccionarCuentaIvaPorDefecto(tarifa) {
        if (!selectCuentaIva) return;
        for (let i = 0; i < selectCuentaIva.options.length; i++) {
            const opt = selectCuentaIva.options[i];
            const val = opt.value;
            const text = opt.text.toLowerCase();
            if (tarifa === "19") {
                if (val === "24080219" || (val.startsWith("240802") && val.includes("19")) || (text.includes("descontable") && text.includes("19"))) {
                    selectCuentaIva.selectedIndex = i;
                    return;
                }
            } else if (tarifa === "5") {
                if (val === "24080205" || (val.startsWith("240802") && val.includes("5")) || (text.includes("descontable") && text.includes("5"))) {
                    selectCuentaIva.selectedIndex = i;
                    return;
                }
            }
        }
    }

    if (inputTotal) {
        inputTotal.addEventListener("input", recalcularIvaYBase);
    }
    if (selectTarifaIva) {
        selectTarifaIva.addEventListener("change", recalcularIvaYBase);
    }

    // Auto-ajuste de "Afectar Caja" y "Cuenta por Pagar" según forma de pago
    function sincronizarAfectarCaja() {
        if (!selectFormaPago) return;
        const val = selectFormaPago.value;
        const esPendiente = (val === "Pendiente" || val.startsWith("2335") || val.startsWith("23") || val.startsWith("22"));
        const helpCruze = document.getElementById("help_tipoCruze");
        const lblCPP = document.getElementById("lbl_cuentaPorPagar");

        if (esPendiente) {
            if (selectCPP) {
                selectCPP.disabled = false;
                selectCPP.required = true;
                selectCPP.style.backgroundColor = "";
                selectCPP.style.borderColor = "#38bdf8";
                if (!selectCPP.value) {
                    selectCPP.value = "233598";
                }
            }
            if (lblCPP) {
                lblCPP.innerHTML = 'Cuenta por Pagar (Pasivo) *';
                lblCPP.style.color = '#0284c7';
            }
            if (divTipoCruze) divTipoCruze.style.display = "block";
            if (selectTipoCruze) {
                selectTipoCruze.value = "Ninguno";
                selectTipoCruze.required = false;
                selectTipoCruze.style.backgroundColor = "#f1f5f9";
                selectTipoCruze.style.pointerEvents = "none";
            }
            if (helpCruze) helpCruze.style.display = "block";
        } else {
            if (selectCPP) {
                selectCPP.disabled = true;
                selectCPP.required = false;
                selectCPP.value = "";
                selectCPP.style.backgroundColor = "#f8fafc";
                selectCPP.style.borderColor = "#e2e8f0";
            }
            if (lblCPP) {
                lblCPP.innerHTML = 'Cuenta por Pagar <small style="font-weight:normal; color:#94a3b8;">(No aplica - Contado)</small>';
                lblCPP.style.color = '#64748b';
            }
            if (divTipoCruze) divTipoCruze.style.display = "block";
            if (selectTipoCruze) {
                selectTipoCruze.required = true;
                selectTipoCruze.style.backgroundColor = "";
                selectTipoCruze.style.pointerEvents = "";
                if (val.startsWith("1105")) {
                    selectTipoCruze.value = "0"; // Caja Diaria
                } else if (val.startsWith("1110") || val.startsWith("11")) {
                    selectTipoCruze.value = "1"; // Caja Mayor / Bancos
                } else if (selectTipoCruze.value === "Ninguno") {
                    selectTipoCruze.value = "0";
                }
            }
            if (helpCruze) helpCruze.style.display = "none";
        }
        if (typeof validarYActualizarCuadreContable === "function") {
            validarYActualizarCuadreContable();
        }
    }

    if (selectFormaPago && selectTipoCruze) {
        selectFormaPago.addEventListener("change", sincronizarAfectarCaja);
    }
    if (selectCPP) {
        selectCPP.addEventListener("change", function() {
            if (typeof validarYActualizarCuadreContable === "function") {
                validarYActualizarCuadreContable();
            }
        });
    }

    function autoSugerirCuentaPorPagar(code, name) {
        const selectCPP = document.getElementById("reg_cuentaPorPagar");
        if (!selectCPP) return;
        const lowerName = (name || "").toLowerCase();
        let targetCode = "";

        if (code.startsWith("5120") || lowerName.includes("arrend")) {
            targetCode = "233540"; // Arrendamientos
        } else if (code.startsWith("513525") || code.startsWith("5135") || lowerName.includes("servicio") || lowerName.includes("energia") || lowerName.includes("acueduct")) {
            targetCode = "233550"; // Servicios Públicos
        } else if (code.startsWith("5110") || lowerName.includes("honorario")) {
            targetCode = "233525"; // Honorarios
        } else if (code.startsWith("513545") || lowerName.includes("transporte") || lowerName.includes("flete")) {
            targetCode = "233545"; // Transportes y fletes
        } else if (code.startsWith("513555") || lowerName.includes("seguro")) {
            targetCode = "233555"; // Seguros
        } else if (code.startsWith("5105") || lowerName.includes("comision")) {
            targetCode = "233520"; // Comisiones
        } else if (code.startsWith("14") || code.startsWith("62") || code.startsWith("61") || lowerName.includes("mercanc") || lowerName.includes("materia prima") || lowerName.includes("compra")) {
            // Sugerir cuenta de proveedores (2205) para compras de mercancías e inventario
            for (let i = 0; i < selectCPP.options.length; i++) {
                if (selectCPP.options[i].value && selectCPP.options[i].value.startsWith("2205")) {
                    selectCPP.selectedIndex = i;
                    return;
                }
            }
            targetCode = "233598";
        }

        if (targetCode) {
            for (let i = 0; i < selectCPP.options.length; i++) {
                if (selectCPP.options[i].value === targetCode) {
                    selectCPP.selectedIndex = i;
                    return;
                }
            }
        }
    }

    // --- Buscador de Proveedor (Clientes/Proveedores) ---
    const inputCedula = document.getElementById("reg_ceducligasto");
    const inputNombre = document.getElementById("reg_nombreclicgas");
    const resultsDiv = document.getElementById("reg_search_results");

    if (inputCedula && resultsDiv) {
        inputCedula.addEventListener("keydown", function(e) {
            if (e.key === "Enter") {
                e.preventDefault();
                ejecutarBusquedaProveedor();
            }
        });
    }

    function ejecutarBusquedaProveedor() {
        const query = inputCedula.value.trim();
        if (!query) {
            resultsDiv.style.display = "none";
            return;
        }

        resultsDiv.innerHTML = '<div style="padding: 8px 12px; color: #64748b; font-size: 13px;">🔍 Buscando proveedor...</div>';
        resultsDiv.style.display = "block";

        fetch("{{ url('api/buscar-clientes') }}", {
            method: "POST",
            body: JSON.stringify({ q: query }),
            headers: {
                "Content-Type": "application/json",
                "X-CSRF-TOKEN": document.querySelector('input[name="_token"]').value
            }
        })
        .then(res => res.json())
        .then(matches => {
            resultsDiv.innerHTML = "";

            if (matches.length === 0) {
                const div = document.createElement("div");
                div.className = "gasto-dropdown-item";
                div.style.color = "#ef4444";
                div.innerText = "No se encontraron proveedores con ese criterio.";
                resultsDiv.appendChild(div);
                resultsDiv.style.display = "block";
            } else if (matches.length === 1) {
                seleccionarProveedor(matches[0]);
            } else {
                resultsDiv.style.display = "block";
                matches.forEach(m => {
                    const div = document.createElement("div");
                    div.className = "gasto-dropdown-item";
                    div.innerText = `${m.cedula} - ${m.nombre || ""} ${m.apellido || ""}`;
                    div.addEventListener("click", function() {
                        seleccionarProveedor(m);
                    });
                    resultsDiv.appendChild(div);
                });
            }
        })
        .catch(err => {
            console.error("Error al buscar proveedores:", err);
            resultsDiv.innerHTML = '<div style="padding: 8px 12px; color: #ef4444; font-size: 13px;">⚠ Error al buscar.</div>';
        });
    }

    function seleccionarProveedor(m) {
        inputCedula.value = m.cedula;
        inputNombre.value = `${m.nombre || ""} ${m.apellido || ""}`.trim();
        resultsDiv.style.display = "none";
    }

    document.addEventListener("click", function(e) {
        if (inputCedula && resultsDiv && e.target !== inputCedula && e.target !== resultsDiv) {
            resultsDiv.style.display = "none";
        }
    });

    // --- Buscador de Cuenta de Gasto ---
    const inputGastoSearch = document.getElementById("reg_tipogasto_search");
    const hiddenGasto = document.getElementById("reg_tipogasto");
    const resultsGastoDiv = document.getElementById("reg_tipogasto_results");
    const listaCuentasGastos = {!! json_encode($cuentasGastos) !!} || [];

    if (inputGastoSearch && resultsGastoDiv) {
        inputGastoSearch.addEventListener("focus", function() {
            mostrarCuentasFiltradas(this.value.trim());
        });

        inputGastoSearch.addEventListener("input", function() {
            mostrarCuentasFiltradas(this.value.trim());
            if (this.value.trim() === "") {
                hiddenGasto.value = "";
            }
            if (typeof validarYActualizarCuadreContable === "function") {
                validarYActualizarCuadreContable();
            }
        });
    }

    function mostrarCuentasFiltradas(query) {
        resultsGastoDiv.innerHTML = "";
        const cleanQuery = (query || "").trim().toLowerCase();

        let matches = listaCuentasGastos;
        if (cleanQuery !== "") {
            matches = listaCuentasGastos.filter(c => {
                const code = (c.codeC || "").toLowerCase();
                const name = (c.NombreCuenta || "").toLowerCase();
                const full = `${code} - ${name}`;
                return full.includes(cleanQuery) || code.includes(cleanQuery) || name.includes(cleanQuery);
            });
        }

        if (matches.length === 0) {
            const div = document.createElement("div");
            div.className = "gasto-dropdown-item";
            div.style.color = "#ef4444";
            div.innerText = "No se encontraron cuentas contables.";
            resultsGastoDiv.appendChild(div);
            resultsGastoDiv.style.display = "block";
        } else {
            resultsGastoDiv.style.display = "block";
            matches.slice(0, 30).forEach(c => {
                const div = document.createElement("div");
                div.className = "gasto-dropdown-item";
                div.innerText = `${c.codeC} - ${c.NombreCuenta}`;
                div.addEventListener("click", function() {
                    inputGastoSearch.value = `${c.codeC} - ${c.NombreCuenta}`;
                    hiddenGasto.value = c.codeC;
                    resultsGastoDiv.style.display = "none";
                    autoSugerirCuentaPorPagar(c.codeC, c.NombreCuenta);
                    if (typeof recalcularReteIca === "function" && selectCuentaReteIca && selectCuentaReteIca.value) {
                        recalcularReteIca(false);
                    }
                    if (typeof validarYActualizarCuadreContable === "function") {
                        validarYActualizarCuadreContable();
                    }
                });
                resultsGastoDiv.appendChild(div);
            });
        }
    }

    document.addEventListener("click", function(e) {
        if (inputGastoSearch && resultsGastoDiv && e.target !== inputGastoSearch && e.target !== resultsGastoDiv) {
            resultsGastoDiv.style.display = "none";
        }
    });

    // --- Validación en tiempo real de Factura Duplicada ---
    const inputNumFactura = document.getElementById("reg_numeroFactura");
    const alertaFactura = document.getElementById("reg_factura_alerta");
    const inputCedulaGasto = document.getElementById("reg_ceducligasto");

    function verificarDuplicadoFactura() {
        if (!inputNumFactura || !inputNumFactura.value.trim()) {
            if (alertaFactura) {
                alertaFactura.style.display = "none";
                alertaFactura.innerText = "";
            }
            if (inputNumFactura) inputNumFactura.style.borderColor = "";
            return;
        }

        const num = inputNumFactura.value.trim();
        const nit = inputCedulaGasto ? inputCedulaGasto.value.trim() : "";

        fetch("{{ url('validarFacturaGasto') }}", {
            method: "POST",
            body: JSON.stringify({ numeroFactura: num, cedula: nit }),
            headers: {
                "Content-Type": "application/json",
                "X-CSRF-TOKEN": document.querySelector('input[name="_token"]').value
            }
        })
        .then(res => res.json())
        .then(data => {
            if (data.existe) {
                const g = data.gasto;
                const vlrFmt = Number(g.valorg).toLocaleString();
                if (alertaFactura) {
                    alertaFactura.style.display = "block";
                    if (data.mismoProveedor) {
                        alertaFactura.innerHTML = `⚠️ ¡Atención! Ya registrada en Gasto #${g.idg} (${g.fecha}) por $${vlrFmt}`;
                    } else {
                        alertaFactura.innerHTML = `⚠️ Nota: Existe en Gasto #${g.idg} para ${g.nombrecli || 'otro prov'} ($${vlrFmt})`;
                    }
                }
                inputNumFactura.style.borderColor = "#f59e0b";
            } else {
                if (alertaFactura) {
                    alertaFactura.style.display = "none";
                    alertaFactura.innerText = "";
                }
                inputNumFactura.style.borderColor = "#10b981";
            }
        })
        .catch(() => {});
    }

    if (inputNumFactura) {
        inputNumFactura.addEventListener("blur", verificarDuplicadoFactura);
        inputNumFactura.addEventListener("change", verificarDuplicadoFactura);
    }
    if (inputCedulaGasto) {
        inputCedulaGasto.addEventListener("blur", function() {
            if (inputNumFactura && inputNumFactura.value.trim()) {
                verificarDuplicadoFactura();
            }
        });
    }

    // --- Enviar Formulario de Registro de Gasto con Blindaje Antiduplicados ---
    function ejecutarGuardadoGasto(data) {
        const btnGuardar = document.getElementById("btnGuardarGasto");
        btnGuardar.disabled = true;
        btnGuardar.innerText = "Registrando...";

        fetch("{{ url('registrarGasto') }}", {
            method: "POST",
            body: JSON.stringify(data),
            headers: {
                "Content-Type": "application/json",
                "X-CSRF-TOKEN": document.querySelector('input[name="_token"]').value
            }
        })
        .then(res => res.json())
        .then(response => {
            if (response.estado === "ok") {
                if (modalGasto) {
                    modalGasto.style.display = "none";
                }
                if (typeof Swal !== 'undefined') {
                    Swal.fire({
                        icon: 'success',
                        title: '¡Gasto Registrado!',
                        text: response.mensa || "Gasto registrado y contabilizado con éxito."
                    }).then(() => location.reload());
                } else {
                    alert(response.mensa || "Gasto registrado con éxito.");
                    location.reload();
                }
            } else if (response.estado === "duplicado") {
                // Alerta de Factura ya registrada para este proveedor (Prevención de Pago Doble)
                const g = response.gasto;
                const vlrFmt = Number(g.valorg).toLocaleString();
                if (typeof Swal !== 'undefined') {
                    Swal.fire({
                        title: '⚠️ ¡Factura ya Registrada!',
                        html: `La factura/recibo <b>${data.numeroFactura || ''}</b> ya fue registrada previamente para este proveedor:<br><br>
                               <div style="text-align:left; background:#f8fafc; padding:12px; border-radius:6px; border:1px solid #cbd5e1; font-size:13px; color:#1e293b;">
                                 <b>Gasto N°:</b> #${g.idg}<br>
                                 <b>Fecha:</b> ${g.fecha}<br>
                                 <b>Proveedor:</b> ${g.nombrecli || ''} (${g.cedulaclie || ''})<br>
                                 <b>Valor:</b> $${vlrFmt}<br>
                                 <b>Observación:</b> ${g.observacion || 'Sin detalle'}
                               </div><br>
                               <span style="color:#b91c1c; font-weight:bold;">¿Está seguro de registrar este pago nuevamente (posible pago doble)?</span>`,
                        icon: 'warning',
                        showCancelButton: true,
                        confirmButtonColor: '#d33',
                        cancelButtonColor: '#3085d6',
                        confirmButtonText: 'Sí, registrar de todos modos',
                        cancelButtonText: 'Cancelar y verificar'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            data['forzarGuardado'] = 1;
                            ejecutarGuardadoGasto(data);
                        } else {
                            btnGuardar.disabled = false;
                            btnGuardar.innerText = "Registrar Gasto";
                        }
                    });
                } else {
                    if (confirm(response.mensa + "\n\n¿Desea registrarla de todas formas (duplicar pago)?")) {
                        data['forzarGuardado'] = 1;
                        ejecutarGuardadoGasto(data);
                    } else {
                        btnGuardar.disabled = false;
                        btnGuardar.innerText = "Registrar Gasto";
                    }
                }
            } else {
                if (typeof Swal !== 'undefined') {
                    Swal.fire({
                        icon: 'error',
                        title: 'Inconsistencia Contable',
                        html: '<div style="text-align:left; white-space:pre-line; font-size:13px; color:#1e293b;">' + (response.mensa || "Error al registrar el gasto.") + '</div>',
                        confirmButtonColor: '#d33'
                    });
                } else {
                    alert(response.mensa || "Error al registrar el gasto.");
                }
                btnGuardar.disabled = false;
                btnGuardar.innerText = "Registrar Gasto";
            }
        })
        .catch(error => {
            console.error("Error:", error);
            if (typeof Swal !== 'undefined') {
                Swal.fire({ icon: 'error', title: 'Error', text: 'Ocurrió un error inesperado al registrar el gasto.' });
            } else {
                alert("Ocurrió un error al registrar el gasto.");
            }
            btnGuardar.disabled = false;
            btnGuardar.innerText = "Registrar Gasto";
        });
    }

    const formGasto = document.getElementById("formRegistrarGasto");
    if (formGasto) {
        formGasto.addEventListener("submit", function(e) {
            e.preventDefault();

            // Validación estricta de Partida Doble en el cliente
            if (typeof validarYActualizarCuadreContable === "function") {
                const check = validarYActualizarCuadreContable();
                if (!check.estaCuadrado) {
                    if (typeof Swal !== 'undefined') {
                        Swal.fire({
                            icon: 'error',
                            title: 'Gasto Contablemente Descuadrado',
                            html: '<div style="text-align:left; font-size:13px; color:#1e293b;"><b>No es posible guardar el gasto porque no cumple con la partida doble contable:</b><br><br>' +
                                  '<ul style="color:#b91c1c; padding-left:18px; margin:0; line-height:1.5;">' +
                                  check.errores.map(err => '<li>' + err + '</li>').join('') +
                                  '</ul><br><span style="color:#64748b;">Por favor ajuste los valores o cuentas correspondientes antes de registrar.</span></div>',
                            confirmButtonText: 'Entendido y corregir',
                            confirmButtonColor: '#d33'
                        });
                    } else {
                        alert("No se puede guardar el gasto porque está contablemente descuadrado:\n\n- " + check.errores.join("\n- "));
                    }
                    return false;
                }
            }

            const formData = new FormData(formGasto);
            const data = {};
            formData.forEach((value, key) => {
                data[key] = value;
            });

            const tarifaActual = selectTarifaIva ? selectTarifaIva.value : "0";
            if (tarifaActual === "mixto") {
                data['base19'] = parseFloat(mixBase19 ? mixBase19.value : 0) || 0;
                data['iva19'] = parseFloat(mixIva19 ? mixIva19.value : 0) || 0;
                data['base5'] = parseFloat(mixBase5 ? mixBase5.value : 0) || 0;
                data['iva5'] = parseFloat(mixIva5 ? mixIva5.value : 0) || 0;
                data['baseExcluido'] = parseFloat(mixExcluido ? mixExcluido.value : 0) || 0;
                const cta19 = document.getElementById("mix_cuentaIva19");
                const cta5 = document.getElementById("mix_cuentaIva5");
                if (cta19 && cta19.value) data['cuentaIva'] = cta19.value;
                if (cta5 && cta5.value) data['cuentaIva5'] = cta5.value;
            } else if (tarifaActual === "19") {
                data['base19'] = parseFloat(inputBase ? inputBase.value : 0) || 0;
                data['iva19'] = parseFloat(inputIva ? inputIva.value : 0) || 0;
                data['base5'] = 0;
                data['iva5'] = 0;
                data['baseExcluido'] = 0;
            } else if (tarifaActual === "5") {
                data['base19'] = 0;
                data['iva19'] = 0;
                data['base5'] = parseFloat(inputBase ? inputBase.value : 0) || 0;
                data['iva5'] = parseFloat(inputIva ? inputIva.value : 0) || 0;
                data['baseExcluido'] = 0;
            } else if (tarifaActual === "0") {
                data['base19'] = 0;
                data['iva19'] = 0;
                data['base5'] = 0;
                data['iva5'] = 0;
                data['baseExcluido'] = parseFloat(inputBase ? inputBase.value : 0) || parseFloat(inputTotal ? inputTotal.value : 0) || 0;
            } else { // manual
                const iv = parseFloat(inputIva ? inputIva.value : 0) || 0;
                const bs = parseFloat(inputBase ? inputBase.value : 0) || 0;
                if (iv > 0) {
                    data['base19'] = bs;
                    data['iva19'] = iv;
                    data['base5'] = 0;
                    data['iva5'] = 0;
                    data['baseExcluido'] = 0;
                } else {
                    data['base19'] = 0;
                    data['iva19'] = 0;
                    data['base5'] = 0;
                    data['iva5'] = 0;
                    data['baseExcluido'] = bs;
                }
            }

            const valFP = selectFormaPago ? selectFormaPago.value : "";
            const esPendiente = (valFP === "Pendiente" || valFP.startsWith("2335") || valFP.startsWith("23") || valFP.startsWith("22"));
            if (esPendiente) {
                data['tipoCruze'] = 'Ninguno';
            }

            // Garantizar que la bodega seleccionada se envíe explícitamente
            const selectModalBodega = document.getElementById("reg_idbodegaG");
            const selectFiltroBodega = document.getElementById("idbodegas");
            let bodegaFinal = selectModalBodega ? selectModalBodega.value : "";
            if (!bodegaFinal || bodegaFinal === "0") {
                if (selectFiltroBodega && selectFiltroBodega.value !== "0" && selectFiltroBodega.value !== "todos") {
                    bodegaFinal = selectFiltroBodega.value;
                }
            }
            if (bodegaFinal) {
                data['idbodegaG'] = bodegaFinal;
                data['bodega'] = bodegaFinal;
            }

            ejecutarGuardadoGasto(data);
        });
    }
});
</script>