@extends('emails.layout')

@section('content')
@php
    $installmentsCount = $offer->installments()->count();
    $isStaged = $installmentsCount > 0;
@endphp

    <div class="email-title">
        مبروك! تم قبول عرضك
    </div>

    <div class="email-content">
        عزيزي <b>{{ $offer->user->name }}</b>،<br/><br/>

        نود إعلامك بأن صاحب المشروع <b>{{ $offer->project->user->name }}</b> قام بقبول عرضك على المشروع:<br/>
        <b style="font-size: 18px; color: #2d3748;">"{{ $offer->project->title }}"</b><br/><br/>

        @if($isStaged)
            تهانينا! المشروع يسير وفق نظام <b>المراحل</b>، وقد تم البدء في المرحلة الأولى.
        @else
            تهانينا! يمكنك الآن البدء في تنفيذ المشروع.
        @endif
        <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/>
            @if($isStaged)
            • نظام الدفع: مراحل ({{ $installmentsCount }} مرحلة)<br/>
            @endif
            • تاريخ القبول: {{ now()->format('Y-m-d H:i') }}
        </div>
        <br/>

        @if($isStaged)
            <div style="background: #fffbeb; padding: 15px; border-radius: 8px; border-right: 4px solid #f59e0b;">
                <b>كيف يعمل نظام المراحل؟</b><br/><br/>
                ✓ المرحلة الأولى مبدوءة الآن، يمكنك البدء في تنفيذها<br/>
                ✓ بعد تسليم كل مرحلة وقبولها، يقوم صاحب المشروع بسداد المرحلة التالية<br/>
                ✓ ستصلك إشعار بالبريد عند سداد كل مرحلة جديدة<br/>
                ✓ لا تنتقل للمرحلة التالية إلا بعد تأكيد السداد
            </div>
        @else
            <b>الخطوات القادمة:</b><br/>
            ✓ ابدأ العمل على المشروع فوراً<br/>
            ✓ تواصل مع صاحب المشروع لأي استفسارات<br/>
            ✓ التزم بمتطلبات المشروع والجودة المطلوبة<br/>
            ✓ قم بتسليم المشروع في الموعد المحدد
        @endif
    </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>
@endsection