05/07 Phase 3: initial codes

templates/tenant/staff_portal/schedule.html

@@ -0,0 +1,28 @@
+{% extends "tenant/layouts/base.html" %}
+{% block title %}My Schedule{% endblock %}
+{% block content %}
+<h4 class="fw-bold mb-4">My Schedule — Next 7 Days</h4>
+{% if appointments %}
+<div class="card shadow-sm">
+  <div class="table-responsive">
+    <table class="table table-hover mb-0">
+      <thead class="table-light"><tr><th>Date</th><th>Time</th><th>Customer</th><th>Service</th><th>Status</th></tr></thead>
+      <tbody>
+        {% for a in appointments %}
+        <tr>
+          <td class="small">{{ a.start_time.strftime('%b %d') }}</td>
+          <td class="fw-semibold">{{ a.start_time.strftime('%I:%M %p') }}</td>
+          <td>{{ a.customer.name if a.customer else 'Walk-in' }}</td>
+          <td class="small">{{ a.service.name if a.service else '—' }}</td>
+          <td><span class="badge bg-{{ {'confirmed':'primary','in_progress':'info','pending':'warning'}.get(a.status,'secondary') }}">{{ a.status }}</span></td>
+        </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+  </div>
+</div>
+{% else %}
+<div class="alert alert-light">No upcoming appointments in the next 7 days.</div>
+{% endif %}
+<a href="{{ url_for('staff_portal.index') }}" class="btn btn-outline-secondary btn-sm mt-3">Back</a>
+{% endblock %}