115 lines
5.3 KiB
HTML
115 lines
5.3 KiB
HTML
{% extends "auth/auth_base.html" %}
|
|
|
|
{% block title %}Create Account - Email Organizer{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="card bg-base-100 shadow-xl w-full max-w-md">
|
|
<div class="card-body p-6 max-w-sm">
|
|
<div class="text-center mb-6">
|
|
<h1 class="text-2xl font-bold text-primary">
|
|
<i class="fas fa-envelope mr-2"></i>
|
|
Email Organizer
|
|
</h1>
|
|
<p class="text-base-content/70 text-sm mt-1">Create your account</p>
|
|
</div>
|
|
|
|
{% with messages = get_flashed_messages(with_categories=true) %}
|
|
{% if messages %}
|
|
{% for category, message in messages %}
|
|
<div class="alert alert-{{ 'error' if category == 'error' else 'success' }} mb-4">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
</svg>
|
|
<span>{{ message }}</span>
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% endwith %}
|
|
|
|
{% if errors %}
|
|
<div class="alert alert-error mb-4">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
|
|
</svg>
|
|
<span>Please fix the following errors:</span>
|
|
</div>
|
|
<ul class="text-error text-sm mb-4">
|
|
{% for error in errors %}
|
|
<li>• {{ error }}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
{% endif %}
|
|
|
|
<form method="POST" action="{{ url_for('auth.signup') }}" class="space-y-4">
|
|
<div class="form-control">
|
|
<label for="first_name" class="label">
|
|
<span class="label-text text-sm font-medium">First Name</span>
|
|
</label>
|
|
<input type="text" id="first_name" name="first_name" class="input input-bordered w-full"
|
|
placeholder="Enter your first name" value="{{ first_name or '' }}" required>
|
|
</div>
|
|
|
|
<div class="form-control">
|
|
<label for="last_name" class="label">
|
|
<span class="label-text text-sm font-medium">Last Name</span>
|
|
</label>
|
|
<input type="text" id="last_name" name="last_name" class="input input-bordered w-full"
|
|
placeholder="Enter your last name" value="{{ last_name or '' }}" required>
|
|
</div>
|
|
|
|
<div class="form-control">
|
|
<label for="email" class="label">
|
|
<span class="label-text text-sm font-medium">Email</span>
|
|
</label>
|
|
<input type="email" id="email" name="email" class="input input-bordered w-full"
|
|
placeholder="Enter your email" value="{{ email or '' }}" required>
|
|
</div>
|
|
|
|
<div class="form-control">
|
|
<label for="password" class="label">
|
|
<span class="label-text text-sm font-medium">Password</span>
|
|
</label>
|
|
<input type="password" id="password" name="password" class="input input-bordered w-full"
|
|
placeholder="Create a password" required>
|
|
<span class="label-text-alt text-xs text-base-content/50">
|
|
Password must be at least 8 characters with uppercase, lowercase, and numbers
|
|
</span>
|
|
</div>
|
|
|
|
<div class="form-control">
|
|
<label for="confirm_password" class="label">
|
|
<span class="label-text text-sm font-medium">Confirm Password</span>
|
|
</label>
|
|
<input type="password" id="confirm_password" name="confirm_password" class="input input-bordered w-full"
|
|
placeholder="Confirm your password" required>
|
|
</div>
|
|
|
|
<div class="form-control">
|
|
<label class="label cursor-pointer justify-start">
|
|
<input type="checkbox" name="terms" class="checkbox checkbox-primary" required>
|
|
<span class="label-text text-sm">
|
|
I agree to the
|
|
<a href="#" class="link link-primary">Terms of Service</a>
|
|
and
|
|
<a href="#" class="link link-primary">Privacy Policy</a>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-primary w-full">
|
|
<i class="fas fa-user-plus mr-2"></i>
|
|
Create Account
|
|
</button>
|
|
</form>
|
|
|
|
<div class="text-center mt-6">
|
|
<p class="text-base-content/70 text-sm">
|
|
Already have an account?
|
|
<a href="{{ url_for('auth.login') }}" class="link link-primary">
|
|
Sign in
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %} |