{% 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 %}