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

@section('contenido')

<!-- Estilos Premium para la Vista del Libro Auxiliar -->
<style>
    :root {
        --accent-color: #2563eb;
        --accent-hover: #1d4ed8;
        --pdf-color: #e11d48;
        --pdf-hover: #be123c;
        --bg-soft: #f8fafc;
        --border-soft: #e2e8f0;
        --text-dark: #0f172a;
        --text-muted: #475569;
        --success-color: #10b981;
    }

    .premium-header {
        background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
        border-radius: 12px;
        padding: 12px 20px;
        color: white;
        margin-bottom: 12px;
        box-shadow: 0 4px 10px -3px rgba(15, 23, 42, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.05);
    }

    .premium-card {
        background: #ffffff;
        border: 1px solid var(--border-soft);
        border-radius: 10px;
        box-shadow: 0 2px 8px -2px rgba(15, 23, 42, 0.04);
        margin-bottom: 12px;
        overflow: visible !important; /* Permitir que el dropdown se muestre fuera de los límites de la tarjeta */
    }

    .card-header-premium {
        background: var(--bg-soft);
        border-bottom: 1px solid var(--border-soft);
        padding: 8px 16px;
        font-weight: 800;
        color: var(--text-dark);
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 0.85rem;
        letter-spacing: 0.5px;
    }

    .form-label-premium {
        font-size: 0.65rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.6px;
        color: var(--text-muted);
        margin-bottom: 3px;
        display: block;
    }

    .form-control-premium {
        border: 1px solid var(--border-soft);
        border-radius: 8px;
        padding: 7px 12px;
        font-size: 0.85rem;
        color: var(--text-dark);
        transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        background-color: #ffffff;
    }

    .form-control-premium:focus {
        border-color: var(--accent-color);
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
        outline: none;
        background-color: #ffffff;
    }

    /* Selector de Bodegas Dropdown Estilo Premium */
    .dropdown-bodegas-btn {
        background: #ffffff;
        border: 1px solid var(--border-soft);
        border-radius: 8px;
        padding: 7px 12px;
        font-size: 0.85rem;
        color: var(--text-dark);
        width: 100%;
        text-align: left;
        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: border-color 0.2s ease;
    }
    .dropdown-bodegas-btn:focus, .dropdown-bodegas-btn:active {
        border-color: var(--accent-color);
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
        outline: none;
    }

    .dropdown-menu {
        z-index: 1050 !important; /* Asegurar que se muestre encima de la tabla */
    }

    .custom-scrollbar::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }
    .custom-scrollbar::-webkit-scrollbar-track {
        background: #f8fafc;
        border-radius: 10px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb {
        background: #cbd5e1;
        border-radius: 10px;
    }
    .custom-scrollbar::-webkit-scrollbar-thumb:hover {
        background: #94a3b8;
    }

    /* Botones Modernos */
    .btn-premium-search {
        background: linear-gradient(135deg, var(--accent-color) 0%, var(--accent-hover) 100%);
        color: white !important;
        border: none;
        border-radius: 8px;
        padding: 8px 20px;
        font-weight: 700;
        font-size: 0.85rem;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        box-shadow: 0 4px 10px rgba(37, 99, 235, 0.15);
        transition: all 0.2s ease;
        cursor: pointer;
    }

    .btn-premium-search:hover {
        transform: translateY(-1px);
        box-shadow: 0 6px 14px rgba(37, 99, 235, 0.2);
    }

    .btn-premium-pdf {
        background: linear-gradient(135deg, var(--pdf-color) 0%, var(--pdf-hover) 100%);
        color: white !important;
        border: none;
        border-radius: 8px;
        padding: 8px 20px;
        font-weight: 700;
        font-size: 0.85rem;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        box-shadow: 0 4px 10px rgba(225, 29, 72, 0.15);
        transition: all 0.2s ease;
        cursor: pointer;
    }

    .btn-premium-pdf:hover {
        transform: translateY(-1px);
        box-shadow: 0 6px 14px rgba(225, 29, 72, 0.2);
    }

    .btn-premium-excel {
        background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
        color: white !important;
        border: none;
        border-radius: 8px;
        padding: 8px 20px;
        font-weight: 700;
        font-size: 0.85rem;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        box-shadow: 0 4px 10px rgba(22, 163, 74, 0.15);
        transition: all 0.2s ease;
        cursor: pointer;
    }

    .btn-premium-excel:hover {
        transform: translateY(-1px);
        box-shadow: 0 6px 14px rgba(22, 163, 74, 0.2);
    }

    /* Alerta */
    .alert-premium {
        border-radius: 10px;
        border-left: 5px solid #ef4444;
        background-color: #fef2f2;
        color: #991b1b;
        font-weight: 600;
        padding: 10px 16px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.02);
    }

    /* TABLE LAYOUT OVERRIDES - CRITICAL TO FIX THE 400PX STYLING */
    table.table-premium {
        display: table !important;
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
        border-collapse: collapse !important;
        border-spacing: 0 !important;
        background-color: transparent !important;
        margin: 0 !important;
    }

    table.table-premium tr {
        display: table-row !important;
        background-color: transparent !important;
    }

    table.table-premium td, table.table-premium th {
        display: table-cell !important;
        border-top: none !important;
    }

    /* Custom scrollable container for the table */
    .table-premium-scroll-wrapper {
        max-height: 520px;
        overflow-y: auto;
        border-radius: 0 0 12px 12px;
        border: 1px solid var(--border-soft);
        background: #ffffff;
        position: relative;
    }
</style>

<div class="container-fluid mt-2 px-3">
    <!-- Encabezado Premium -->
    <div class="premium-header d-flex justify-content-between align-items-center">
        <div>
            <h1 class="mb-0 font-weight-bold" style="font-weight: 800; font-size: 1.35rem; letter-spacing: -0.5px;">📚 Libro Auxiliar de Cuentas</h1>
            <p class="mb-0 text-white-50 small" style="font-size: 0.75rem;">Consulte los movimientos detallados de sus cuentas estructuradas por jerarquía y terceros.</p>
        </div>
        <div>
            @include('menu.botonRegresarContab')
        </div>
    </div>

    <!-- Alerta en caso de error -->
    @if(session('error'))
        <div class="alert alert-premium alert-dismissible fade show mb-4" role="alert">
            <i class="fas fa-exclamation-circle me-2"></i> {{ session('error') }}
        </div>
    @endif

    <!-- Card de Filtros -->
    <div class="premium-card">
        <div class="card-header-premium">
            <span class="text-uppercase small font-weight-bold letter-spacing-1" style="font-size: 0.75rem;"><i class="fas fa-sliders-h me-1 text-primary"></i> Parámetros de Consulta</span>
        </div>
        <div class="card-body p-3">
            <form id="formFiltros" action="{{ url('consultarLibroAuxiliarCuentas') }}" method="GET">
                <!-- Fila 1 de Filtros (12 Columnas exactas) -->
                <div class="row align-items-end g-2 mb-2">
                    <!-- Fecha Inicial (2 cols) -->
                    <div class="col-lg-2 col-md-4 col-sm-6">
                        <label class="form-label-premium"><i class="far fa-calendar-alt me-1 text-muted"></i> Fecha Inicial</label>
                        <input required type="date" name="fi" value="{{ $fi }}" class="form-control form-control-premium w-100">
                    </div>
                    
                    <!-- Fecha Final (2 cols) -->
                    <div class="col-lg-2 col-md-4 col-sm-6">
                        <label class="form-label-premium"><i class="far fa-calendar-alt me-1 text-muted"></i> Fecha Final</label>
                        <input required type="date" name="ff" value="{{ $ff }}" class="form-control form-control-premium w-100">
                    </div>
                    
                    <!-- Selector de Bodega Seguro (Dropdown) (2 cols) -->
                    <div class="col-lg-2 col-md-4 col-sm-6">
                        <label class="form-label-premium"><i class="fas fa-store me-1 text-muted"></i> Sucursal / Bodega</label>
                        <div class="dropdown">
                            <button class="dropdown-bodegas-btn dropdown-toggle" type="button" id="dropdownBodegas" aria-haspopup="true" aria-expanded="false">
                                <span class="text-truncate">Bodegas (<span id="badge-count">0</span>)</span>
                            </button>
                            <div class="dropdown-menu p-3 shadow custom-scrollbar" aria-labelledby="dropdownBodegas" style="min-width: 260px; max-height: 220px; overflow-y: auto; border-radius: 8px;">
                                <div class="dropdown-header px-0 py-1 text-muted font-weight-bold text-uppercase" style="font-size: 0.65rem; letter-spacing: 0.5px;">Selección de Bodegas</div>
                                @php
                                    $perfil = session()->get("perfil");
                                    $usuario = $_SESSION["user"] ?? null;
                                    if ($perfil === null && $usuario) {
                                        $perfil = \DB::table("user")->where("nonombre", $usuario)->value('tipo');
                                    }
                                    $perfil = $perfil ?? 0;

                                    $bodegasAll = session()->get("bodegas");
                                    if (empty($bodegasAll)) {
                                        $bodegasAll = \DB::table("bodegas")->orderBy('id')->get();
                                    }

                                    $bodegaUser = session()->get("bodegaUser");
                                    if ($bodegaUser === null && $usuario) {
                                        $bodegaUser = \DB::table("user")->where("nonombre", $usuario)->value('idbodega');
                                    }
                                    $bodegaUser = $bodegaUser ?? 1;

                                    $bodegasUser = session()->get("bodegasUser");
                                    if (empty($bodegasUser) && $usuario) {
                                        $bodegasUser = \DB::table("bodegauserpermit")->where("iduser", $usuario)->get();
                                    }
                                    $bodegasUser = $bodegasUser ?? [];

                                    $idsAsignados = [];
                                    foreach ($bodegasUser as $bu) {
                                        $idsAsignados[] = $bu->bodegaPermiti;
                                    }

                                    $bodegasMostrar = [];
                                    if ($perfil == 0) { 
                                        $bodegasMostrar = empty($idsAsignados) ? [$bodegaUser] : array_unique(array_merge([$bodegaUser], $idsAsignados));
                                    } else {
                                        if (empty($idsAsignados)) {
                                            foreach ($bodegasAll as $b) {
                                                $bodegasMostrar[] = $b->id;
                                            }
                                        } else {
                                            $bodegasMostrar = array_unique(array_merge([$bodegaUser], $idsAsignados));
                                        }
                                    }

                                    $bodegasSelt = (array)request('bodegas', [0]);
                                @endphp
                                
                                @if($perfil != 0)
                                <div class="form-check d-flex align-items-center mb-2 px-1" style="padding-left: 0;">
                                    <input type="checkbox" name="bodegas[]" value="0" id="b_all" {{ in_array('0', $bodegasSelt) ? 'checked' : '' }} onchange="toggleAll(this)" style="cursor: pointer; width: 15px; height: 15px; margin-right: 8px; position: static; opacity: 1;">
                                    <label for="b_all" class="text-dark mb-0 font-weight-bold" style="cursor: pointer; font-size: 0.8rem; user-select: none; color: #0f172a !important;">-- TODAS --</label>
                                </div>
                                @endif

                                @foreach ($bodegasAll as $b)
                                @if (in_array($b->id, $bodegasMostrar))
                                <div class="form-check d-flex align-items-center mb-1 px-1" style="padding-left: 0;">
                                    <input class="check-individual" type="checkbox" name="bodegas[]" value="{{$b->id}}" id="b_{{$b->id}}" {{ in_array($b->id, $bodegasSelt) ? 'checked' : '' }} onchange="toggleIndividual(this)" style="cursor: pointer; width: 15px; height: 15px; margin-right: 8px; position: static; opacity: 1;">
                                    <label class="text-dark mb-0" for="b_{{$b->id}}" style="cursor: pointer; font-size: 0.8rem; user-select: none; font-weight: 500; color: #0f172a !important;">{{$b->nombreBodega}}</label>
                                </div>
                                @endif
                                @endforeach
                            </div>
                        </div>
                    </div>
                    
                    <!-- Cuenta Contable (3 cols) -->
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <label class="form-label-premium"><i class="fas fa-list-ol me-1 text-muted"></i> Cuenta PUC (Opcional)</label>
                        <input type="text" list="seleccuenta" name="cuentaConsultar" value="{{ ($cuentaConsultar != '0' && $cuentaConsultar != '') ? $cuentaConsultar : '' }}" placeholder="Todas las cuentas (Opcional)..." class="form-control form-control-premium w-100">
                        <datalist id="seleccuenta">
                            @foreach ($cuentas as $item)
                                <option value="{{ $item->codeC }}">{{ $item->codeC }} - {{ $item->NombreCuenta }}</option>
                            @endforeach
                        </datalist>
                    </div>

                    <!-- Centro de Costos (3 cols) -->
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <label class="form-label-premium"><i class="fas fa-sitemap me-1 text-muted"></i> Centro de Costos</label>
                        <select name="centro_costo" id="selectCentroCosto" class="form-select form-control-premium w-100">
                            <option value="0">-- Todos los C. Costos --</option>
                            @if(\Illuminate\Support\Facades\Schema::hasTable('centros_costos'))
                                @php
                                    $centrosLista = \DB::table('centros_costos')->where('estado', 1)->orderBy('codigo')->get();
                                @endphp
                                @foreach($centrosLista as $cc)
                                    <option value="{{ $cc->id }}" {{ (request('centro_costo', $centro_costo ?? 0) == $cc->id) ? 'selected' : '' }}>
                                        {{ $cc->codigo }} - {{ $cc->nombre }}
                                    </option>
                                @endforeach
                            @endif
                        </select>
                    </div>
                </div>

                <!-- Fila 2 de Filtros y Acciones (12 Columnas exactas) -->
                <div class="row align-items-center g-2 pt-1">
                    <!-- Tercero con input-group (5 cols) -->
                    <div class="col-lg-5 col-md-6 col-sm-12">
                        <label class="form-label-premium"><i class="fas fa-user-tag me-1 text-muted"></i> Tercero (NIT / Nombre)</label>
                        <div class="input-group">
                            <input type="text" name="nit" id="nitTercero" list="selectercero" value="{{ $nit }}" placeholder="Escriba NIT o nombre y presione Enter..." class="form-control form-control-premium" autocomplete="off">
                            <button type="button" class="btn btn-outline-secondary px-3" onclick="realizarBusquedaTercero()" title="Buscar tercero en catálogo">
                                <i class="fas fa-search"></i>
                            </button>
                        </div>
                        <datalist id="selectercero"></datalist>
                        <small id="tercero_ayuda" class="text-success font-weight-bold d-block mt-1" style="font-size: 0.72rem; min-height: 16px;">
                            @if(!empty($nombreTercero))
                                <i class="fas fa-check-circle me-1"></i> {{ $nombreTercero }}
                            @endif
                        </small>
                    </div>

                    <!-- Incluir Saldos Iniciales (2 cols) -->
                    <div class="col-lg-2 col-md-6 col-sm-6 text-center">
                        <label class="form-label-premium d-block">Saldos Anteriores</label>
                        <div class="form-check d-inline-flex align-items-center justify-content-center p-1 rounded bg-light border w-100" style="min-height: 38px;">
                            <input type="checkbox" name="incluirSaldos" value="1" id="inc_saldos" {{ request('incluirSaldos', $incluirSaldos ?? '1') == '1' ? 'checked' : '' }} style="cursor: pointer; width: 16px; height: 16px; margin-right: 8px;">
                            <label for="inc_saldos" class="text-dark mb-0 font-weight-bold small" style="cursor: pointer; user-select: none;">Incluir Saldos</label>
                        </div>
                    </div>

                    <!-- Botones de Acción (5 cols) -->
                    <div class="col-lg-5 col-md-12 col-sm-6 d-flex gap-2 justify-content-end align-items-center pt-3 pt-lg-0">
                        @if(isset($datosReporte) && count($datosReporte) > 0)
                            <button type="submit" class="btn-premium-search flex-grow-1 justify-content-center py-2 px-3" title="Consultar nuevamente">
                                <i class="fas fa-sync-alt"></i> Consultar
                            </button>
                            <button type="button" onclick="verPDF()" class="btn-premium-pdf justify-content-center py-2 px-3" title="Exportar a PDF oficial">
                                <i class="fas fa-file-pdf"></i> PDF
                            </button>
                            <button type="button" onclick="verExcel()" class="btn-premium-excel justify-content-center py-2 px-3" title="Exportar a Excel XLSX">
                                <i class="fas fa-file-excel"></i> Excel
                            </button>
                        @else
                            <button type="submit" class="btn-premium-search w-100 justify-content-center py-2">
                                <i class="fas fa-search"></i> Consultar Libro Auxiliar
                            </button>
                        @endif
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!-- Resultados del Reporte -->
    @if(isset($datosReporte))
        <div class="premium-card shadow-sm">
            <div class="card-header-premium" style="background-color: #0f172a; color: white;">
                <span class="text-uppercase small font-weight-bold letter-spacing-1"><i class="fas fa-table me-2 text-info"></i> Registros Obtenidos</span>
                @if(count($datosReporte) == 0)
                    <span class="badge bg-warning text-dark px-3 py-1 font-weight-bold">Sin movimientos</span>
                @else
                    <span class="badge bg-info text-dark px-3 py-1 font-weight-bold">{{ count($datosReporte) }} Cuenta(s)</span>
                @endif
            </div>
            <div class="card-body p-0">
                @if(count($datosReporte) == 0)
                    <div class="p-5 text-center text-muted">
                        <i class="fas fa-folder-open fa-3x mb-3 text-warning"></i>
                        <p class="mb-0 font-weight-bold text-dark">No se encontraron movimientos registrados.</p>
                        <span class="small text-muted">Pruebe ajustando el rango de fechas o modificando los filtros de búsqueda.</span>
                    </div>
                @else
                    <div class="table-premium-scroll-wrapper shadow-sm custom-scrollbar">
                        @include('contabilidad.exportar.libroAuxiliarCuentasTable')
                    </div>
                @endif
            </div>
        </div>
    @endif
</div>

<!-- Scrollbar Styles -->
<style>
    .custom-scrollbar::-webkit-scrollbar { width: 4px; }
    .custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; }
    .custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }
</style>

@endsection

@section('pie')
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
function abrirModalReclasificar(idContabilidad, cuentaActual, documento, tercero, debito, credito) {
    const fmt = (v) => new Intl.NumberFormat('es-CO', { style: 'currency', currency: 'COP' }).format(v || 0);
    const naturaleza = debito > 0 ? `DÉBITO: ${fmt(debito)}` : `CRÉDITO: ${fmt(credito)}`;

    Swal.fire({
        title: '<i class="fas fa-exchange-alt text-primary me-2"></i>Reclasificar Cuenta PUC en 1 Clic',
        html: `
            <div class="text-start small">
                <div class="p-2 mb-3 rounded border bg-light">
                    <div><strong>Documento:</strong> ${documento}</div>
                    <div><strong>Tercero:</strong> ${tercero}</div>
                    <div><strong>Cuenta Actual:</strong> <code class="fs-6 fw-bold">${cuentaActual}</code></div>
                    <div><strong>Movimiento:</strong> <span class="badge bg-dark">${naturaleza}</span></div>
                </div>
                <label class="form-label fw-bold text-dark mb-1">Nueva Cuenta PUC Destino:</label>
                <input id="swal_nueva_cuenta" type="text" list="seleccuenta" class="form-control mb-2 fw-bold" placeholder="Escriba o seleccione código PUC (ej. 513530)..." value="${cuentaActual}">
                <label class="form-label fw-bold text-muted mb-1">Nota / Motivo de Reclasificación (Opcional):</label>
                <input id="swal_motivo_reclasif" type="text" class="form-control form-control-sm" placeholder="Ej: Corrección de cuenta de servicio / gasto">
                <div class="mt-2 text-muted" style="font-size: 0.74rem;">
                    <i class="fas fa-shield-alt text-success me-1"></i>La reclasificación traslada únicamente la cuenta PUC de esta línea sin alterar el cuadre de partida doble ni anular el documento operativo.
                </div>
            </div>
        `,
        showCancelButton: true,
        confirmButtonText: '<i class="fas fa-check me-1"></i>Reclasificar Ahora',
        cancelButtonText: 'Cancelar',
        confirmButtonColor: '#2563eb',
        preConfirm: () => {
            let nuevaCuenta = document.getElementById('swal_nueva_cuenta').value.trim();
            const motivo = document.getElementById('swal_motivo_reclasif').value.trim();
            if (!nuevaCuenta) {
                Swal.showValidationMessage('Debe ingresar o seleccionar la nueva cuenta PUC.');
                return false;
            }
            if (nuevaCuenta.includes(' ')) {
                nuevaCuenta = nuevaCuenta.split(' ')[0].trim();
            }
            return { nuevaCuenta, motivo };
        }
    }).then(result => {
        if (!result.isConfirmed) return;

        Swal.fire({
            title: 'Reclasificando cuenta...',
            allowOutsideClick: false,
            didOpen: () => Swal.showLoading()
        });

        fetch("{{ url('contabilidad/reclasificar-linea') }}", {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            },
            body: JSON.stringify({
                id_contabilidad: idContabilidad,
                nueva_cuenta: result.value.nuevaCuenta,
                motivo: result.value.motivo
            })
        })
        .then(r => r.json())
        .then(res => {
            if (!res.ok) {
                Swal.fire('No se pudo reclasificar', res.message || 'Error al reclasificar la línea contable.', 'error');
                return;
            }
            Swal.fire({
                icon: 'success',
                title: '¡Cuenta Reclasificada!',
                text: res.message,
                timer: 2200
            }).then(() => {
                document.getElementById('formFiltros').submit();
            });
        })
        .catch(() => {
            Swal.fire('Error', 'Error de red al intentar reclasificar la cuenta.', 'error');
        });
    });
}

function toggleAll(el) {
    if (el.checked) {
        document.querySelectorAll('.check-individual').forEach(cb => cb.checked = false);
    }
    updateCount();
}
function toggleIndividual(el) {
    if (el.checked) {
        const fall = document.getElementById('b_all');
        if(fall) fall.checked = false;
    }
    updateCount();
}
function updateCount() {
    const count = document.querySelectorAll('input[name="bodegas[]"]:checked').length;
    const isAll = document.getElementById('b_all')?.checked;
    const badge = document.getElementById('badge-count');
    if (badge) {
        badge.innerText = isAll ? 'TODAS' : count;
    }
}
document.addEventListener('DOMContentLoaded', updateCount);

// Manejar manualmente el despliegue del dropdown de bodegas de manera segura y robusta
$(document).ready(function() {
    $('#dropdownBodegas').on('click', function(e) {
        e.preventDefault();
        e.stopPropagation();
        const menu = $(this).next('.dropdown-menu');
        const isOpen = menu.hasClass('show');
        
        // Cerrar todos los dropdowns primero
        $('.dropdown-menu').removeClass('show');
        
        // Conmutar el estado del actual
        if (!isOpen) {
            menu.addClass('show');
        }
    });

    // Cerrar el dropdown al hacer click fuera de él
    $(document).on('click', function(e) {
        if (!$(e.target).closest('.dropdown').length) {
            $('.dropdown-menu').removeClass('show');
        }
    });

    // Evitar que el dropdown de bodegas se cierre al hacer click en los checkboxes o labels interiores
    $(document).on('click', '.dropdown-menu', function (e) {
        e.stopPropagation();
    });

    // Delegación de evento para reclasificar líneas contables de forma segura
    $(document).on('click', '.btn-reclasificar', function() {
        const id = $(this).data('id');
        const cuenta = $(this).data('cuenta');
        const doc = $(this).data('doc');
        const tercero = $(this).data('tercero');
        const debito = parseFloat($(this).data('debito') || 0);
        const credito = parseFloat($(this).data('credito') || 0);
        abrirModalReclasificar(id, cuenta, doc, tercero, debito, credito);
    });
});

function verPDF() {
    const form = document.getElementById('formFiltros');
    const originalAction = form.action;
    form.action = "{{ url('libroAuxiliarCuentasPDF') }}";
    form.target = "_blank";
    form.submit();
    
    // Restaurar comportamiento original
    form.action = originalAction;
    form.target = "";
}

function verExcel() {
    const form = document.getElementById('formFiltros');
    const originalAction = form.action;
    form.action = "{{ url('libroAuxiliarCuentasExcel') }}";
    form.target = "_blank";
    form.submit();
    
    // Restaurar comportamiento original
    form.action = originalAction;
    form.target = "";
}

// Búsqueda asíncrona de Tercero al presionar Enter o seleccionar opción
$(document).ready(function() {
    $('#nitTercero').on('keydown', function(e) {
        if (e.key === 'Enter') {
            e.preventDefault(); // Evitar enviar el formulario completo
            realizarBusquedaTercero();
        }
    });

    $('#nitTercero').on('input', function() {
        const val = this.value.trim();
        const datalist = document.getElementById('selectercero');
        const ayuda = document.getElementById('tercero_ayuda');
        
        if (val === "") {
            ayuda.innerHTML = "";
            return;
        }

        const options = datalist.options;
        let match = null;
        for (let i = 0; i < options.length; i++) {
            if (options[i].value === val) {
                match = options[i].text;
                break;
            }
        }

        if (match) {
            ayuda.innerHTML = '<i class="fas fa-check-circle me-1"></i> ' + match;
        }
    });
});

function realizarBusquedaTercero() {
    const input = document.getElementById('nitTercero');
    const datalist = document.getElementById('selectercero');
    const ayuda = document.getElementById('tercero_ayuda');
    const val = input.value.trim();

    if (val.length < 2) {
        ayuda.innerHTML = '<span class="text-danger"><i class="fas fa-exclamation-circle"></i> Escriba al menos 2 caracteres</span>';
        return;
    }

    ayuda.innerHTML = '<span><i class="fas fa-spinner fa-spin"></i> Buscando tercero...</span>';

    $.ajax({
        url: "{{ url('api/proveedores/buscar-filtro') }}",
        method: "POST",
        data: JSON.stringify({ q: val }),
        contentType: "application/json",
        headers: {
            "X-CSRF-TOKEN": "{{ csrf_token() }}"
        },
        success: function(data) {
            datalist.innerHTML = "";
            if (data.length === 0) {
                ayuda.innerHTML = '<span class="text-danger"><i class="fas fa-times-circle"></i> Ninguno encontrado</span>';
            } else if (data.length === 1) {
                const prov = data[0];
                input.value = prov.provedor;
                ayuda.innerHTML = '<i class="fas fa-check-circle me-1"></i> ' + prov.nombre;
            } else {
                data.forEach(function(prov) {
                    const option = document.createElement('option');
                    option.value = prov.provedor;
                    option.text = prov.nombre; 
                    datalist.appendChild(option);
                });
                ayuda.innerHTML = '<span class="text-warning"><i class="fas fa-info-circle"></i> Varios encontrados (' + data.length + '). Elija de la lista.</span>';
                
                // Enfocar para abrir datalist
                input.focus();
            }
        },
        error: function() {
            ayuda.innerHTML = '<span class="text-danger"><i class="fas fa-exclamation-triangle"></i> Error al buscar</span>';
        }
    });
}
</script>
@endsection