{% set mail_content %}
    <div style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; max-width: 600px; margin: 0 auto; background-color: #ffffff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);">

        <!-- Header -->
        <div style="background-color: #2c3e50; padding: 30px 20px; text-align: center;">
            <h1 style="color: white; margin: 0; font-size: 28px; font-weight: 600;">Cumas365</h1>
            <p style="color: #bdc3c7; margin: 5px 0 0; font-size: 14px;">Secure File Transfer Platform</p>
        </div>

        <!-- Content -->
        <div style="padding: 40px 30px;">
            <h2 style="color: #333; margin: 0 0 20px; font-size: 24px; font-weight: 600;">{{ 'lang.invitationEmailTitle'|trans }}</h2>

            <p style="color: #555; font-size: 16px; line-height: 1.6; margin: 0 0 20px;">{{ 'lang.invitationEmailGreeting'|trans }}</p>

            <div style="background-color: #f8f9fa; padding: 20px; border-radius: 6px; border-left: 4px solid #2c3e50; margin: 20px 0;">
                <p style="color: #555; font-size: 16px; line-height: 1.6; margin: 0;">
                    {% if company_name %}
                        {{ 'lang.invitationEmailMessage'|trans({'%company%': company_name}) }}
                    {% else %}
                        {{ 'lang.invitationEmailMessageNoCompany'|trans }}
                    {% endif %}
                </p>
            </div>

            {% if user_exists %}
                <p style="color: #555; font-size: 16px; line-height: 1.6; margin: 20px 0;">{{ 'lang.invitationEmailExistingUser'|trans }}</p>
            {% else %}
                <p style="color: #555; font-size: 16px; line-height: 1.6; margin: 20px 0;">{{ 'lang.invitationEmailNewUser'|trans }}</p>
            {% endif %}

            <!-- CTA Button -->
            <div style="text-align: center; margin: 40px 0;">
                <a href="{{ accept_url }}"
                   style="background-color: #2c3e50; color: white; padding: 16px 32px; text-decoration: none; border-radius: 8px; display: inline-block; font-weight: 600; font-size: 16px; box-shadow: 0 4px 12px rgba(44, 62, 80, 0.3);">
                    {{ 'lang.acceptInvitation'|trans }}
                </a>
            </div>

            <!-- Expiry Info -->
            <div style="background-color: #fff3cd; border: 1px solid #ffeaa7; border-radius: 6px; padding: 15px; margin: 20px 0;">
                <p style="color: #856404; font-size: 14px; margin: 0; text-align: center;">
                    <strong>{{ 'lang.invitationEmailExpires'|trans({'%expires%': invitation.expiresAt|date('Y-m-d H:i')}) }}</strong>
                </p>
            </div>

            <!-- Footer -->
            <div style="border-top: 1px solid #eee; padding-top: 20px; margin-top: 30px;">
                <p style="color: #888; font-size: 14px; line-height: 1.5; margin: 0 0 10px;">{{ 'lang.invitationEmailFooter'|trans }}</p>
                <p style="color: #888; font-size: 12px; margin: 0;">© {{ 'now'|date('Y') }} Cumas365. All rights reserved.</p>
            </div>
        </div>
    </div>
{% endset %}

{% include 'email/email-master.html.twig' %}