@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.calculate') }}" class="btn btn-primary">
            <i class="fas fa-plus"></i> حساب جديد
        </a>
    </div>
</div>

<div class="filter-bar">
    <form action="{{ route('eos.calculations') }}" method="GET" class="filter-form">
        <div class="filter-group">
            <label class="form-label">بحث عن موظف</label>
            <input type="text" name="employee_search" class="form-input" value="{{ request('employee_search') }}" placeholder="اسم الموظف">
        </div>
        <div class="filter-group">
            <label class="form-label">الدولة</label>
            <select name="country_code" class="form-select">
                <option value="">الكل</option>
                @foreach ($configs as $config)
                    <option value="{{ $config->country_code }}" {{ request('country_code') === $config->country_code ? 'selected' : '' }}>
                        {{ $config->country_name_ar }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="filter-group">
            <label class="form-label">نوع الإنهاء</label>
            <select name="termination_type" class="form-select">
                <option value="">الكل</option>
                <option value="end_of_contract" {{ request('termination_type') === 'end_of_contract' ? 'selected' : '' }}>نهاية العقد</option>
                <option value="resignation" {{ request('termination_type') === 'resignation' ? 'selected' : '' }}>استقالة</option>
                <option value="termination" {{ request('termination_type') === 'termination' ? 'selected' : '' }}>إنهاء خدمة</option>
                <option value="retirement" {{ request('termination_type') === 'retirement' ? 'selected' : '' }}>تقاعد</option>
                <option value="death" {{ request('termination_type') === 'death' ? 'selected' : '' }}>وفاة</option>
            </select>
        </div>
        <div class="filter-group">
            <label class="form-label">الحالة</label>
            <select name="status" class="form-select">
                <option value="">الكل</option>
                <option value="draft" {{ request('status') === 'draft' ? 'selected' : '' }}>مسودة</option>
                <option value="approved" {{ request('status') === 'approved' ? 'selected' : '' }}>معتمد</option>
                <option value="paid" {{ request('status') === 'paid' ? 'selected' : '' }}>مدفوع</option>
            </select>
        </div>
        <div class="filter-group">
            <button type="submit" class="btn btn-primary"><i class="fas fa-filter"></i> تصفية</button>
            <a href="{{ route('eos.calculations') }}" class="btn btn-secondary">إعادة تعيين</a>
        </div>
    </form>
</div>

<div class="card">
    <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>
                        <th>الحالة</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($calculations as $calc)
                        <tr>
                            <td>{{ $calc->employee->name ?? '—' }}</td>
                            <td>{{ $calc->config->country_name_ar ?? '—' }}</td>
                            <td>{{ $calc->terminationTypeLabel() }}</td>
                            <td>{{ $calc->calculation_date->format('Y-m-d') }}</td>
                            <td>{{ $calc->total_years }}</td>
                            <td>{{ number_format($calc->gross_eos, 2) }}</td>
                            <td>{{ number_format($calc->final_amount, 2) }}</td>
                            <td>
                                <span class="status-badge {{ $calc->status === 'paid' ? 'status-active' : ($calc->status === 'approved' ? 'status-pending' : 'status-draft') }}">
                                    {{ $calc->statusLabel() }}
                                </span>
                            </td>
                            <td><a href="{{ route('eos.showCalculation', $calc) }}" class="btn btn-secondary">عرض</a></td>
                        </tr>
                    @empty
                        <tr><td colspan="9">
                            <div class="empty-state">لا توجد حسابات مطابقة</div>
                        </td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div style="margin-top: 1rem;">
            {{ $calculations->links() }}
        </div>
    </div>
</div>
@endsection