<?php
session_start();

if (!isset($_SESSION['id_usuario'])) {
  header('Location: Login_LG.html?error=Sesion expirada');
  exit;
}
if (($_SESSION['rol'] ?? '') !== 'ADMIN') {
  header('Location: home.php?error=sin_permiso');
  exit;
}

$idUsuario    = $_SESSION['id_usuario'] ?? '';
$rol          = $_SESSION['rol'] ?? '';
$nombreCajero = $_SESSION['nombre_cajero'] ?? $idUsuario;
?>
<!DOCTYPE html>
<html lang="es">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Administrador – Importar a Cierre de Caja</title>

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Bootstrap Icons (para los <i class="bi ..."> del header) -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">

    <!-- Tus estilos -->
    <link rel="stylesheet" href="../css/Estilos_appAdmin.css">
    <!-- Si tu fondo está en otra ruta, cámbialo dentro del CSS: body{ background:url("../img/Fondo_Login_LG.png") ... } -->
</head>

<body>

    <!-- Overlay de ambiente -->
    <div class="bg-overlay"></div>

    <!-- Header fijo estilizado -->
    <header class="header-lg">
        <div class="header-left">
            <div class="header-avatar"><i class="bi bi-person-fill"></i></div>
            <div class="header-user">
                <span class="header-name">
                    <?= htmlspecialchars($nombreCajero, ENT_QUOTES, 'UTF-8'); ?>
                </span>
                <span class="header-role">
                    <?= htmlspecialchars($rol, ENT_QUOTES, 'UTF-8'); ?>
                </span>
            </div>
        </div>

        <div class="header-actions">
            <form action="../backend/procesos/seguridad/logout.php" method="post" class="m-0"
                onsubmit="return confirm('¿Deseas cerrar sesión?');">
                <button type="submit" class="btn-hdr btn-hdr--ghost">
                    <i class="bi bi-box-arrow-right"></i> Cerrar sesión
                </button>
            </form>
        </div>
    </header>

    <!-- Contenido centrado con padding-top para no tapar el header -->
    <main class="container container-guardiana">
        <div class="panel-card">
            <div class="d-flex justify-content-between align-items-center mb-2">
                <h1 class="h-title m-0">Importar datos (Python → Excel destino)</h1>
                <span class="subtle">Rol actual: <strong>
                        <?= htmlspecialchars($rol, ENT_QUOTES, 'UTF-8'); ?>
                    </strong></span>
            </div>
            <div class="rule-rose"></div>

            <!-- Banner informativo -->
            <section class="import-card">
                <div class="import-card__head">
                    <div class="import-card__icon">
                        <i class="bi bi-file-earmark-excel"></i>
                    </div>

                    <div>
                        <h3 class="import-card__title">Importar al archivo destino</h3>
                        <p class="import-card__subtitle">Selecciona el archivo de origen y ejecuta el proceso.</p>
                        <div class="chips mt-2">
                            <span class="chip"><i class="bi bi-hdd"></i> Destino:
                                <code>E:\Archivo_LG_Cierre_Caja.xlsx</code></span>
                            <span class="chip"><i class="bi bi-filetype-xlsx"></i> Hoja:
                                <code>IMPORTACION_ORACLE_LG</code></span>
                        </div>
                    </div>

                    <div class="d-none d-lg-block">
                        <span class="chip"><i class="bi bi-shield-check"></i> Rol: <strong>
                                <?= htmlspecialchars($rol, ENT_QUOTES, 'UTF-8'); ?>
                            </strong></span>
                    </div>
                </div>

                <div class="import-card__body">
                    <?php
      $excels_dir = realpath(__DIR__ . '/../excels');
      $archivos_excel = [];
      if ($excels_dir && is_dir($excels_dir)) {
        foreach (scandir($excels_dir) as $f) {
          if (preg_match('/\.(xlsx|xls)$/i', $f)) $archivos_excel[] = $f;
        }
        sort($archivos_excel);
      }
    ?>

                    <form id="frmImport" class="import-grid">
                        <div class="import-field">
                            <label class="form-label">
                                Archivo origen en <code>C:\xampp\htdocs\Proyecto_Guardiana\excels\</code>
                            </label>
                            <select name="origen_nombre" class="form-select" required>
                                <option value="" disabled selected>— Selecciona un archivo —</option>
                                <?php foreach ($archivos_excel as $f): ?>
                                <option value="<?= htmlspecialchars($f, ENT_QUOTES) ?>">
                                    <?= htmlspecialchars($f) ?>
                                </option>
                                <?php endforeach; ?>
                            </select>
                            <div class="import-hint">
                                Asegúrate de que la hoja <code>Reports</code> exista en el archivo de origen.
                            </div>
                        </div>

                        <div class="d-grid align-content-end">
                            <button type="submit" class="btn btn-cta" id="btnRun">
                                <i class="bi bi-play-fill"></i> Ejecutar
                            </button>
                        </div>
                    </form>

                    <div id="resultado" class="mt-3"></div>
                </div>

                <div class="import-card__footer">
                    Consejo: si Python tarda, revisa permisos de Windows sobre <code>E:\</code> y el antivirus.
                </div>
            </section>

        </div>
    </main>

    <script>
        const form = document.getElementById('frmImport');
        const btn = document.getElementById('btnRun');
        const out = document.getElementById('resultado');

        form.addEventListener('submit', async (e) => {
            e.preventDefault();
            btn.disabled = true;
            out.innerHTML = '<div id="msgAlert" class="alert alert-secondary show">⏳ Ejecutando Python…</div>';

            try {
                const fd = new FormData(form);
                // ✅ Hoja destino fija (no aparece en UI, pero viaja al backend)
                fd.append('hoja_destino', 'IMPORTACION_ORACLE_LG');

                const r = await fetch('/Proyecto_Guardiana/backend/procesos/run_import_excel.php', {
                    method: 'POST',
                    body: fd
                });
                const j = await r.json();

                if (!j.ok) {
                    out.innerHTML = `
            <div class="alert alert-danger alert-fixed">❌ ${j.error || 'Error desconocido'}</div>
            ${j.salida ? '<div class="table-wrap mt-2"><pre class="small p-2 m-0">' + (Array.isArray(j.salida) ? j.salida.join('\\n') : j.salida) + '</pre></div>' : ''}
          `;
                    return;
                }

                out.innerHTML = `
          <div class="alert alert-success alert-fixed">✅ Importación OK</div>`;
            } catch (err) {
                out.innerHTML = `<div class="alert alert-danger alert-fixed">❌ ${err.message}</div>`;
            } finally {
                btn.disabled = false;
                setTimeout(() => {
                    const a = document.getElementById('msgAlert');
                    if (a) a.classList.remove('show');
                }, 3500);
            }
        });
    </script>
</body>

</html>