{% extends "base.html" %}
{% block title %}Communication preferences · {{ SITE_NAME }}{% endblock %}
{% block content %}
  {% include "public/_breadcrumbs.html" with title="Communication preferences" %}
  <section class="section section-lg bg-default">
    <div class="container" style="max-width:560px;">
      {% if not valid %}
        <p>This preferences link is invalid or has expired.</p>
        <p style="font-size:13px;color:#6b7280;">If you still get messages, reply STOP on SMS or contact us directly.</p>
        <p style="margin-top:24px">
          <a class="button button-primary button-md" href="{% url 'public:contact' %}">Contact us</a>
          <a class="button button-gray" href="{% url 'public:home' %}">Back to home</a>
        </p>
      {% else %}
        <p>You are subscribed as <strong>{{ identity }}</strong>.</p>
        <form method="post" action="{% url 'public:unsubscribe' token=token %}">
          {% csrf_token %}
          <div class="form-wrap">
            <label class="pref-check">
              <input type="checkbox" name="consent_email" value="1" {% if prefs.email %}checked{% endif %}>
              Email marketing
            </label>
          </div>
          <div class="form-wrap">
            <label class="pref-check">
              <input type="checkbox" name="consent_sms" value="1" {% if prefs.sms %}checked{% endif %}>
              SMS updates
            </label>
          </div>
          <div class="form-wrap">
            <label class="pref-check">
              <input type="checkbox" name="consent_postcard" value="1" {% if prefs.postcard %}checked{% endif %}>
              Postcard mailings
            </label>
          </div>
          <p style="font-size:13px;color:#6b7280;margin-top:16px;">
            SMS: reply <strong>STOP</strong> anytime. Changes take effect immediately.
            Postcard mailings also need a postal address on file.
          </p>
          <div style="margin-top:24px;display:flex;flex-wrap:wrap;gap:12px;">
            <button class="button button-primary button-md" type="submit" name="action" value="save">
              Save preferences
            </button>
            <button class="button button-gray" type="submit" name="action" value="unsubscribe_all">
              Unsubscribe from all
            </button>
          </div>
        </form>
        <p style="margin-top:32px">
          <a class="button button-gray" href="{% url 'public:home' %}">Back to home</a>
        </p>
      {% endif %}
    </div>
  </section>
{% endblock %}