@extends('emails.layout')

@section('content')
    <div class="email-title">
        حان وقت اختيار عرض لمشروعك
    </div>

    <div class="email-content">
        عزيزي <b>{{ $project->user->name }}</b>،<br/><br/>

        مرّ أسبوع على نشر مشروعك:<br/>
        <b style="font-size: 18px; color: #2d3748;">"{{ $project->title }}"</b><br/><br/>

        لديك <b style="color: #14965A; font-size: 20px;">{{ $pendingOffersCount }}</b>
        {{ $pendingOffersCount === 1 ? 'عرض' : 'عروض' }} بانتظار مراجعتك واختيارك.<br/><br/>

        <div style="background: #f0faf5; padding: 20px; border-radius: 8px; border-right: 4px solid #14965A; margin: 10px 0;">
            <b style="font-size: 17px;">ماذا تفعل الآن؟</b><br/><br/>
            ✓ ادخل إلى صفحة المشروع واستعرض العروض المقدمة<br/>
            ✓ قارن بين العروض وتواصل مع المستقلين عند الحاجة<br/>
            ✓ اختر العرض الأنسب لميزانيتك وجدولك الزمني<br/>
            ✓ اقبل العرض وابدأ تنفيذ مشروعك!
        </div>
        <br/>

        <div style="background: #fff8e1; padding: 15px; border-radius: 8px; border-right: 4px solid #f59e0b; margin: 10px 0; font-size: 15px;">
            <b>تذكير:</b> كل يوم تأخير يؤخر إنجاز مشروعك — المستقلون الجيدون قد يقبلون مشاريع أخرى.
        </div>
    </div>

    <br/>
    <a href="{{ route('project.details', [$project->id, createProjectSlug($project->title)]) }}" class="btn-primary">
        استعرض العروض واختر الأنسب
    </a>
    <br/><br/>

    <div class="email-footer-text">
        شكراً لاستخدامك <b>{{ config('app.name') }}</b><br/>
        نحن هنا لمساعدتك في إنجاز مشروعك بأفضل صورة!
    </div>
@endsection