49 lines
2.6 KiB
PHP
49 lines
2.6 KiB
PHP
<div style="max-width: 440px; margin: 3rem auto;">
|
|
|
|
<div class="card" style="box-shadow: var(--shadow-lg);">
|
|
<div class="card-header" style="text-align: center; display: block; padding: 2rem 1.5rem 1rem;">
|
|
<div style="font-size: 2.5rem; margin-bottom: 0.5rem;">🍱</div>
|
|
<h1 style="font-size: 1.5rem; font-weight: 700; color: var(--primary);">Join CanteenHub</h1>
|
|
<p style="font-size: 0.875rem; color: var(--text-muted); margin-top: 0.25rem;">Create your coworker account to order lunch</p>
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
<form method="POST" action="/register">
|
|
<?= \App\Core\View::csrfField() ?>
|
|
|
|
<div class="form-group">
|
|
<label class="form-label">Full Name <span style="color: var(--danger);">*</span></label>
|
|
<input type="text" name="name" class="form-control" placeholder="e.g. Andy Pratama" required autofocus>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="form-label">Mattermost Username / Handle <span style="color: var(--danger);">*</span></label>
|
|
<div style="display: flex; align-items: center; gap: 0.25rem;">
|
|
<span style="color: var(--text-muted); font-weight: 600;">@</span>
|
|
<input type="text" name="username" class="form-control" placeholder="andy" required>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="form-label">Email Address <span style="color: var(--danger);">*</span></label>
|
|
<input type="email" name="email" class="form-control" placeholder="andy@company.com" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="form-label">Password <span style="color: var(--danger);">*</span></label>
|
|
<input type="password" name="password" class="form-control" placeholder="At least 4 characters" required minlength="4">
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-primary" style="width: 100%; padding: 0.75rem; font-size: 1rem; margin-top: 0.5rem;">
|
|
Create Account →
|
|
</button>
|
|
</form>
|
|
|
|
<div style="text-align: center; margin-top: 1.25rem; font-size: 0.875rem; color: var(--text-muted);">
|
|
Already have an account? <a href="/login" style="color: var(--primary); font-weight: 600;">Login here</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|