{% extends "base.html" %}

{% block content %}
  <section class="newsletter-status{% if can_submit %} is-warning{% else %} is-failure{% endif %}">
    <h1>取消訂閱</h1>
    <div class="newsletter-status-message">{{ intro_message|safe }}</div>

    {% if can_submit %}
      <form method="post" action="{% url 'newsletter_unsubscribe' %}" class="newsletter-unsubscribe-form">
        {% csrf_token %}
        <label for="{{ form.email.id_for_label }}">退訂 Email</label>
        {{ form.email }}
        {{ form.token }}
        <button type="submit">確認退訂</button>
      </form>
    {% else %}
      <p>退訂連結已失效或缺少必要參數。</p>
    {% endif %}

    <p><a href="/">回到首頁</a></p>
  </section>
{% endblock %}