@component('mail::message')
<div style="font-family: Arial, sans-serif; direction: rtl; text-align: right; max-width: 600px; margin: 20px auto; border: 1px solid #ddd; padding: 20px; border-radius: 10px;">

    {{-- Header --}}
    <div style="font-size: 20px; font-weight: bold; margin-bottom: 20px; text-align: center;">
        إعادة تعيين كلمة المرور
    </div>

    {{-- Contenu --}}
    <div style="line-height: 1.6; color: #222;">
        <p>مرحبًا <strong>{{ $user->nom }}</strong>!</p>
        <p>لقد طلبت إعادة تعيين كلمة المرور الخاصة بك.</p>
        <p><strong>البريد الإلكتروني:</strong> {{ $user->email }}</p>

        {{-- Bouton --}}
        @component('mail::button', ['url' => $resetLink, 'color' => 'danger'])
            إعادة تعيين كلمة المرور
        @endcomponent

        <p style="margin-top: 15px;">إذا لم تطلب هذا الإجراء، تجاهل هذه الرسالة.</p>
    </div>

    <hr style="margin: 20px 0; border: none; border-top: 1px solid #eee;">

    {{-- Footer --}}
    <div style="text-align: center; font-size: 12px; color: #555;">
           وزارة الشباب والرياضة
    </div>
</div>
@endcomponent