<?php
$pageTitle = 'PetCare | Registro';
include __DIR__ . '/includes/header.php';
?>
<section class="auth-section">
  <div class="container auth-grid">
    <div class="auth-card reveal">
      <span class="eyebrow">Regístrate</span>
      <h2>Crea tu cuenta PetCare</h2>
      <p>Únete para guardar tus pedidos, ver ofertas y recibir recomendaciones personalizadas.</p>

      <form class="auth-form" id="registerForm" method="post" action="index.php?page=auth&action=register">
        <label>
          Nombre completo
          <input type="text" name="nombre" placeholder="Tu nombre completo" class="validate-input" data-type="name" required />
        </label>
        <label>
          Email
          <input type="email" name="email" placeholder="tuemail@email.com" class="validate-input" data-type="email" required />
        </label>
        <label>
          Teléfono
          <input type="tel" name="telefono" placeholder="Tu número de contacto" class="validate-input" data-type="phone" required />
        </label>
        <label>
          Ciudad
          <input type="text" name="ciudad" placeholder="Ciudad o barrio" class="validate-input" data-type="text" required />
        </label>
        <label>
          Tipo de mascota
          <input type="text" name="tipo_mascota" placeholder="Perro, gato u otro" class="validate-input" data-type="text" required />
        </label>
        <label>
          Contraseña
          <input type="password" name="password" placeholder="Escribe una contraseña" class="validate-input" data-type="password" required />
        </label>
        <label>
          Confirmar contraseña
          <input type="password" name="confirm_password" placeholder="Repite tu contraseña" class="validate-input" data-type="confirm-password" required />
        </label>
        <button type="submit" class="btn btn-primary">Crear cuenta</button>
      </form>
    </div>
  </div>
</section>
<?php include __DIR__ . '/includes/footer.php';
