@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.runSimulator') }}" method="POST">
            @csrf
            <div class="form-grid cols-3">
                <div class="form-group">
                    <label class="form-label required">الدولة</label>
                    <select name="country_code" class="form-select" required>
                        <option value="">-- اختر دولة --</option>
                        @foreach ($configs as $config)
                            <option value="{{ $config->country_code }}" {{ (isset($input['country_code']) && $input['country_code'] === $config->country_code) ? 'selected' : '' }}>
                                {{ $config->country_name_ar }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">نوع إنهاء الخدمة</label>
                    <select name="termination_type" class="form-select" required>
                        <option value="end_of_contract" {{ (isset($input['termination_type']) && $input['termination_type'] === 'end_of_contract') ? 'selected' : '' }}>نهاية العقد</option>
                        <option value="resignation" {{ (isset($input['termination_type']) && $input['termination_type'] === 'resignation') ? 'selected' : '' }}>استقالة</option>
                        <option value="termination" {{ (isset($input['termination_type']) && $input['termination_type'] === 'termination') ? 'selected' : '' }}>إنهاء خدمة</option>
                        <option value="retirement" {{ (isset($input['termination_type']) && $input['termination_type'] === 'retirement') ? 'selected' : '' }}>تقاعد</option>
                        <option value="death" {{ (isset($input['termination_type']) && $input['termination_type'] === 'death') ? 'selected' : '' }}>وفاة</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">سنوات الخدمة</label>
                    <input type="number" step="0.01" name="years_of_service" class="form-input" value="{{ $input['years_of_service'] ?? '' }}" required>
                </div>
            </div>
            <div class="form-grid cols-4">
                <div class="form-group">
                    <label class="form-label required">الراتب الأساسي</label>
                    <input type="number" step="0.01" name="basic_salary" class="form-input" value="{{ $input['basic_salary'] ?? '' }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label">بدل السكن</label>
                    <input type="number" step="0.01" name="housing_allowance" class="form-input" value="{{ $input['housing_allowance'] ?? 0 }}">
                </div>
                <div class="form-group">
                    <label class="form-label">بدل النقل</label>
                    <input type="number" step="0.01" name="transport_allowance" class="form-input" value="{{ $input['transport_allowance'] ?? 0 }}">
                </div>
                <div class="form-group">
                    <label class="form-label">بدلات أخرى</label>
                    <input type="number" step="0.01" name="other_allowances" class="form-input" value="{{ $input['other_allowances'] ?? 0 }}">
                </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 ($result)
    <div class="card">
        <div class="card-header">
            <h3>نتيجة المحاكاة</h3>
            <span class="code-badge">{{ $selectedConfig->country_name_ar ?? '' }}</span>
        </div>
        <div class="card-body">
            <div class="stats-grid cols-4">
                <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">{{ $result['total_years'] }}</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['net_eos'], 2) }}</div>
                    <div class="stat-label">صافي المكافأة المستحقة</div>
                </div>
            </div>

            <div class="form-group">
                <label class="form-label">الصيغة المطبقة</label>
                <p style="font-size: 1.1rem; font-weight: 600;">{{ $result['formula_text'] }}</p>
            </div>

            <div class="table-responsive">
                <table class="data-table">
                    <thead>
                        <tr>
                            <th>البند</th>
                            <th>القيمة</th>
                        </tr>
                    </thead>
                    <tbody>
                        <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 style="font-weight: bold;"><td>صافي المكافأة المستحقة</td><td>{{ number_format($result['net_eos'], 2) }}</td></tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endif
@endsection