<?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['register_error'] ?? null;
$vals  = $_SESSION['register_values'] ?? ['name' => '', 'email' => '', 'phone' => ''];
unset($_SESSION['register_error'], $_SESSION['register_values']);
$pageTitle = 'Crear cuenta — 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>Crear cuenta</h1>
    <div class="sub">Te preparamos tu área de cliente para consultar presupuestos y seguimiento de obra.</div>

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

    <form method="post" action="/api/auth/register">
      <input type="hidden" name="csrf" value="<?= e(csrfToken()) ?>">
      <div class="field">
        <label for="r-name">Nombre</label>
        <input id="r-name" type="text" name="name" required autocomplete="name"
               value="<?= e($vals['name']) ?>" maxlength="190">
      </div>
      <div class="field">
        <label for="r-email">Email</label>
        <input id="r-email" type="email" name="email" required autocomplete="email"
               value="<?= e($vals['email']) ?>" maxlength="190">
      </div>
      <div class="field">
        <label for="r-phone">Teléfono (opcional)</label>
        <input id="r-phone" type="tel" name="phone" autocomplete="tel"
               value="<?= e($vals['phone']) ?>" maxlength="40">
      </div>
      <div class="field">
        <label for="r-pass">Contraseña (mín. 8 caracteres)</label>
        <input id="r-pass" type="password" name="password" required minlength="8" autocomplete="new-password">
      </div>
      <button type="submit" class="btn btn-orange">
        Crear cuenta <span class="arrow"><?php icon('arrow', 18); ?></span>
      </button>
    </form>

    <div class="foot">
      ¿Ya tienes cuenta? <a href="/login">Iniciar sesión</a><br>
      <a href="/" style="color:var(--ink-500)">← Volver a la web</a>
    </div>
  </div>
</div>
</body>
</html>
