@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;">
        @if($type === 'accepte')
            <p>مرحباً <strong>{{ $user->nom_prenom ?? 'مستخدم' }}</strong>،</p>
            <p>تم قبول مشروعك.</p>
        @else
            <p>مرحباً <strong>{{ $user->nom_prenom ?? 'مستخدم' }}</strong>،</p>
            <p>نأسف، تم رفض مشروعك.</p>
            <p><strong>السبب :</strong> {{ $motif ?? 'غير محدد' }}</p>
        @endif

        

        <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