88 lines
2.9 KiB
HTML
88 lines
2.9 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block content %}
|
|
<div class="container narrow">
|
|
|
|
<div class="login-box">
|
|
<div class="login-header">
|
|
<div class="login-icon">🥨</div>
|
|
<h1>Anmeldung</h1>
|
|
<p class="login-sub">
|
|
Portal: <strong>{{ tenant.name }}</strong>
|
|
</p>
|
|
<div class="privacy-note">
|
|
🔒 Aus Datenschutzgründen (DSGVO) sind Bestelllisten und Teilnehmerdaten nur für angemeldete Teammitglieder sichtbar.
|
|
</div>
|
|
</div>
|
|
|
|
{% if error %}
|
|
<div class="alert-error">
|
|
{{ error }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if success %}
|
|
<div class="alert-success">
|
|
{{ success }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- 1-Click Demo Login Box -->
|
|
<div class="demo-login-card">
|
|
<h3>🚀 1-Klick Demo-Zugang</h3>
|
|
<p class="card-hint">Wähle eine Rolle zum sofortigen Ausprobieren:</p>
|
|
<div class="demo-btn-grid">
|
|
<form action="/login/quick" method="POST">
|
|
<input type="hidden" name="role" value="user">
|
|
<button type="submit" class="btn-demo">
|
|
👤 <strong>Mitarbeiter</strong><br>
|
|
<small>Brotzeit bestellen & Übersicht</small>
|
|
</button>
|
|
</form>
|
|
<form action="/login/quick" method="POST">
|
|
<input type="hidden" name="role" value="admin">
|
|
<button type="submit" class="btn-demo admin">
|
|
👨🍳 <strong>Einkäufer / Admin</strong><br>
|
|
<small>Sammelliste & Kasse verwalten</small>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Login Form -->
|
|
<form action="/login" method="POST" id="formLogin" class="auth-form" style="margin-top: 1.5rem;">
|
|
<div class="input-group">
|
|
<label for="login_email">E-Mail-Adresse</label>
|
|
<input type="email" id="login_email" name="email" required placeholder="name@firma.de">
|
|
</div>
|
|
<div class="input-group">
|
|
<label for="login_password">Passwort</label>
|
|
<input type="password" id="login_password" name="password" required placeholder="••••••••">
|
|
</div>
|
|
<button type="submit" class="btn-submit">Anmelden</button>
|
|
</form>
|
|
|
|
{% if allow_guests %}
|
|
<div style="text-align: center; margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px solid var(--border-color);">
|
|
<p class="card-hint" style="margin-bottom: 8px;">Nur zu Besuch oder für eine Runde eingeladen?</p>
|
|
<a href="/" class="btn-secondary" style="width: 100%; text-align: center; display: block;">
|
|
🥨 Als Gast mitbestellen (ohne Registrierung)
|
|
</a>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="invite-notice-card">
|
|
<div class="invite-icon">✉️</div>
|
|
<div>
|
|
<strong>Neu im Team?</strong><br>
|
|
<small class="text-muted">
|
|
Registrierungen sind nur auf Einladung möglich. Wende dich an deinen Team-Organisator, um einen persönlichen Einladungslink zu erhalten.
|
|
</small>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
{% endblock %}
|