@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>

@if ($errors->any())
    <div class="card" style="border-right: 4px solid var(--danger); margin-bottom: 1rem;">
        <div class="card-body">
            <ul style="margin: 0; padding-right: 1.2rem;">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    </div>
@endif

<div class="card">
    <div class="card-header"><h3>بيانات الحساب</h3></div>
    <div class="card-body">
        <form action="{{ route('eos.calculate') }}" method="GET">
            <div class="form-grid cols-3">
                <div class="form-group">
                    <label class="form-label required">الموظف</label>
                    <select name="employee_id" class="form-select" required onchange="this.form.submit()">
                        <option value="">-- اختر موظف --</option>
                        @foreach ($employees as $employee)
                            <option value="{{ $employee->id }}" {{ ($selectedEmployee && $selectedEmployee->id == $employee->id) ? 'selected' : '' }}>
                                {{ $employee->name }} ({{ $employee->country_code }})
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">نوع إنهاء الخدمة</label>
                    <select name="termination_type" class="form-select" required onchange="this.form.submit()">
                        <option value="end_of_contract" {{ $terminationType === 'end_of_contract' ? 'selected' : '' }}>نهاية العقد</option>
                        <option value="resignation" {{ $terminationType === 'resignation' ? 'selected' : '' }}>استقالة</option>
                        <option value="termination" {{ $terminationType === 'termination' ? 'selected' : '' }}>إنهاء خدمة</option>
                        <option value="retirement" {{ $terminationType === 'retirement' ? 'selected' : '' }}>تقاعد</option>
                        <option value="death" {{ $terminationType === 'death' ? 'selected' : '' }}>وفاة</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">تاريخ نهاية الخدمة</label>
                    <input type="date" name="service_end" class="form-input" value="{{ $serviceEnd }}" required onchange="this.form.submit()">
                </div>
            </div>
            <div class="page-actions">
                <button type="submit" class="btn btn-primary"><i class="fas fa-calculator"></i> احسب</button>
            </div>
        </form>
    </div>
</div>

@if ($selectedEmployee && !$config)
    <div class="card" style="border-right: 4px solid var(--warning);">
        <div class="card-body">
            لا توجد إعدادات نهاية خدمة نشطة لدولة هذا الموظف ({{ $selectedEmployee->country_code }}).
            <a href="{{ route('eos.configs') }}">إدارة الإعدادات</a>
        </div>
    </div>
@endif

@if ($result)
    <div class="card">
        <div class="card-header">
            <h3>نتيجة الحساب — {{ $selectedEmployee->name }}</h3>
            <span class="status-badge {{ $config->country_code }}">{{ $config->country_name_ar }}</span>
        </div>
        <div class="card-body">
            <div class="stats-grid cols-4">
                <div class="stat-card">
                    <div class="stat-value">{{ $result['total_years'] }}</div>
                    <div class="stat-label">سنوات الخدمة</div>
                </div>
                <div class="stat-card">
                    <div class="stat-value">{{ number_format($result['monthly_base'], 2) }}</div>
                    <div class="stat-label">الراتب الأساس للحساب</div>
                </div>
                <div class="stat-card">
                    <div class="stat-value">{{ number_format($result['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($result['final_amount'], 2) }}</div>
                    <div class="stat-label">المبلغ النهائي المستحق</div>
                </div>
            </div>

            <div class="table-responsive">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>البند</th>
                            <th>القيمة</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr><td>الصيغة المطبقة</td><td>{{ $result['formula_text'] }}</td></tr>
                        <tr><td>سنوات الفئة الأولى</td><td>{{ $result['tier1_years'] }} سنة × {{ $result['tier1_rate'] }} = {{ number_format($result['tier1_amount'], 2) }}</td></tr>
                        <tr><td>سنوات الفئة الثانية</td><td>{{ $result['tier2_years'] }} سنة × {{ $result['tier2_rate'] }} = {{ number_format($result['tier2_amount'], 2) }}</td></tr>
                        <tr><td>إجمالي المكافأة (قبل التعديل)</td><td>{{ number_format($result['gross_eos'], 2) }}</td></tr>
                        <tr><td>نسبة التعديل (الاستقالة)</td><td>{{ $result['adjustment_pct'] }}%</td></tr>
                        <tr><td>صافي المكافأة</td><td>{{ number_format($result['net_eos'], 2) }}</td></tr>
                    </tbody>
                </table>
            </div>

            <form action="{{ route('eos.storeCalculation') }}" method="POST" style="margin-top: 1.5rem;">
                @csrf
                <input type="hidden" name="employee_id" value="{{ $selectedEmployee->id }}">
                <input type="hidden" name="termination_type" value="{{ $terminationType }}">
                <input type="hidden" name="service_end" value="{{ $serviceEnd }}">
                <div class="form-grid cols-2">
                    <div class="form-group">
                        <label class="form-label">الخصومات (إن وجدت)</label>
                        <input type="number" step="0.01" name="deductions" class="form-input" value="0">
                    </div>
                    <div class="form-group">
                        <label class="form-label">ملاحظات</label>
                        <input type="text" name="notes" class="form-input">
                    </div>
                </div>
                <div class="page-actions">
                    <button type="submit" class="btn btn-success"><i class="fas fa-save"></i> حفظ الحساب</button>
                </div>
            </form>
        </div>
    </div>
@endif
@endsection