<?php
declare(strict_types=1);
require_once dirname(__DIR__, 2) . '/backend/config/config.php';
require_once C360_FRONTEND . '/components/icon.php';
startSession();

if (currentUser()) {
    header('Location: /clientes/');
    exit;
}

$error = $_SESSION['login_error'] ?? null;
$emailPrefill = $_SESSION['login_email'] ?? '';
unset($_SESSION['login_error'], $_SESSION['login_email']);
$pageTitle = 'Iniciar sesión — Constructiva 360';
?>
<!doctype html>
<html lang="es">
<head>
<?php include C360_FRONTEND . '/components/head.php'; ?>
</head>
<body>
<div class="auth-wrap">
  <div class="auth-card">
    <a href="/" class="c360-logo" style="margin-bottom:24px">
      <span class="mark" aria-hidden="true"></span>
      <span>Constructiva<sup>360</sup></span>
    </a>
    <h1>Área de clientes</h1>
    <div class="sub">Accede a tus presupuestos y herramientas.</div>

    <?php if ($error): ?>
      <div class="err"><?= e($error) ?></div>
    <?php endif; ?>

    <form method="post" action="/api/auth/login">
      <input type="hidden" name="csrf" value="<?= e(csrfToken()) ?>">
      <div class="field">
        <label for="l-email">Email</label>
        <input id="l-email" type="email" name="email" required autocomplete="email"
               value="<?= e($emailPrefill) ?>">
      </div>
      <div class="field">
        <label for="l-pass">Contraseña</label>
        <input id="l-pass" type="password" name="password" required autocomplete="current-password">
      </div>
      <button type="submit" class="btn btn-orange">
        Entrar <span class="arrow"><?php icon('arrow', 18); ?></span>
      </button>
    </form>

    <div class="foot">
      ¿No tienes cuenta? <a href="/registro">Crear cuenta</a><br>
      <a href="/" style="color:var(--ink-500)">← Volver a la web</a>
    </div>
  </div>
</div>
</body>
</html>
