{% 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">
    <h1 class="text-3xl font-serif font-bold mb-4">HR Observer Weekly</h1>
    <p class="text-charcoal/70 mb-8">{{ site_settings.newsletter_subtitle_zh }}</p>

    <form method="post" action="/newsletter/subscribe/" class="max-w-md mx-auto flex">
        {% csrf_token %}
        <input type="email" name="email" placeholder="Email" required
               class="flex-1 px-4 py-3 border border-charcoal/20 rounded-l focus:outline-none focus:border-burgundy">
        <button type="submit" class="px-6 py-3 bg-charcoal text-warm-white rounded-r hover:bg-burgundy transition">
            {% trans "订阅" %} Subscribe
        </button>
    </form>

    {% if error == 'email_invalid' %}
        <p class="text-burgundy mt-4">{% trans "邮箱格式不正确" %}</p>
    {% endif %}
</section>
{% endblock %}