@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>{{ $utilisateur->nom_prenom ?? 'مستخدم' }}</strong>،</p>
        <p>تم إنشاء حسابك على منصتنا.</p>
        <p>لإتمام التسجيل، الرجاء تعيين كلمة المرور الخاصة بك بالضغط على الزر أدناه:</p>

        {{-- Bouton --}}
        @component('mail::button', ['url' => route('set_mdp', $utilisateur->id), 'color' => 'success'])
            تعيين كلمة المرور
        @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