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

{% block email_subject %}
    {{ subject }}
{% endblock %}

{% block email_content %}
    <p style="margin-bottom: 15px;">{% translate "email.greeting" %},</p>

    <p style="margin-bottom: 15px;">{% translate "email.activation.welcome-message" %}</p>

    <div style="background-color: #f8f9fa; padding: 15px; margin: 20px 0; text-align: center;">
        <p style="margin: 0;">{% translate "email.activation.instructions" %}</p>
    </div>

    <p style="text-align: center; margin-bottom: 15px;">{% translate "email.activation.click-button" %}</p>

    <div style="text-align: center; margin: 25px 0;">
        <a href="{{ activation_url }}" style="background-color: #007bff; color: white; padding: 10px 20px; text-decoration: none; border-radius: 4px; font-weight: bold;">
            {% translate "email.activation.activate-button" %}
        </a>
    </div>

    <p style="text-align: center; margin-top: 20px; font-size: 0.8em;">{% translate "email.activation.if-not-requested" %}</p>
{% endblock %}