05/06/2026 Initial commit
This commit is contained in:
@@ -0,0 +1,10 @@
|
||||
{% extends "tenant/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,34 @@
|
||||
{% extends "tenant/base.html" %}
|
||||
{% block title %}Sign In{% 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">Salon Login</h4>
|
||||
{% if error %}
|
||||
<div class="alert alert-danger">{{ error }}</div>
|
||||
{% endif %}
|
||||
<form method="POST" action="{{ url_for('tenant_auth.login') }}">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Email</label>
|
||||
<input type="email" name="email" class="form-control" required autofocus>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Password</label>
|
||||
<input type="password" name="password" class="form-control" required>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary w-100">Sign In</button>
|
||||
</form>
|
||||
<hr>
|
||||
<div class="text-center small">
|
||||
<a href="{{ url_for('tenant_auth.password_reset_request') }}">Forgot password?</a>
|
||||
|
|
||||
<a href="{{ url_for('staff_auth.staff_login') }}">Staff login</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,29 @@
|
||||
{% extends "tenant/base.html" %}
|
||||
{% block title %}Set New Password{% 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">
|
||||
<h5 class="card-title mb-3">Set New Password</h5>
|
||||
{% if error %}
|
||||
<div class="alert alert-danger">{{ error }}</div>
|
||||
{% endif %}
|
||||
<form method="POST">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">New Password</label>
|
||||
<input type="password" name="password" class="form-control" required minlength="10">
|
||||
<div class="form-text">Min 10 chars, must include uppercase, lowercase, and a digit.</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Confirm Password</label>
|
||||
<input type="password" name="confirm_password" class="form-control" required>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary w-100">Update Password</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,28 @@
|
||||
{% extends "tenant/base.html" %}
|
||||
{% block title %}Reset Password{% 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">
|
||||
<h5 class="card-title mb-3">Reset Password</h5>
|
||||
{% if message %}
|
||||
<div class="alert alert-info">{{ message }}</div>
|
||||
{% else %}
|
||||
<form method="POST">
|
||||
<input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Email address</label>
|
||||
<input type="email" name="email" class="form-control" required autofocus>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary w-100">Send Reset Link</button>
|
||||
</form>
|
||||
{% endif %}
|
||||
<div class="text-center mt-3 small">
|
||||
<a href="{{ url_for('tenant_auth.login') }}">Back to login</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
@@ -0,0 +1,11 @@
|
||||
{% extends "tenant/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,40 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>{% block title %}Salon Portal{% endblock %} — Nails Salon POS</title>
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='tenant/css/main.css') }}">
|
||||
</head>
|
||||
<body>
|
||||
{% if current_user.is_authenticated %}
|
||||
<nav class="navbar navbar-light bg-white border-bottom shadow-sm">
|
||||
<div class="container-fluid">
|
||||
<span class="navbar-brand fw-bold">
|
||||
{% if g.tenant %}{{ g.tenant.name }}{% else %}Salon POS{% endif %}
|
||||
</span>
|
||||
{% if g.location %}
|
||||
<span class="badge bg-secondary">{{ g.location.name }}</span>
|
||||
{% endif %}
|
||||
<div class="d-flex align-items-center gap-3">
|
||||
<a href="{{ url_for('tenant_auth.logout') }}" class="btn btn-outline-secondary btn-sm">Logout</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
{% endif %}
|
||||
<main class="container-fluid py-4">
|
||||
{% with messages = get_flashed_messages(with_categories=true) %}
|
||||
{% for category, message in messages %}
|
||||
<div class="alert alert-{{ category }} alert-dismissible fade show">
|
||||
{{ message }}
|
||||
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endwith %}
|
||||
{% block content %}{% endblock %}
|
||||
</main>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
{% block scripts %}{% endblock %}
|
||||
</body>
|
||||
</html>
|
||||
@@ -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/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/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