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

{% block title %}Réinitialisation de votre mot de passe - Bubul{% endblock %}

{% block content %}
    <h1 class="email-title">Réinitialisation de votre mot de passe</h1>

    <p class="email-text">
        Bonjour,
    </p>

    <p class="email-text">
        Vous avez demandé à réinitialiser votre mot de passe sur <strong>Bubul</strong>.
        Pour créer un nouveau mot de passe, cliquez sur le bouton ci-dessous :
    </p>

    <div style="text-align: center;">
        <a href="{{ resetUrl }}" class="email-button">
            Réinitialiser mon mot de passe
        </a>
    </div>

    <div class="warning-box">
        <p>⏱️ <strong>Attention :</strong> Ce lien de réinitialisation est valable pendant <strong>1 heure</strong>. Passé ce délai, vous devrez faire une nouvelle demande.</p>
    </div>

    <div class="info-box">
        <p><strong>🔗 Lien de réinitialisation :</strong><br>
        <a href="{{ resetUrl }}" style="color: #0C81E4; text-decoration: none; word-break: break-all;">{{ resetUrl }}</a></p>
    </div>

    <p class="email-text">
        Si le bouton ne fonctionne pas, vous pouvez copier et coller le lien ci-dessus dans votre navigateur.
    </p>

    <div class="warning-box" style="background: linear-gradient(135deg, #FFF0F0 0%, #FFE6E6 100%); border-left-color: #EF4444;">
        <p>🔒 <strong>Sécurité :</strong> Si vous n'êtes pas à l'origine de cette demande, ignorez cet email. Votre mot de passe actuel reste inchangé et votre compte est sécurisé.</p>
    </div>

    <p class="email-text" style="margin-top: 30px; color: #2D2D2D; font-weight: 500;">
        Cordialement,<br>
        L'équipe Bubul
    </p>
{% endblock %}