@extends('emails.layouts.master')

@section('title', 'Réinitialisation de votre mot de passe')

@section('header-title', '🔐 Réinitialisation de mot de passe')
@section('header-subtitle', 'Vous avez demandé à réinitialiser votre mot de passe')

@section('content')
    <p class="greeting">Bonjour,</p>

    <p class="content">
        Vous recevez cet email car nous avons reçu une demande de réinitialisation de mot de passe pour votre compte.
    </p>

    <div class="highlight-box" style="background: linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%); border-left-color: #F59E0B;">
        <h3 style="color: #92400E;">⏱️ Lien temporaire</h3>
        <p style="color: #78350F;">
            Ce lien de réinitialisation expirera dans <strong>{{ config('auth.passwords.'.config('auth.defaults.passwords').'.expire') }} minutes</strong>.
            Si vous n'avez pas demandé cette réinitialisation, ignorez simplement cet email.
        </p>
    </div>

    <div style="text-align: center; margin: 30px 0;">
        <a href="{{ $resetUrl }}" class="button">
            🔓 Réinitialiser Mon Mot de Passe
        </a>
    </div>

    <p class="content" style="font-size: 14px; color: #6b7280;">
        Si le bouton ne fonctionne pas, copiez et collez ce lien dans votre navigateur :<br>
        <a href="{{ $resetUrl }}" style="color: #FF6B35; word-break: break-all;">{{ $resetUrl }}</a>
    </p>

    <div class="divider"></div>

    <div class="security-notice">
        <h3>🛡️ Sécurité de votre compte</h3>
        <p>
            <strong>Vous n'avez pas demandé cette réinitialisation ?</strong><br>
            Si vous n'êtes pas à l'origine de cette demande, veuillez ignorer cet email. Votre mot de passe ne sera pas modifié.
            Pour plus de sécurité, nous vous recommandons de changer votre mot de passe et d'activer l'authentification à deux facteurs.
        </p>
    </div>

    <p class="content" style="margin-top: 30px; color: #6b7280; font-size: 14px;">
        Cordialement,<br>
        L'équipe <strong>MentoraMind</strong>
    </p>
@endsection