@extends('emails.layout')

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

        <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('project.details', [$project->id, createProjectSlug($project->title)]) }}" 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