{% extends "email/base.html" %}

{% block title %}Appointment Reminder — {{ appointment_date }}{% endblock %}

{% block content %}
<p class="email-heading">Appointment Reminder</p>
<p class="email-subheading">
  Hi {{ client_name }}, this is a reminder about your upcoming appointment.
</p>

<div class="email-info-block">
  <p class="email-label">Practitioner</p>
  <p class="email-value">{{ practitioner_name }}{% if practitioner_discipline %} &mdash; {{ practitioner_discipline }}{% endif %}</p>

  <p class="email-label">Date &amp; Time</p>
  <p class="email-value">{{ appointment_date }} at {{ appointment_time }}</p>

  {% if location %}
  <p class="email-label">Location</p>
  <p class="email-value">{{ location }}</p>
  {% endif %}

  {% if appointment_type %}
  <p class="email-label">Appointment Type</p>
  <p class="email-value">{{ appointment_type | replace('_', ' ') | title }}</p>
  {% endif %}
</div>

{% if notes %}
<p class="email-text"><strong>Notes from your practitioner:</strong><br>{{ notes }}</p>
<hr class="email-divider" />
{% endif %}

<p class="email-text">
  Please arrive <strong>5 minutes early</strong>. If you need to cancel or reschedule,
  we ask for at least 24 hours' notice so we can offer the slot to another client.
</p>

{% if cancel_url %}
<p style="text-align: center; margin: 28px 0 8px;">
  <a href="{{ cancel_url }}" class="btn btn-secondary">Cancel or Reschedule</a>
</p>
{% endif %}

<hr class="email-divider" />
<p class="email-muted">
  Questions? Reply to this email or contact {{ organisation_name }} at
  {% if organisation_phone %}{{ organisation_phone }}{% else %}your usual contact number{% endif %}.
</p>
{% endblock %}