05/06 Phase 2: fixed issues 4th
This commit is contained in:
@@ -0,0 +1,10 @@
|
||||
{% extends "tenant/layouts/base.html" %}
|
||||
{% block title %}Account Cancelled{% endblock %}
|
||||
{% block content %}
|
||||
<div class="row justify-content-center mt-5">
|
||||
<div class="col-md-5 text-center">
|
||||
<h3 class="text-danger">Account Cancelled</h3>
|
||||
<p class="text-muted">This account has been cancelled. Please contact support if you believe this is an error.</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,11 @@
|
||||
{% extends "tenant/layouts/base.html" %}
|
||||
{% block title %}Account Suspended{% endblock %}
|
||||
{% block content %}
|
||||
<div class="row justify-content-center mt-5">
|
||||
<div class="col-md-5 text-center">
|
||||
<h3 class="text-warning">Account Suspended</h3>
|
||||
<p class="text-muted">Your salon account has been suspended. Please contact support to resolve your billing.</p>
|
||||
<a href="{{ url_for('tenant_auth.login') }}" class="btn btn-outline-secondary mt-2">Back to Login</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,67 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Welcome to {{ tenant.name }}</title>
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
|
||||
<style>
|
||||
body { background: #f8f9fa; }
|
||||
.kiosk-card { max-width: 540px; margin: 60px auto; }
|
||||
.kiosk-title { font-size: 2rem; font-weight: 700; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="kiosk-card">
|
||||
{% if confirmed %}
|
||||
<div class="card shadow text-center p-5" id="confirmation">
|
||||
<div class="display-1 mb-3">✅</div>
|
||||
<h2 class="kiosk-title">You're checked in!</h2>
|
||||
<p class="text-muted mt-2">A staff member will be right with you.</p>
|
||||
<p class="text-muted small" id="reset-countdown">Resetting in <span id="countdown">10</span>s…</p>
|
||||
</div>
|
||||
<script>
|
||||
let n = 10;
|
||||
const el = document.getElementById("countdown");
|
||||
const timer = setInterval(() => {
|
||||
n--;
|
||||
el.textContent = n;
|
||||
if (n <= 0) { clearInterval(timer); window.location.reload(); }
|
||||
}, 1000);
|
||||
</script>
|
||||
{% else %}
|
||||
<div class="card shadow p-4">
|
||||
<h2 class="kiosk-title text-center mb-4">Welcome to {{ tenant.name }}</h2>
|
||||
{% if error %}
|
||||
<div class="alert alert-danger">{{ error }}</div>
|
||||
{% endif %}
|
||||
<form method="POST">
|
||||
<div class="mb-3">
|
||||
<label class="form-label fs-5">Your Name</label>
|
||||
<input type="text" name="customer_name" class="form-control form-control-lg"
|
||||
placeholder="First and last name" required autofocus>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label fs-5">Phone Number</label>
|
||||
<input type="tel" name="customer_phone" class="form-control form-control-lg"
|
||||
placeholder="e.g. 5551234567" inputmode="numeric" required>
|
||||
</div>
|
||||
{% if services %}
|
||||
<div class="mb-3">
|
||||
<label class="form-label fs-5">Service (optional)</label>
|
||||
<select name="service_requested" class="form-select form-select-lg">
|
||||
<option value="">— Select a service —</option>
|
||||
{% for svc in services %}
|
||||
<option value="{{ svc.name }}">{{ svc.name }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
{% endif %}
|
||||
<button type="submit" class="btn btn-primary btn-lg w-100 mt-2">Check In</button>
|
||||
</form>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,10 @@
|
||||
{% extends "tenant/layouts/base.html" %}
|
||||
{% block title %}Dashboard{% endblock %}
|
||||
{% block content %}
|
||||
<h4 class="mb-4">Dashboard
|
||||
{% if location %}<small class="text-muted fs-6">— {{ location.name }}</small>{% endif %}
|
||||
</h4>
|
||||
<div class="alert alert-info">
|
||||
Phase 3 KPI widgets will appear here (daily revenue, appointments, staff on-shift, low-stock alerts).
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,33 @@
|
||||
{% extends "tenant/layouts/base.html" %}
|
||||
{% block title %}Staff Login{% endblock %}
|
||||
{% block content %}
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-md-4">
|
||||
<div class="card shadow-sm mt-5">
|
||||
<div class="card-body p-4">
|
||||
<h4 class="card-title mb-4 text-center">Staff Login</h4>
|
||||
{% if error %}
|
||||
<div class="alert alert-danger">{{ error }}</div>
|
||||
{% endif %}
|
||||
<form method="POST" action="{{ url_for('staff_auth.staff_login') }}">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Phone Number</label>
|
||||
<input type="tel" name="phone" class="form-control form-control-lg"
|
||||
placeholder="e.g. 5551234567" required autofocus inputmode="numeric">
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Passcode</label>
|
||||
<input type="password" name="passcode" class="form-control form-control-lg"
|
||||
placeholder="4–6 digit PIN" maxlength="6" inputmode="numeric" required>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-success w-100 btn-lg">Clock In</button>
|
||||
</form>
|
||||
<div class="text-center mt-3 small">
|
||||
<a href="{{ url_for('tenant_auth.login') }}">Manager / Owner login</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Reference in New Issue
Block a user