<?php
// La sesion la inicia funcionesPhp.php (via controladores/login.php) con cookie endurecida
require_once("controladores/login.php");

if (isset($_SESSION['idusuario'])) {
    header("Location: admin/dashboard/index.php");
    exit;
}

// Auto-login por cookie "recuerdame": valida activo, expiracion y hash; rota el token
$idPorCookie = validarCookieRecuerdame();
if ($idPorCookie > 0) {
    session_regenerate_id(true);
    $_SESSION['idusuario'] = $idPorCookie;
    header("Location: admin/dashboard/index.php");
    exit;
}
?>
<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="robots" content="noindex, nofollow">
  <title>Alkes Control Center - Acceso</title>
  <link rel="icon" href="assets/img/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css">
  <?php echo $jaxon->getScript(true); ?>
  <style>
    * { box-sizing: border-box; }
    html, body {
      height: 100%;
      margin: 0;
      font-family: 'Segoe UI', system-ui, sans-serif;
      background: radial-gradient(ellipse at top, #0a1428 0%, #061C6B 55%, #03102e 100%);
    }
    .login-wrap {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1.5rem;
    }
    .login-card {
      width: 100%;
      max-width: 400px;
      background: rgba(255, 255, 255, 0.06);
      border: 1px solid rgba(255, 255, 255, 0.12);
      border-radius: 18px;
      padding: 2.5rem 2rem;
      backdrop-filter: blur(10px);
      box-shadow: 0 18px 50px rgba(0, 0, 0, 0.45);
      color: #fff;
    }
    .login-logo {
      text-align: center;
      margin-bottom: 1.5rem;
    }
    .login-logo img { height: 56px; }
    .login-title {
      text-align: center;
      font-weight: 700;
      letter-spacing: .5px;
      margin: 0 0 .25rem;
    }
    .login-title .accent { color: #07BA86; }
    .login-sub {
      text-align: center;
      color: rgba(255, 255, 255, 0.6);
      font-size: .85rem;
      margin-bottom: 1.75rem;
    }
    .form-label { font-size: .82rem; color: rgba(255,255,255,.75); margin-bottom: .35rem; }
    .input-line {
      display: flex;
      align-items: center;
      background: rgba(0, 0, 0, 0.25);
      border: 1px solid rgba(255, 255, 255, 0.15);
      border-radius: 10px;
      padding: .65rem .85rem;
      margin-bottom: 1.1rem;
    }
    .input-line i { color: #07BA86; margin-right: .6rem; }
    .input-line input {
      flex: 1;
      background: transparent;
      border: none;
      outline: none;
      color: #fff;
      font-size: .95rem;
    }
    .input-line input::placeholder { color: rgba(255,255,255,.4); }
    .login-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 1.25rem;
      font-size: .82rem;
    }
    .login-row label { color: rgba(255,255,255,.75); cursor: pointer; }
    .btn-acceder {
      width: 100%;
      border: none;
      border-radius: 10px;
      padding: .8rem;
      font-weight: 700;
      color: #fff;
      background: linear-gradient(135deg, #07BA86, #069e72);
      cursor: pointer;
      transition: filter .15s ease;
    }
    .btn-acceder:hover { filter: brightness(1.08); }
    .login-foot {
      text-align: center;
      color: rgba(255,255,255,.4);
      font-size: .72rem;
      margin-top: 1.75rem;
    }
  </style>
</head>
<body>
  <div class="login-wrap">
    <div class="login-card">
      <div class="login-logo">
        <img src="assets/img/logohd.png" alt="Alkes Control Center"
             onerror="this.style.display='none';">
      </div>
      <h4 class="login-title">Alkes<span class="accent"> Control Center</span></h4>
      <p class="login-sub">Panel de administración de plataformas</p>

      <form id="login" method="post" autocomplete="off"
            onsubmit="return Jaxonlogin.login(jaxon.getFormValues('login'));">
        <label class="form-label" for="correo">Correo</label>
        <div class="input-line">
          <i class="bi bi-envelope"></i>
          <input type="email" name="correo" id="correo" placeholder="tu@correo.com" autocomplete="username">
        </div>

        <label class="form-label" for="clave">Contraseña</label>
        <div class="input-line">
          <i class="bi bi-lock"></i>
          <input type="password" name="clave" id="clave" placeholder="••••••••" autocomplete="current-password">
        </div>

        <div class="login-row">
          <label>
            <input type="checkbox" name="rememberPasswordCheck"> Recordarme
          </label>
        </div>

        <button type="submit" class="btn-acceder">
          <i class="bi bi-box-arrow-in-right me-1"></i> Acceder
        </button>
      </form>

      <p class="login-foot">© <?php echo date('Y'); ?> Alkes · Desarrollo de software a medida</p>
    </div>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.js"></script>
  <script>
    // Evita el submit nativo; el envio lo maneja Jaxon
    document.getElementById('login').addEventListener('submit', function (e) {
      e.preventDefault();
    });
  </script>
</body>
</html>
