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

{% block title %}Réinitialisation de mot de passe - 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: #e74c3c; font-size: 28px; margin: 0 0 20px 0;">
                🔐 Réinitialisation de mot de passe
            </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;">
                Vous avez demandé à réinitialiser votre mot de passe sur Antiquités en France. 
                Cliquez sur le lien ci-dessous pour définir un nouveau mot de passe :
            </p>
        </td>
    </tr>
    
    <tr>
        <td style="text-align: center; padding: 30px 20px;">
            <a href="{{ reset_url }}" 
               style="background: linear-gradient(135deg, #e74c3c 0%, #c0392b 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(231, 76, 60, 0.3);">
                Réinitialiser mon mot de passe
            </a>
        </td>
    </tr>
    
    <tr>
        <td style="padding: 20px;">
            <div style="background-color: #fff3cd; padding: 20px; border-radius: 8px; border-left: 4px solid #f39c12;">
                <p style="font-size: 14px; color: #856404; margin: 0; font-weight: bold;">
                    ⚠️ Important : Ce lien expire dans 1 heure pour votre sécurité.
                </p>
            </div>
        </td>
    </tr>
    
    <tr>
        <td style="padding: 20px;">
            <div style="background-color: #d1ecf1; padding: 20px; border-radius: 8px; border-left: 4px solid #17a2b8;">
                <h4 style="color: #0c5460; margin: 0 0 10px 0; font-size: 16px;">
                    🛡️ Conseils de sécurité
                </h4>
                <ul style="color: #0c5460; font-size: 14px; line-height: 1.6; margin: 0; padding-left: 20px;">
                    <li>Choisissez un mot de passe fort avec au moins 8 caractères</li>
                    <li>Utilisez une combinaison de lettres, chiffres et symboles</li>
                    <li>Évitez d'utiliser des informations personnelles facilement devinables</li>
                </ul>
            </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 demandé cette réinitialisation, vous pouvez ignorer cet email en toute sécurité. 
                Votre mot de passe actuel restera inchangé.
            </p>
        </td>
    </tr>
    
    <tr>
        <td style="padding: 20px;">
            <p style="font-size: 12px; line-height: 1.6; color: #95a5a6; margin: 0; font-style: italic;">
                Pour votre sécurité, ne partagez jamais ce lien avec d'autres personnes.
            </p>
        </td>
    </tr>
</table>
{% endblock %}