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

@section('contenido')
<div class="container-fluid px-4 py-3">
    
    <!-- Encabezado Principal -->
    <div class="d-flex justify-content-between align-items-center mb-4 flex-wrap gap-2">
        <div>
            <h2 class="fw-bold text-dark mb-1">
                <i class="fas fa-file-import text-primary me-2"></i> Asistente de Migración de Saldos Iniciales
            </h2>
            <p class="text-muted mb-0 small">
                Carga masiva del Balance Inicial y saldos de apertura desde archivos Excel (.xlsx) o CSV.
            </p>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ url('saldos-iniciales/descargar-plantilla') }}" class="btn btn-outline-success shadow-sm">
                <i class="fas fa-file-excel me-1"></i> Descargar Plantilla Modelo (.xlsx)
            </a>
            @include('menu.botonRegresarContab')
        </div>
    </div>

    <!-- Pestañas de Navegación -->
    <ul class="nav nav-pills mb-4" id="pills-tab" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link active fw-bold" id="tab-cargue-btn" data-bs-toggle="pill" data-bs-target="#tab-cargue" type="button" role="tab">
                <i class="fas fa-cloud-upload-alt me-1"></i> 1. Cargar y Previsualizar Archivo
            </button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link fw-bold" id="tab-historial-btn" data-bs-toggle="pill" data-bs-target="#tab-historial" type="button" role="tab">
                <i class="fas fa-history me-1"></i> 2. Historial de Comprobantes Cargados ({{ count($historial) }})
            </button>
        </li>
    </ul>

    <div class="tab-content" id="pills-tabContent">
        
        <!-- PESTAÑA 1: CARGUE Y VALIDACIÓN -->
        <div class="tab-pane fade show active" id="tab-cargue" role="tabpanel">
            
            <!-- Panel de Selección de Archivo y Parámetros -->
            <div class="card shadow-sm border-0 mb-4">
                <div class="card-body p-4">
                    <form id="formPrevisualizar" enctype="multipart/form-data">
                        @csrf
                        <div class="row g-3 align-items-end">
                            <div class="col-md-3">
                                <label class="form-label fw-bold small text-secondary">
                                    <i class="fas fa-calendar-alt me-1 text-primary"></i> Fecha de Corte de Apertura
                                </label>
                                <input type="date" name="fecha_corte" id="fecha_corte" class="form-control form-control-sm" value="{{ date('Y-01-01') }}" required>
                            </div>

                            <div class="col-md-3">
                                <label class="form-label fw-bold small text-secondary">
                                    <i class="fas fa-store me-1 text-primary"></i> Bodega por Defecto
                                </label>
                                <select name="bodega_defecto" id="bodega_defecto" class="form-select form-select-sm">
                                    @foreach($bodegas as $b)
                                        <option value="{{ $b->id }}">{{ $b->nombreBodega }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-3">
                                <label class="form-label fw-bold small text-secondary">
                                    <i class="fas fa-layer-group me-1 text-primary"></i> Centro de Costos
                                </label>
                                <select name="centro_costo_defecto" id="centro_costo_defecto" class="form-select form-select-sm">
                                    @foreach($centrosCostos as $cc)
                                        <option value="{{ $cc->id }}">{{ $cc->codigo }} - {{ $cc->nombre }}</option>
                                    @endforeach
                                </select>
                            </div>

                            <div class="col-md-3">
                                <label class="form-label fw-bold small text-secondary">
                                    <i class="fas fa-file-alt me-1 text-primary"></i> Archivo Excel o CSV
                                </label>
                                <input type="file" name="archivo" id="archivo_input" class="form-control form-control-sm" accept=".xlsx,.csv,.txt" required>
                            </div>

                            <div class="col-12 text-end mt-3">
                                <button type="button" id="btnAnalizar" onclick="analizarArchivo()" class="btn btn-primary shadow-sm px-4">
                                    <i class="fas fa-microscope me-1"></i> Analizar y Validar Archivo
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>

            <!-- Panel de Resultados del Análisis (Oculto inicialmente) -->
            <div id="panelResultados" style="display: none;">
                
                <!-- Tarjetas de Resumen y Estado de Partida Doble -->
                <div class="row g-3 mb-4">
                    <div class="col-md-3">
                        <div class="card border-0 shadow-sm bg-primary text-white p-3">
                            <span class="small opacity-75 fw-bold text-uppercase">Total Débitos</span>
                            <h3 class="fw-bold mb-0" id="cardTotalDebitos">$ 0.00</h3>
                            <small class="opacity-75" id="cardTotalPartidas">0 partidas analizadas</small>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card border-0 shadow-sm bg-success text-white p-3">
                            <span class="small opacity-75 fw-bold text-uppercase">Total Créditos</span>
                            <h3 class="fw-bold mb-0" id="cardTotalCreditos">$ 0.00</h3>
                            <small class="opacity-75">Suma de abonos</small>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="card border-0 shadow-sm p-3" id="cardDiferenciaBox">
                            <span class="small fw-bold text-uppercase" id="cardDiferenciaTitulo">Diferencia (Descuadre)</span>
                            <h3 class="fw-bold mb-0" id="cardDiferenciaValor">$ 0.00</h3>
                            <small id="cardDiferenciaMensaje">Calculando...</small>
                        </div>
                    </div>
                    <div class="col-md-3 d-flex align-items-center justify-content-center">
                        <button type="button" id="btnEjecutarCargue" onclick="ejecutarCargue()" class="btn btn-success btn-lg w-100 py-3 fw-bold shadow-sm" disabled>
                            <i class="fas fa-check-circle me-1"></i> Procesar y Guardar Saldos
                        </button>
                    </div>
                </div>

                <!-- Tabla de Previsualización Detallada -->
                <div class="card shadow-sm border-0 mb-4">
                    <div class="card-header bg-white py-3 d-flex justify-content-between align-items-center">
                        <h6 class="fw-bold text-dark mb-0">
                            <i class="fas fa-table text-primary me-2"></i> Partidas Previsualizadas
                        </h6>
                        <span class="badge bg-secondary" id="badgeTotalFilas">0 registros</span>
                    </div>
                    <div class="table-responsive" style="max-height: 450px; overflow-y: auto;">
                        <table class="table table-hover table-striped align-middle mb-0 small">
                            <thead class="table-dark sticky-top">
                                <tr>
                                    <th class="text-center" style="width: 50px;">Fila</th>
                                    <th>Cuenta PUC</th>
                                    <th>Nombre Cuenta</th>
                                    <th>NIT / Cédula</th>
                                    <th>Tercero</th>
                                    <th class="text-end">Débito</th>
                                    <th class="text-end">Crédito</th>
                                    <th>Bodega</th>
                                    <th>Referencia</th>
                                </tr>
                            </thead>
                            <tbody id="tbodyPrevisualizacion">
                                <!-- Filas dinámicas -->
                            </tbody>
                        </table>
                    </div>
                </div>

            </div>

        </div>

        <!-- PESTAÑA 2: HISTORIAL DE COMPROBANTES -->
        <div class="tab-pane fade" id="tab-historial" role="tabpanel">
            <div class="card shadow-sm border-0">
                <div class="card-header bg-white py-3">
                    <h6 class="fw-bold text-dark mb-0">
                        <i class="fas fa-file-invoice text-primary me-2"></i> Comprobantes de Saldos Iniciales Registrados
                    </h6>
                </div>
                <div class="card-body p-0">
                    <div class="table-responsive">
                        <table class="table table-hover align-middle mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th>Comprobante</th>
                                    <th>Fecha de Corte</th>
                                    <th>Sucursal / Bodega</th>
                                    <th class="text-center">Total Asientos</th>
                                    <th class="text-end">Total Débito</th>
                                    <th class="text-end">Total Crédito</th>
                                    <th class="text-center">Estado</th>
                                    <th class="text-center">Acciones</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($historial as $h)
                                    <tr>
                                        <td>
                                            <span class="badge bg-primary px-2 py-1">{{ $h->comprobante }}</span>
                                        </td>
                                        <td>{{ date('d/m/Y', strtotime($h->fechaM)) }}</td>
                                        <td>{{ $h->nombreBodega }}</td>
                                        <td class="text-center fw-bold">{{ $h->total_asientos }}</td>
                                        <td class="text-end font-monospace text-primary fw-bold">$ {{ number_format($h->total_debito, 2) }}</td>
                                        <td class="text-end font-monospace text-success fw-bold">$ {{ number_format($h->total_credito, 2) }}</td>
                                        <td class="text-center">
                                            @if($h->diferencia < 0.01)
                                                <span class="badge bg-success"><i class="fas fa-check-circle me-1"></i> Balanceado</span>
                                            @else
                                                <span class="badge bg-danger"><i class="fas fa-exclamation-triangle me-1"></i> Descuadrado</span>
                                            @endif
                                        </td>
                                        <td class="text-center">
                                            <div class="btn-group btn-group-sm">
                                                <a href="{{ url('saldos-iniciales/pdf/' . $h->comprobante) }}" target="_blank" class="btn btn-outline-danger" title="Ver Comprobante PDF">
                                                    <i class="fas fa-file-pdf"></i> PDF
                                                </a>
                                                <button type="button" onclick="revertirComprobante('{{ $h->comprobante }}')" class="btn btn-outline-warning" title="Revertir / Eliminar">
                                                    <i class="fas fa-undo"></i> Revertir
                                                </button>
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="8" class="text-center py-4 text-muted">
                                            <i class="fas fa-folder-open fa-2x mb-2 d-block opacity-50"></i>
                                            No se han registrado comprobantes de saldos iniciales aún.
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div>

</div>

<!-- Scripts de Interacción y AJAX -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
let partidasCargadas = [];

function analizarArchivo() {
    const form = document.getElementById('formPrevisualizar');
    const formData = new FormData(form);
    const fileInput = document.getElementById('archivo_input');

    if (!fileInput.files.length) {
        Swal.fire('Atención', 'Por favor seleccione un archivo Excel (.xlsx) o CSV antes de continuar.', 'warning');
        return;
    }

    const btn = document.getElementById('btnAnalizar');
    btn.disabled = true;
    btn.innerHTML = '<i class="fas fa-spinner fa-spin me-1"></i> Analizando partidas...';

    fetch("{{ url('saldos-iniciales/previsualizar') }}", {
        method: "POST",
        body: formData,
        headers: {
            "X-CSRF-TOKEN": "{{ csrf_token() }}"
        }
    })
    .then(res => res.json())
    .then(data => {
        btn.disabled = false;
        btn.innerHTML = '<i class="fas fa-microscope me-1"></i> Analizar y Validar Archivo';

        if (data.status !== 'ok') {
            Swal.fire('Error en Archivo', data.message || 'No se pudo procesar el archivo.', 'error');
            return;
        }

        partidasCargadas = data.partidas;
        mostrarResultados(data);
    })
    .catch(err => {
        btn.disabled = false;
        btn.innerHTML = '<i class="fas fa-microscope me-1"></i> Analizar y Validar Archivo';
        Swal.fire('Error', 'Ocurrió un error inesperado al procesar el archivo: ' + err, 'error');
    });
}

function mostrarResultados(data) {
    document.getElementById('panelResultados').style.display = 'block';

    document.getElementById('cardTotalDebitos').innerText = '$ ' + data.total_debitos.toLocaleString('en-US', {minimumFractionDigits: 2});
    document.getElementById('cardTotalCreditos').innerText = '$ ' + data.total_creditos.toLocaleString('en-US', {minimumFractionDigits: 2});
    document.getElementById('cardTotalPartidas').innerText = data.total_partidas + ' partidas procesadas';
    document.getElementById('badgeTotalFilas').innerText = data.total_partidas + ' filas';

    const cardDifBox = document.getElementById('cardDiferenciaBox');
    const cardDifValor = document.getElementById('cardDiferenciaValor');
    const cardDifMsj = document.getElementById('cardDiferenciaMensaje');
    const btnEjecutar = document.getElementById('btnEjecutarCargue');

    cardDifValor.innerText = '$ ' + data.diferencia.toLocaleString('en-US', {minimumFractionDigits: 2});

    if (data.cuadrado && data.cuentas_inexistentes === 0) {
        cardDifBox.className = 'card border-0 shadow-sm p-3 bg-success text-white';
        cardDifMsj.innerText = '✓ Partida Doble Cuadrada';
        btnEjecutar.disabled = false;
    } else if (data.cuentas_inexistentes > 0) {
        cardDifBox.className = 'card border-0 shadow-sm p-3 bg-warning text-dark';
        cardDifMsj.innerText = `⚠️ ${data.cuentas_inexistentes} cuenta(s) no existen en el PUC`;
        btnEjecutar.disabled = true;
    } else {
        cardDifBox.className = 'card border-0 shadow-sm p-3 bg-danger text-white';
        cardDifMsj.innerText = '❌ Descuadre detectado';
        btnEjecutar.disabled = true;
    }

    // Renderizar tabla
    const tbody = document.getElementById('tbodyPrevisualizacion');
    tbody.innerHTML = '';

    data.partidas.forEach(p => {
        const tr = document.createElement('tr');
        if (!p.cuenta_valida) {
            tr.className = 'table-danger';
        }

        tr.innerHTML = `
            <td class="text-center font-monospace">${p.fila}</td>
            <td class="fw-bold font-monospace ${p.cuenta_valida ? 'text-primary' : 'text-danger'}">
                ${p.cuenta}
            </td>
            <td>
                ${p.nombre_cuenta}
            </td>
            <td class="font-monospace">${p.nit}</td>
            <td>${p.nombre_tercero}</td>
            <td class="text-end font-monospace ${p.debito > 0 ? 'text-primary fw-bold' : 'text-muted'}">
                $ ${p.debito.toLocaleString('en-US', {minimumFractionDigits: 2})}
            </td>
            <td class="text-end font-monospace ${p.credito > 0 ? 'text-success fw-bold' : 'text-muted'}">
                $ ${p.credito.toLocaleString('en-US', {minimumFractionDigits: 2})}
            </td>
            <td>Bodega ${p.bodega}</td>
            <td class="small text-muted">${p.referencia}</td>
        `;
        tbody.appendChild(tr);
    });

    // Desplazar vista a los resultados
    document.getElementById('panelResultados').scrollIntoView({ behavior: 'smooth' });
}

function ejecutarCargue() {
    if (!partidasCargadas.length) return;

    Swal.fire({
        title: '¿Confirmar Cargue de Saldos Iniciales?',
        text: `Se registrarán ${partidasCargadas.length} partidas contables con fecha de corte oficial. Esta acción creará los terceros faltantes automáticamente.`,
        icon: 'question',
        showCancelButton: true,
        confirmButtonColor: '#198754',
        cancelButtonColor: '#6c757d',
        confirmButtonText: '<i class="fas fa-check"></i> Sí, Procesar Cargue',
        cancelButtonText: 'Cancelar'
    }).then(result => {
        if (result.isConfirmed) {
            Swal.fire({
                title: 'Procesando...',
                text: 'Guardando asientos contables y terceros en la base de datos...',
                allowOutsideClick: false,
                didOpen: () => {
                    Swal.showLoading();
                }
            });

            fetch("{{ url('saldos-iniciales/procesar') }}", {
                method: "POST",
                headers: {
                    "Content-Type": "application/json",
                    "X-CSRF-TOKEN": "{{ csrf_token() }}"
                },
                body: JSON.stringify({
                    fecha_corte: document.getElementById('fecha_corte').value,
                    bodega_defecto: document.getElementById('bodega_defecto').value,
                    centro_costo_defecto: document.getElementById('centro_costo_defecto').value,
                    partidas: partidasCargadas
                })
            })
            .then(res => res.json())
            .then(data => {
                if (data.status === 'ok') {
                    Swal.fire({
                        title: '¡Cargue Exitoso!',
                        text: data.message,
                        icon: 'success'
                    }).then(() => {
                        window.location.reload();
                    });
                } else {
                    Swal.fire('Error', data.message || 'No se pudo completar el cargue.', 'error');
                }
            })
            .catch(err => {
                Swal.fire('Error', 'Error de conexión: ' + err, 'error');
            });
        }
    });
}

function revertirComprobante(comprobante) {
    Swal.fire({
        title: `¿Revertir ${comprobante}?`,
        text: 'Se eliminarán todos los asientos de apertura vinculados a este comprobante.',
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#dc3545',
        cancelButtonColor: '#6c757d',
        confirmButtonText: 'Sí, Revertir',
        cancelButtonText: 'Cancelar'
    }).then(result => {
        if (result.isConfirmed) {
            fetch("{{ url('saldos-iniciales/revertir') }}", {
                method: "POST",
                headers: {
                    "Content-Type": "application/json",
                    "X-CSRF-TOKEN": "{{ csrf_token() }}"
                },
                body: JSON.stringify({ comprobante: comprobante })
            })
            .then(res => res.json())
            .then(data => {
                if (data.status === 'ok') {
                    Swal.fire('Revertido', data.message, 'success').then(() => {
                        window.location.reload();
                    });
                } else {
                    Swal.fire('Error', data.message, 'error');
                }
            })
            .catch(err => {
                Swal.fire('Error', 'Error: ' + err, 'error');
            });
        }
    });
}
</script>
@endsection