46 lines
1.8 KiB
HTML
46 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Crear cuenta — CarritoIA</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
|
|
</head>
|
|
<body class="login-page">
|
|
<div class="login-card">
|
|
<h1>🛒 CarritoIA</h1>
|
|
<p class="subtitle">Crea tu cuenta</p>
|
|
{% if error %}
|
|
<div class="alert">{{ error }}</div>
|
|
{% endif %}
|
|
{% if ok %}
|
|
<div class="alert alert-ok">{{ ok }}</div>
|
|
<a href="/login" class="btn btn-primary" style="width:100%; text-align:center; display:block; margin-top:.5rem;">
|
|
Ir al login
|
|
</a>
|
|
{% else %}
|
|
<form method="post">
|
|
<label for="nombre">Nombre</label>
|
|
<input id="nombre" name="nombre" type="text"
|
|
placeholder="Tu nombre" autocomplete="name" required autofocus>
|
|
<label for="usuario">Usuario</label>
|
|
<input id="usuario" name="usuario" type="text"
|
|
placeholder="solo letras y numeros, min. 3" autocomplete="username" required>
|
|
<label for="password">Contrasena</label>
|
|
<input id="password" name="password" type="password"
|
|
placeholder="min. 6 caracteres" autocomplete="new-password" required>
|
|
<label for="password2">Repite la contrasena</label>
|
|
<input id="password2" name="password2" type="password"
|
|
placeholder="••••••••" autocomplete="new-password" required>
|
|
<button type="submit" class="btn btn-primary" style="width:100%; margin-top:.5rem;">
|
|
Crear cuenta
|
|
</button>
|
|
</form>
|
|
{% endif %}
|
|
<p style="text-align:center; margin-top:1rem; font-size:.85rem; color:var(--text-muted);">
|
|
¿Ya tienes cuenta? <a href="/login">Inicia sesion</a>
|
|
</p>
|
|
</div>
|
|
</body>
|
|
</html>
|