@extends('emails.layout')

@section('content')
    <div class="email-title">
        قبول دعوة العقد المباشر
    </div>

    <div class="email-content">
        <p style="text-align: center; font-size: 18px;">
            <b>مرحباً {{ $freelancerName }}!</b>
        </p>
        <br/>

        <p style="text-align: center;">
            نود إعلامك بأن العميل <strong>{{ $clientName }}</strong> قد قبل دعوتك للعقد المباشر وقام بإنشاء حسابه على منصة <strong>{{ $siteName }}</strong>.
        </p>
        <br/>

        <div style="background: #f8f9fa; border-radius: 8px; padding: 15px; margin: 15px 0; border-right: 4px solid #14965A;">
            <p style="margin: 0 0 8px 0; font-weight: bold; color: #333;">
                {{ $projectTitle }}
            </p>
            @if($projectDescription)
                <p style="margin: 0; color: #666; font-size: 14px; line-height: 1.6;">
                    {{ $projectDescription }}
                </p>
            @endif
        </div>
        <br/>

        <div style="background: #e3f2fd; border-radius: 8px; padding: 15px; margin: 15px 0; border-right: 4px solid #2196F3;">
            <p style="margin: 0 0 8px 0; font-weight: bold; color: #1976D2;">
                معلومات العميل:
            </p>
            <p style="margin: 0; color: #555; font-size: 14px;">
                <strong>الاسم:</strong> {{ $clientName }}<br/>
                <strong>البريد الإلكتروني:</strong> {{ $clientEmail }}
            </p>
        </div>
        <br/>

        <p style="text-align: center;">
            تمت الموافقة على المشروع من قبل الإدارة، ويمكنك الآن تقديم عرضك على المشروع.
        </p>
    </div>

    <br/>
    <a href="{{ $projectUrl }}" class="btn-primary">
        عرض المشروع
    </a>
    <br/><br/>

    <div class="email-footer-text">
        يمكنك متابعة حالة المشروع من لوحة التحكم الخاصة بك.<br/><br/>
        شكراً لك،<br/>
        <b>{{ $siteName }}</b>
    </div>
@endsection