@extends('emails.layout')

@section('content')
    @if($recipientType === 'owner')
        {{-- رسالة لصاحب المشروع --}}
        <div class="email-title">
            🎉 تم تسليم المشروع للمستقل بنجاح!
        </div>

        <div class="email-content">
            عزيزي <b>{{ $offer->project->user->name }}</b>،<br/><br/>
            
            نود إعلامك بأنه تم تسليم المشروع:<br/>
            <b style="font-size: 18px; color: #2d3748;">"{{ $offer->project->title }}"</b><br/><br/>
            
            للمستقل <b>{{ $offer->user->name }}</b> بنجاح.
            <br/><br/>
            
            <div style="background: #f7fafc; padding: 15px; border-radius: 8px; border-right: 4px solid #14965A;">
                <b>تفاصيل التسليم:</b><br/>
                • المستقل: {{ $offer->user->name ?? 'مستقل' }}<br/>
                • المشروع: {{ $offer->project->title ?? 'مشروع' }}<br/>
                • قيمة العرض: ${{ number_format($offer->total ?? $offer->price, 2) }}<br/>
                • تاريخ التسليم: {{ now()->format('Y-m-d H:i') }}
            </div>
            <br/>
            
            تم إتمام المشروع بنجاح وتسليمه للمستقل.
            <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">
            شكراً لاستخدامك <b>{{ config('app.name') }}</b><br/>
            نتمنى لك التوفيق في مشاريعك القادمة!
        </div>

    @else
        {{-- رسالة للمستقل --}}
        <div class="email-title">
            ✅ مبروك! تم استلام المشروع بنجاح
        </div>

        <div class="email-content">
            عزيزي <b>{{ $offer->user->name }}</b>،<br/><br/>
            
            تم تسليم المشروع إليك بنجاح:<br/>
            <b style="font-size: 18px; color: #2d3748;">"{{ $offer->project->title }}"</b><br/><br/>
            
            قام صاحب المشروع <b>{{ $offer->project->user->name }}</b> بتسليم المشروع لك.
            <br/><br/>
            
            <div style="background: #f7fafc; padding: 15px; border-radius: 8px; border-right: 4px solid #14965A;">
                <b>ملخص المشروع:</b><br/>
                • المشروع: {{ $offer->project->title ?? 'مشروع' }}<br/>
                • صاحب المشروع: {{ $offer->project->user->name ?? 'صاحب المشروع' }}<br/>
                • قيمة العرض: ${{ number_format($offer->total ?? $offer->price, 2) }}<br/>
                • تاريخ التسليم: {{ now()->format('Y-m-d H:i') }}
            </div>
            <br/>
            
            تم إتمام المشروع وتسليمه لك بنجاح.
            <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">
            شكراً لاستخدامك <b>{{ config('app.name') }}</b><br/>
            نتمنى لك التوفيق في مشاريعك القادمة!
        </div>
    @endif
@endsection