{% extends 'email/base.html.twig' %}

{% block title %}Vérifiez votre adresse email - Antiquités en France{% endblock %}

{% block content %}
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="font-family: Arial, sans-serif;">
    <tr>
        <td style="padding: 40px 0; text-align: center;">
            <h1 style="color: #2c3e50; font-size: 28px; margin: 0 0 20px 0;">
                Bienvenue chez Antiquités en France !
            </h1>
        </td>
    </tr>
    
    <tr>
        <td style="padding: 0 20px;">
            <p style="font-size: 16px; line-height: 1.6; color: #34495e; margin: 0 0 20px 0;">
                Bonjour {{ user_name }},
            </p>
            
            <p style="font-size: 16px; line-height: 1.6; color: #34495e; margin: 0 0 30px 0;">
                {% if is_member %}
                    Merci de vous être inscrit sur notre plateforme d'antiquaires. Pour activer votre compte et commencer à vendre vos objets d'art, veuillez cliquer sur le lien ci-dessous :
                {% else %}
                    Merci de vous être inscrit sur notre plateforme. Pour activer votre compte et commencer à découvrir nos antiquités exceptionnelles, veuillez cliquer sur le lien ci-dessous :
                {% endif %}
            </p>
        </td>
    </tr>
    
    <tr>
        <td style="text-align: center; padding: 30px 20px;">
            <a href="{{ verification_url }}" 
               style="background: linear-gradient(135deg, #3498db 0%, #2980b9 100%); 
                      color: white; 
                      padding: 15px 40px; 
                      text-decoration: none; 
                      border-radius: 8px; 
                      display: inline-block; 
                      font-size: 16px; 
                      font-weight: bold;
                      text-transform: uppercase;
                      letter-spacing: 1px;
                      box-shadow: 0 4px 12px rgba(52, 152, 219, 0.3);">
                Vérifier mon email
            </a>
        </td>
    </tr>
    
    <tr>
        <td style="padding: 20px;">
            <div style="background-color: #f8f9fa; padding: 20px; border-radius: 8px; border-left: 4px solid #e74c3c;">
                <p style="font-size: 14px; color: #e74c3c; margin: 0; font-weight: bold;">
                    ⏰ Important : Ce lien expire dans 24 heures.
                </p>
            </div>
        </td>
    </tr>
    
    <tr>
        <td style="padding: 20px;">
            <p style="font-size: 14px; line-height: 1.6; color: #7f8c8d; margin: 0;">
                Si vous n'avez pas créé ce compte, vous pouvez ignorer cet email en toute sécurité.
            </p>
        </td>
    </tr>
    
    {% if is_member %}
    <tr>
        <td style="padding: 30px 20px;">
            <div style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 25px; border-radius: 12px; text-align: center;">
                <h3 style="color: #2c3e50; margin: 0 0 15px 0; font-size: 18px;">
                    🏺 Vos prochaines étapes
                </h3>
                <ul style="list-style: none; padding: 0; margin: 0; text-align: left; max-width: 400px; margin: 0 auto;">
                    <li style="padding: 8px 0; color: #34495e; font-size: 14px;">
                        ✓ Complétez votre profil d'antiquaire
                    </li>
                    <li style="padding: 8px 0; color: #34495e; font-size: 14px;">
                        ✓ Ajoutez vos premiers objets
                    </li>
                    <li style="padding: 8px 0; color: #34495e; font-size: 14px;">
                        ✓ Personnalisez votre galerie
                    </li>
                </ul>
            </div>
        </td>
    </tr>
    {% endif %}
</table>
{% endblock %}