{% extends "mail_base.html" %}

{% block content %}
<div style="font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; padding: 20px;">
    <h2 style="color: #2563EB; margin-bottom: 20px;">Activate Your Company Email</h2>
    
    <p>Hello {{ user.get_full_name|default:user.email }},</p>
    
    <p>Your company email address for {{ company.name }} has been created:</p>
    
    <p style="background-color: #F3F4F6; padding: 10px; border-radius: 5px;">
        <strong>{{ email_address }}</strong>
    </p>
    
    <p>To start using your company email, please click the button below to activate it:</p>
    
    <div style="text-align: center; margin: 30px 0;">
        <a href="{{ activation_link }}" style="background-color: #2563EB; color: white; padding: 12px 24px; text-decoration: none; border-radius: 5px; display: inline-block;">
            Activate Email
        </a>
    </div>
    
    <p>Or copy and paste this link in your browser:</p>
    <p style="word-break: break-all; color: #2563EB;">{{ activation_link }}</p>
    
    <p>If you did not request this email, please ignore it.</p>
    
    <hr style="margin: 30px 0; border: none; border-top: 1px solid #E5E7EB;">
    
    <p style="color: #6B7280; font-size: 14px;">
        Best regards,<br>
        The {{ company.name }} Team
    </p>
</div>
{% endblock %}