{% extends 'base.html' %}
{% load i18n %}

{% block title %}{% trans "退订 Newsletter" %} - {{ site_settings.brand_name }}{% endblock %}

{% block content %}
<section class="max-w-2xl mx-auto px-6 py-16 text-center">
    {% if done %}
        <h1 class="text-2xl font-serif font-bold mb-4">{% trans "已成功退订" %}</h1>
        <p class="text-charcoal/70 mb-8">{% trans "您将不再收到 HR Observer Weekly。如需重新订阅，可随时访问我们的网站。" %}</p>
        <a href="/" class="inline-block px-6 py-3 bg-charcoal text-warm-white rounded hover:bg-burgundy transition">
            {% trans "返回首页" %}
        </a>
    {% else %}
        <h1 class="text-2xl font-serif font-bold mb-4">{% trans "确认退订" %}</h1>
        <p class="text-charcoal/70 mb-8">
            {% blocktrans with email=subscriber.email %}您正在退订 {{ email }} 的 HR Observer Weekly 订阅。{% endblocktrans %}
        </p>
        <form method="post" action="">
            {% csrf_token %}
            <button type="submit" class="px-6 py-3 bg-burgundy text-warm-white rounded hover:bg-burgundy/80 transition">
                {% trans "确认退订" %}
            </button>
            <a href="/" class="ml-4 inline-block px-6 py-3 border border-charcoal/20 rounded hover:bg-charcoal hover:text-warm-white transition">
                {% trans "取消" %}
            </a>
        </form>
    {% endif %}
</section>
{% endblock %}