{% 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.signup.welcome-message" %}</p>

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

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

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

    <p style="text-align: center; margin-top: 20px;">{% translate "email.signup.support-message" %}</p>
{% endblock %}
