@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('labor-law.index') }}" class="btn btn-secondary"><i class="fas fa-arrow-right"></i> رجوع</a>
    </div>
</div>

<div class="card" style="margin-bottom: 1.5rem;">
    <div class="card-header"><h3><i class="fas fa-calculator"></i> بيانات الحساب</h3></div>
    <div class="card-body">
        <form action="{{ route('labor-law.eos-calculator') }}" method="GET">
            <div class="form-grid cols-4">
                <div class="form-group">
                    <label class="form-label required">الدولة</label>
                    <select name="country_id" class="form-select" required>
                        <option value="">اختر الدولة</option>
                        @foreach($countries as $c)
                        <option value="{{ $c->id }}" {{ request('country_id') == $c->id ? 'selected' : '' }}>
                            {{ $c->flag_emoji }} {{ $c->country_name_ar }}
                        </option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">الراتب الشهري</label>
                    <input type="number" step="0.01" name="salary" class="form-input" value="{{ request('salary') }}" placeholder="مثال: 5000" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">سنوات الخدمة</label>
                    <input type="number" name="years" class="form-input" value="{{ request('years') }}" placeholder="مثال: 7" required>
                </div>
                <div class="form-group">
                    <label class="form-label">أشهر إضافية</label>
                    <input type="number" name="months" class="form-input" value="{{ request('months', 0) }}" placeholder="0" min="0" max="11">
                </div>
            </div>
            <div class="form-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><i class="fas fa-receipt"></i> نتيجة الحساب — {{ $result['country']->flag_emoji }} {{ $result['country']->country_name_ar }}</h3>
    </div>
    <div class="card-body">
        <div class="stats-grid cols-3" style="margin-bottom: 1.5rem;">
            <div class="stat-card">
                <div class="stat-icon" style="background: var(--primary-light); color: var(--primary);">
                    <i class="fas fa-money-bill-wave"></i>
                </div>
                <div class="stat-value">{{ number_format($result['salary'], 2) }}</div>
                <div class="stat-label">الراتب الشهري ({{ $result['country']->currency_code }})</div>
            </div>
            <div class="stat-card">
                <div class="stat-icon" style="background: var(--warning-light); color: var(--warning);">
                    <i class="fas fa-calendar-alt"></i>
                </div>
                <div class="stat-value">{{ $result['years'] }} سنة {{ $result['months'] > 0 ? 'و ' . $result['months'] . ' شهر' : '' }}</div>
                <div class="stat-label">مدة الخدمة</div>
            </div>
            <div class="stat-card" style="border: 2px solid var(--success);">
                <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" style="color: var(--success); font-size: 1.75rem;">{{ number_format($result['eos_amount'], 2) }}</div>
                <div class="stat-label">مكافأة نهاية الخدمة ({{ $result['country']->currency_code }})</div>
            </div>
        </div>

        <div class="detail-grid">
            <div class="detail-item">
                <span class="detail-label">معدل أول {{ $result['country']->annual_leave_threshold_years }} سنوات</span>
                <span class="detail-value">{{ $result['country']->eos_rate_under_5_years }} شهر عن كل سنة</span>
            </div>
            <div class="detail-item">
                <span class="detail-label">معدل بعد {{ $result['country']->annual_leave_threshold_years }} سنوات</span>
                <span class="detail-value">{{ $result['country']->eos_rate_over_5_years }} شهر عن كل سنة</span>
            </div>
            <div class="detail-item">
                <span class="detail-label">الحد الأدنى للاستحقاق</span>
                <span class="detail-value">{{ $result['country']->eos_min_service_years }} سنة خدمة</span>
            </div>
            @if($result['country']->eos_notes_ar)
            <div class="detail-item full">
                <span class="detail-label">ملاحظات قانونية</span>
                <span class="detail-value">{{ $result['country']->eos_notes_ar }}</span>
            </div>
            @endif
        </div>

        @if($result['eos_amount'] == 0)
        <div class="alert alert-warning" style="margin-top: 1rem;">
            <i class="fas fa-exclamation-triangle"></i>
            لا يستحق الموظف مكافأة نهاية خدمة — الحد الأدنى للخدمة {{ $result['country']->eos_min_service_years }} سنة
        </div>
        @endif
    </div>
</div>
@endif
@endsection