@extends('layouts.app')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">عرض توظيف {{ $offerLetter->offer_number }}</h1>
        <p class="page-subtitle">{{ $offerLetter->candidate_name }} - {{ $offerLetter->position_title }}</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('offer-letters.pdf', $offerLetter->id) }}" class="btn btn-secondary">
            <i class="fa-solid fa-file-pdf"></i> تحميل PDF
        </a>
        <button onclick="window.print()" class="btn btn-secondary">
            <i class="fa-solid fa-print"></i> طباعة
        </button>
        <a href="{{ route('offer-letters.index') }}" class="btn btn-secondary">
            <i class="fa-solid fa-arrow-right"></i> رجوع
        </a>
    </div>
</div>

@if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
@endif

<div class="card">
    <div class="card-header">
        حالة العرض: <span class="status-badge {{ $offerLetter->statusBadgeClass() }}">{{ $offerLetter->statusLabel() }}</span>
    </div>
    <div class="card-body">
        <div class="detail-grid">
            <div class="detail-item">
                <label>رقم العرض</label>
                <span class="code-badge">{{ $offerLetter->offer_number }}</span>
            </div>
            <div class="detail-item">
                <label>اسم المرشح</label>
                <span>{{ $offerLetter->candidate_name }}</span>
            </div>
            <div class="detail-item">
                <label>المسمى الوظيفي</label>
                <span>{{ $offerLetter->position_title }}</span>
            </div>
            <div class="detail-item">
                <label>القسم</label>
                <span>{{ $offerLetter->department->name ?? '—' }}</span>
            </div>
            <div class="detail-item">
                <label>الراتب الأساسي</label>
                <span>{{ number_format($offerLetter->salary_basic, 2) }}</span>
            </div>
            <div class="detail-item">
                <label>بدل السكن</label>
                <span>{{ number_format($offerLetter->housing_allowance, 2) }}</span>
            </div>
            <div class="detail-item">
                <label>بدل المواصلات</label>
                <span>{{ number_format($offerLetter->transportation_allowance, 2) }}</span>
            </div>
            <div class="detail-item">
                <label>بدلات أخرى</label>
                <span>{{ number_format($offerLetter->other_allowances, 2) }}</span>
            </div>
            <div class="detail-item">
                <label>إجمالي الحزمة</label>
                <span><strong>{{ number_format($offerLetter->total_package, 2) }}</strong></span>
            </div>
            <div class="detail-item">
                <label>تاريخ المباشرة</label>
                <span>{{ $offerLetter->start_date ? $offerLetter->start_date->format('Y-m-d') : '—' }}</span>
            </div>
            <div class="detail-item">
                <label>فترة التجربة</label>
                <span>{{ $offerLetter->probation_months }} أشهر</span>
            </div>
            <div class="detail-item">
                <label>نوع العقد</label>
                <span>{{ $offerLetter->contractTypeLabel() }}</span>
            </div>
            @if($offerLetter->contract_type === 'contract')
            <div class="detail-item">
                <label>مدة العقد</label>
                <span>{{ $offerLetter->contract_duration_months }} أشهر</span>
            </div>
            @endif
            <div class="detail-item">
                <label>ساري حتى</label>
                <span>{{ $offerLetter->valid_until ? $offerLetter->valid_until->format('Y-m-d') : '—' }}</span>
            </div>
            <div class="detail-item">
                <label>تم الإنشاء بواسطة</label>
                <span>{{ $offerLetter->creator->name ?? '—' }}</span>
            </div>
            <div class="detail-item">
                <label>تمت الموافقة بواسطة</label>
                <span>{{ $offerLetter->approver->name ?? 'بانتظار الموافقة' }}</span>
            </div>
            @if($offerLetter->benefits_text)
            <div class="detail-item full">
                <label>المزايا الإضافية</label>
                <span>{{ $offerLetter->benefits_text }}</span>
            </div>
            @endif
            @if($offerLetter->terms_text)
            <div class="detail-item full">
                <label>الشروط والأحكام</label>
                <span>{{ $offerLetter->terms_text }}</span>
            </div>
            @endif
            @if($offerLetter->response_notes)
            <div class="detail-item full">
                <label>ملاحظات الرد</label>
                <span>{{ $offerLetter->response_notes }}</span>
            </div>
            @endif
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header">الإجراءات</div>
    <div class="card-body">
        <div class="form-actions">
            @if($offerLetter->status === 'draft')
                <form method="POST" action="{{ route('offer-letters.approve', $offerLetter->id) }}">
                    @csrf
                    <button type="submit" class="btn btn-success"><i class="fa-solid fa-check"></i> الموافقة على العرض</button>
                </form>
                <form method="POST" action="{{ route('offer-letters.send', $offerLetter->id) }}">
                    @csrf
                    <button type="submit" class="btn btn-primary"><i class="fa-solid fa-paper-plane"></i> إرسال للمرشح</button>
                </form>
            @endif

            @if(in_array($offerLetter->status, ['draft', 'sent']))
                <form method="POST" action="{{ route('offer-letters.withdraw', $offerLetter->id) }}" onsubmit="return confirm('هل أنت متأكد من سحب هذا العرض؟');">
                    @csrf
                    <button type="submit" class="btn btn-danger"><i class="fa-solid fa-ban"></i> سحب العرض</button>
                </form>
            @endif

            @if($offerLetter->status === 'accepted')
                <a href="{{ route('recruitment.convert.form', $offerLetter->job_application_id) }}" class="btn btn-success">
                    <i class="fa-solid fa-user-check"></i> تحويل إلى موظف
                </a>
            @endif
        </div>
    </div>
</div>
@endsection