@component('mail::message')
{{-- Style du fond blanc --}}
<div style="background-color: #ffffff; padding: 20px; color: #333; font-family: Arial, sans-serif;">

{{-- Titre --}}
<h1 style="text-align: center; font-size: 24px; color: #8b5cf6;">
     Initialisez votre mot de passe Peekiz
</h1>

{{-- Contenu principal --}}
<p>Bonjour,</p>
<p>Veuillez initialiser votre mot de passe pour accéder à votre compte Peekiz.</p>
<p>Cliquez sur le bouton ci-dessous pour définir un nouveau mot de passe sécurisé:</p>
{{-- Bouton --}}
<div style="text-align: left; margin: 30px 0;">
    <a href="{{ route('user.update_password_recovery', ['token' => $token]) }}"
       style="background-color: #8b5cf6; color: #ffffff; padding: 10px 20px; text-decoration: none; font-size: 16px; border-radius: 5px;">
       Définir mon mot de passe
    </a>
</div>


<p>
    Ce lien est valable pendant <strong>2 heures</strong> pour garantir la sécurité de votre compte.
    Si vous n'agissez pas dans ce délai, vous devrez demander un nouveau lien.
</p>

<p>
    Si vous n’avez pas fait cette demande, veuillez ignorer cet email. Pour toute question ou assistance,
    notre équipe est disponible à <a href="mailto:contact@peekiz.com" style="color: #8b5cf6; text-decoration: none;">contact@peekiz.com</a>.
</p>

<p>
    Nous sommes ravis de vous compter parmi nous et restons à votre disposition pour vous accompagner dans vos projets.
</p>

<p>
    Cordialement,<br>
    L’équipe Peekiz
</p>

<p style="text-align: center;">
    <a href="https://peekiz.com" style="color: #8b5cf6; text-decoration: none;">peekiz.com</a><br>
    © 2025 Peekiz
</p>

</div>
@endcomponent