58 lines
2.3 KiB
HTML
58 lines
2.3 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block title %}Register - User Registration{% endblock %}
|
|
|
|
{% block content %}
|
|
<h1>Request Account</h1>
|
|
|
|
{% if success %}
|
|
<div class="alert alert-success">{{ success }}</div>
|
|
{% endif %}
|
|
|
|
{% if error %}
|
|
<div class="alert alert-error">{{ error }}</div>
|
|
{% endif %}
|
|
|
|
<div class="alert alert-info" style="background: var(--info-bg); color: #084298; border: 1px solid #b6d4fe; margin-bottom: 1.5rem;">
|
|
<strong>Note:</strong> Your password will be automatically generated and sent to you via email upon approval.
|
|
You can change it after your first login.
|
|
</div>
|
|
|
|
<div style="max-width: 600px;">
|
|
<form method="post">
|
|
<div class="form-group">
|
|
<label for="username">Username <span class="required">*</span></label>
|
|
<input type="text" id="username" name="username" required pattern="[a-z0-9_]+"
|
|
title="Only lowercase letters, numbers, and underscores allowed"
|
|
style="text-transform: lowercase;"
|
|
oninput="this.value = this.value.toLowerCase()">
|
|
<div class="help-text">Only lowercase letters, numbers, and underscores.</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="email">Email <span class="required">*</span></label>
|
|
<input type="email" id="email" name="email" required>
|
|
<div class="help-text">Your temporary password will be sent to this address upon approval.</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="first_name">First Name <span class="required">*</span></label>
|
|
<input type="text" id="first_name" name="first_name" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="last_name">Last Name <span class="required">*</span></label>
|
|
<input type="text" id="last_name" name="last_name" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="reason">Reason for Access (Optional)</label>
|
|
<textarea id="reason" name="reason" placeholder="Why do you need an account?"></textarea>
|
|
<div class="help-text">Optional: Help administrators understand your request.</div>
|
|
</div>
|
|
|
|
<button type="submit" class="btn-primary">Submit Request</button>
|
|
</form>
|
|
</div>
|
|
{% endblock %}
|