{% extends 'layouts/base.html' %}
{% load i18n %}
{% load pyaa %}

{% block title %}
    {% translate "title.newsletter.subscribe" %}
{% endblock %}

{% block content %}

<div class="container mx-auto px-4 py-8 max-w-xl">
    <h1 class="text-2xl font-bold text-center mb-2">
        {% translate "title.newsletter.subscribe" %}
    </h1>

    <p class="text-center text-base-content/70 mb-6">
        {% trans "subtitle.newsletter.subscribe" %}
    </p>

    <form method="post" novalidate>
        {% csrf_token %}

        {% element fields form=form %}
        {% endelement %}

        <button type="submit" class="btn btn-primary w-full mt-4">
            <i class="fa-solid fa-envelope mr-2"></i>
            {% translate "button.newsletter.subscribe" %}
        </button>
    </form>
</div>

{% endblock %}