feat: initial foundation for collaborative canteen ordering system in vanilla PHP
This commit is contained in:
@@ -0,0 +1,55 @@
|
||||
<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);">Login to CanteenHub</h1>
|
||||
<p style="font-size: 0.875rem; color: var(--text-muted); margin-top: 0.25rem;">Order lunch or host food sessions with your team</p>
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
<form method="POST" action="/login">
|
||||
<?= \App\Core\View::csrfField() ?>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Username or Email</label>
|
||||
<input type="text" name="identifier" class="form-control" placeholder="e.g. dea or alex@company.com" required autofocus>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Password</label>
|
||||
<input type="password" name="password" class="form-control" placeholder="••••••••" required>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary" style="width: 100%; padding: 0.75rem; font-size: 1rem; margin-top: 0.5rem;">
|
||||
Sign In →
|
||||
</button>
|
||||
</form>
|
||||
|
||||
<div style="text-align: center; margin-top: 1.25rem; font-size: 0.875rem; color: var(--text-muted);">
|
||||
Don't have an account? <a href="/register" style="color: var(--primary); font-weight: 600;">Register here</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Quick Switch Demo Account helper -->
|
||||
<?php if (!empty($users)): ?>
|
||||
<div class="card-footer" style="background: #f8fafc;">
|
||||
<div style="font-size: 0.75rem; text-transform: uppercase; font-weight: 600; color: var(--text-muted); margin-bottom: 0.5rem; text-align: center;">
|
||||
⚡ 1-Click Quick Demo Login:
|
||||
</div>
|
||||
<div style="display: flex; gap: 0.4rem; flex-wrap: wrap; justify-content: center;">
|
||||
<?php foreach ($users as $u): ?>
|
||||
<form method="POST" action="/quick-login" style="display: inline;">
|
||||
<?= \App\Core\View::csrfField() ?>
|
||||
<input type="hidden" name="user_id" value="<?= e($u['id']) ?>">
|
||||
<button type="submit" class="btn btn-secondary btn-sm" style="font-size: 0.75rem; padding: 0.25rem 0.5rem;">
|
||||
<?= e($u['name']) ?>
|
||||
</button>
|
||||
</form>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
Reference in New Issue
Block a user