@extends('layouts.app')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">تفاصيل حساب نهاية الخدمة</h1>
        <p class="page-subtitle">{{ $calculation->employee->name ?? '—' }}</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('eos.calculations') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-right"></i> رجوع
        </a>
    </div>
</div>

@if (session('success'))
    <div class="card" style="border-right: 4px solid var(--success); margin-bottom: 1rem;">
        <div class="card-body">{{ session('success') }}</div>
    </div>
@endif

<div class="stats-grid cols-4">
    <div class="stat-card">
        <div class="stat-value">{{ $calculation->total_years }}</div>
        <div class="stat-label">سنوات الخدمة</div>
    </div>
    <div class="stat-card">
        <div class="stat-value">{{ number_format($calculation->monthly_base, 2) }}</div>
        <div class="stat-label">الراتب الأساس للحساب</div>
    </div>
    <div class="stat-card">
        <div class="stat-value">{{ number_format($calculation->gross_eos, 2) }}</div>
        <div class="stat-label">إجمالي المكافأة</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon" style="background: var(--success-light); color: var(--success);">
            <i class="fas fa-hand-holding-usd"></i>
        </div>
        <div class="stat-value">{{ number_format($calculation->final_amount, 2) }}</div>
        <div class="stat-label">المبلغ النهائي</div>
    </div>
</div>

<div class="card">
    <div class="card-header"><h3>بيانات الموظف والعقد</h3></div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="data-table">
                <tbody>
                    <tr><td>الموظف</td><td>{{ $calculation->employee->name ?? '—' }}</td></tr>
                    <tr><td>القسم</td><td>{{ $calculation->employee->department->name ?? 'غير محدد' }}</td></tr>
                    <tr><td>الدولة</td><td><span class="code-badge">{{ $calculation->config->country_code ?? '' }}</span> {{ $calculation->config->country_name_ar ?? '—' }}</td></tr>
                    <tr><td>النظام المطبق</td><td>{{ $calculation->config->formula_name ?? '—' }}</td></tr>
                    <tr><td>نوع إنهاء الخدمة</td><td>{{ $calculation->terminationTypeLabel() }}</td></tr>
                    <tr><td>بداية الخدمة</td><td>{{ $calculation->service_start->format('Y-m-d') }}</td></tr>
                    <tr><td>نهاية الخدمة</td><td>{{ $calculation->service_end->format('Y-m-d') }}</td></tr>
                    <tr><td>تاريخ الحساب</td><td>{{ $calculation->calculation_date->format('Y-m-d') }}</td></tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

<div class="card">
    <div class="card-header"><h3>تفصيل الحساب حسب الفئات</h3></div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="data-table">
                <thead>
                    <tr>
                        <th>البند</th>
                        <th>القيمة</th>
                    </tr>
                </thead>
                <tbody>
                    <tr><td>مبلغ الفئة الأولى</td><td>{{ number_format($calculation->tier1_amount, 2) }}</td></tr>
                    <tr><td>مبلغ الفئة الثانية</td><td>{{ number_format($calculation->tier2_amount, 2) }}</td></tr>
                    <tr><td>إجمالي المكافأة (قبل التعديل)</td><td>{{ number_format($calculation->gross_eos, 2) }}</td></tr>
                    <tr><td>نسبة التعديل (الاستقالة)</td><td>{{ $calculation->adjustment_pct }}%</td></tr>
                    <tr><td>صافي المكافأة</td><td>{{ number_format($calculation->net_eos, 2) }}</td></tr>
                    <tr><td>الخصومات</td><td>{{ number_format($calculation->deductions, 2) }}</td></tr>
                    <tr style="font-weight: bold;"><td>المبلغ النهائي المستحق</td><td>{{ number_format($calculation->final_amount, 2) }}</td></tr>
                </tbody>
            </table>
        </div>

        @if ($calculation->notes)
            <div class="form-group" style="margin-top: 1rem;">
                <label class="form-label">ملاحظات</label>
                <p>{{ $calculation->notes }}</p>
            </div>
        @endif

        <div class="form-group" style="margin-top: 1rem;">
            <label class="form-label">الحالة الحالية</label>
            <span class="status-badge {{ $calculation->status === 'paid' ? 'status-active' : ($calculation->status === 'approved' ? 'status-pending' : 'status-draft') }}">
                {{ $calculation->statusLabel() }}
            </span>
        </div>
    </div>
</div>
@endsection