@extends('emails.layout')

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

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

        <p style="text-align: center;">
            قام المستقل <strong>{{ $freelancerName }}</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/>

        <p style="text-align: center;">
            للمتابعة، يرجى إنشاء حسابك على المنصة عبر الزر أدناه:
        </p>
    </div>

    <br/>
    <a href="{{ $registrationUrl }}" class="btn-primary">
        إنشاء حساب والبدء
    </a>
    <br/><br/>

    <div class="email-footer-text">
        سيتم ربط حسابك تلقائياً بالمشروع بعد إكمال التسجيل.<br/><br/>
        إذا لم تكن تعرف المرسل أو لا ترغب في المتابعة، يمكنك تجاهل هذا البريد.<br/><br/>
        شكراً لك،<br/>
        <b>{{ $siteName }}</b>
    </div>
@endsection