@extends('emails.layout')

@section('content')
    <div class="email-title" style="color: #e53e3e;">
        🚫 تحديث بخصوص مشروع كنت تعمل عليه
    </div>

    <div class="email-content">
        عزيزي <b>{{ $offer->user->name }}</b>،<br/><br/>
        نود إعلامك بأنه تم إلغاء المشروع الذي كنت تعمل عليه:<br/>
        <b style="font-size: 18px; color: #2d3748;">"{{ $project->title }}"</b><br/><br/>

        <div style="background-color: #fff5f5; border: 1px solid #fc8181; border-radius: 6px; padding: 15px; margin: 20px 0;">
            <span style="color: #4a5568;">تم إلغاء هذا المشروع من قِبل إدارة المنصة. في حال وجود أي استفسار، يُرجى التواصل مع فريق الدعم الفني.</span>
        </div>

        <br/>
        يمكنك الاطلاع على تفاصيل عرضك من خلال الرابط أدناه.
    </div>

    <br/>
    <a href="{{ route('offer.show', $offer->uuid) }}" style="background: #14965A; color: #fff !important; text-transform: capitalize; min-width: 150px; font-weight: 700; text-decoration: none; padding: 12px 24px; display: inline-block; margin: 20px 0; font-family: 'Cairo', 'Segoe UI', Tahoma, Arial, sans-serif;">
        عرض تفاصيل العرض
    </a>
    <br/><br/>

    <div class="email-footer-text">
        شكراً لتفهمك، ونتمنى لك التوفيق في الفرص القادمة!<br/>
        فريق <b>{{ config('app.name') }}</b>
    </div>
@endsection