{% extends "emails/base_email.html" %}

{% block title %}Welcome to {{ site_name }}{% endblock %}

{% block content %}
    <h1 style="margin:0 0 16px 0;font-size:22px;font-weight:600;color:#ffffff;">You're invited</h1>
    <p style="margin:0 0 16px 0;">Hello,</p>
    <p style="margin:0 0 16px 0;">
        You have been invited to {{ site_name }} by {{ company_name }}.
        Set a password to activate your account and start chatting.
    </p>
    <table role="presentation" cellspacing="0" cellpadding="0" border="0" style="margin:24px 0;">
        <tr>
            <td align="center" style="border-radius:8px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);">
                <a href="{{ url }}" style="display:inline-block;padding:14px 28px;font-size:15px;font-weight:600;color:#ffffff;text-decoration:none;">
                    Set your password
                </a>
            </td>
        </tr>
    </table>
    <p style="margin:0 0 12px 0;font-size:13px;color:rgba(255,255,255,0.55);word-break:break-all;">
        Or copy this link:<br>
        <a href="{{ url }}" style="color:#a78bfa;text-decoration:none;">{{ url }}</a>
    </p>
    <p style="margin:0;">
        Once ready,
        <a href="{{ site_url }}" style="color:#a78bfa;text-decoration:none;">open {{ site_name }}</a>.
    </p>
{% endblock %}