{% extends "emails/base_email.html" %}
{% load account %}
{% load i18n %}

{% block content %}
<tr>
    <td style="padding: 20px 0 30px 0; color: #1a1a1a; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 16px; line-height: 1.6;">
        <p style="margin: 0 0 20px 0;">
            {% user_display user as user_display %}
            {% blocktrans with site_name=current_site.name site_domain=current_site.domain %}
                Hello from {{ site_name }}!
            {% endblocktrans %}
        </p>
        
        <p style="margin: 0 0 20px 0;">
            {% blocktrans with site_name=current_site.name site_domain=current_site.domain %}
                You're receiving this e-mail because user {{ user_display }} has given your e-mail address to register an account on {{ site_domain }}.
            {% endblocktrans %}
        </p>
        
        <p style="margin: 0 0 30px 0;">
            {% trans 'To confirm this is correct, please click the button below:' %}
        </p>
        
        <table border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 30px 0;">
            <tr>
                <td align="center" bgcolor="#0d6efd" style="border-radius: 4px;">
                    <a href="{{ activate_url }}" target="_blank" style="font-size: 16px; font-family: 'Helvetica Neue', Arial, sans-serif; color: #ffffff; text-decoration: none; border-radius: 4px; padding: 12px 25px; border: 1px solid #0d6efd; display: inline-block; font-weight: bold;">
                        {% trans 'Confirm Email Address' %}
                    </a>
                </td>
            </tr>
        </table>
        
        <p style="margin: 0 0 10px 0; color: #6c757d; font-size: 14px;">
            {% trans "If the button doesn't work, you can copy and paste this link into your browser:" %}
        </p>
        
        <p style="margin: 0 0 20px 0; word-break: break-all; color: #0d6efd; font-size: 14px;">
            {{ activate_url }}
        </p>
        
        <p style="margin: 0 0 10px 0; color: #6c757d; font-size: 14px;">
            {% trans "If you didn't request this, please ignore this email." %}
        </p>
        
        <p style="margin: 20px 0 0 0; color: #6c757d; font-size: 14px; border-top: 1px solid #e9ecef; padding-top: 20px;">
            {% blocktrans with site_name=current_site.name site_domain=current_site.domain %}
                Thank you for using {{ site_name }}!<br>
                <a href="https://{{ site_domain }}" style="color: #0d6efd; text-decoration: none;">{{ site_domain }}</a>
            {% endblocktrans %}
        </p>
    </td>
</tr>
{% endblock %}