@extends('layouts.app')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">تقرير الالتزام الإجمالي لنهاية الخدمة</h1>
        <p class="page-subtitle">المكافأة التقديرية لجميع الموظفين النشطين كما لو انتهت خدمتهم اليوم</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('eos.index') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-right"></i> رجوع
        </a>
    </div>
</div>

<div class="stats-grid cols-3">
    <div class="stat-card">
        <div class="stat-icon" style="background: var(--primary-light); color: var(--primary);">
            <i class="fas fa-users"></i>
        </div>
        <div class="stat-value">{{ count($rows) }}</div>
        <div class="stat-label">عدد الموظفين المشمولين</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon" style="background: var(--warning-light); color: var(--warning);">
            <i class="fas fa-building"></i>
        </div>
        <div class="stat-value">{{ count($byDepartment) }}</div>
        <div class="stat-label">عدد الأقسام</div>
    </div>
    <div class="stat-card">
        <div class="stat-icon" style="background: var(--danger-light); color: var(--danger);">
            <i class="fas fa-hand-holding-heart"></i>
        </div>
        <div class="stat-value">{{ number_format($totalLiability, 0) }}</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">
                <thead>
                    <tr>
                        <th>القسم</th>
                        <th>الالتزام التقديري</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($byDepartment as $deptName => $amount)
                        <tr>
                            <td>{{ $deptName }}</td>
                            <td>{{ number_format($amount, 2) }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="2"><div class="empty-state">لا توجد بيانات</div></td></tr>
                    @endforelse
                </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>
                        <th>الدولة</th>
                        <th>تاريخ التعيين</th>
                        <th>سنوات الخدمة</th>
                        <th>الراتب الأساس للحساب</th>
                        <th>المكافأة التقديرية</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($rows as $row)
                        <tr>
                            <td>{{ $row['employee']->name }}</td>
                            <td>{{ $row['department_name'] }}</td>
                            <td><span class="code-badge">{{ $row['config']->country_code }}</span></td>
                            <td>{{ \Illuminate\Support\Carbon::parse($row['employee']->hire_date)->format('Y-m-d') }}</td>
                            <td>{{ $row['result']['total_years'] }}</td>
                            <td>{{ number_format($row['result']['monthly_base'], 2) }}</td>
                            <td>{{ number_format($row['result']['final_amount'], 2) }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="7"><div class="empty-state">لا توجد بيانات موظفين نشطين مطابقة لإعدادات دولة</div></td></tr>
                    @endforelse
                </tbody>
                @if (count($rows) > 0)
                    <tfoot>
                        <tr style="font-weight: bold;">
                            <td colspan="6">الإجمالي</td>
                            <td>{{ number_format($totalLiability, 2) }}</td>
                        </tr>
                    </tfoot>
                @endif
            </table>
        </div>
    </div>
</div>
@endsection