recursos-catolicos/register.html

63 lines
2.1 KiB
HTML
Executable File

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Crear cuenta</title>
<link rel="icon" type="image/x-icon" href="img/favicon.png">
<link rel="stylesheet" href="css/estilos.css">
<link rel="stylesheet" href="css/register.css">
</head>
<body>
<div id="header-container"></div>
<div class="container">
<h2>Crear cuenta</h2>
<label for="nombre">Nombre</label>
<input type="text" id="nombre" placeholder="Tu nombre o nombre del grupo">
<label for="email">Email</label>
<input type="email" id="email" placeholder="correo@example.com">
<label for="password">Contraseña</label>
<input type="password" id="password" placeholder="Mínimo 8 caracteres">
<label for="tipo-usuario">Tipo de cuenta</label>
<select id="tipo-usuario">
<option value="individual">Individual</option>
<option value="parroquia">Miembro de parroquia</option>
<option value="grupo">Miembro de comunidad/grupo</option>
</select>
<!-- Se muestra solo si el tipo es parroquia o grupo -->
<div id="bloque-parroquia" style="display:none;">
<label for="parroquia">Parroquia</label>
<select id="parroquia">
<option value="">-- Selecciona tu parroquia --</option>
</select>
</div>
<!-- Se muestra solo si el tipo es grupo -->
<div id="bloque-grupo" style="display:none;">
<label for="grupo">Comunidad / Grupo</label>
<select id="grupo">
<option value="">-- Selecciona un grupo --</option>
</select>
</div>
<button onclick="registrar()">Registrarme</button>
<div id="mensaje" class="msg"></div>
<p>¿Ya tienes cuenta? <a href="login.html">Inicia sesión aquí</a></p>
</div>
<script src="js/api-config.js"></script>
<script src="js/auth.js"></script>
<script src="js/header.js"></script>
<script src="js/register.js"></script>
</body>
</html>