@extends('layouts.app')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">تعديل إعدادات: {{ $config->country_name_ar }}</h1>
        <p class="page-subtitle">{{ $config->formula_name }}</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('eos.configs') }}" 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

<form action="{{ route('eos.updateConfig', $config) }}" method="POST">
    @csrf
    @method('PUT')

    <div class="card">
        <div class="card-header"><h3>البيانات الأساسية</h3></div>
        <div class="card-body">
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label">رمز الدولة</label>
                    <input type="text" class="form-input" value="{{ $config->country_code }}" disabled>
                </div>
                <div class="form-group">
                    <label class="form-label required">اسم الدولة (عربي)</label>
                    <input type="text" name="country_name_ar" class="form-input" value="{{ old('country_name_ar', $config->country_name_ar) }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">اسم النظام</label>
                    <input type="text" name="formula_name" class="form-input" value="{{ old('formula_name', $config->formula_name) }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">أساس الحساب</label>
                    <select name="calculation_base" class="form-select" required>
                        <option value="basic_only" {{ $config->calculation_base === 'basic_only' ? 'selected' : '' }}>الأساسي فقط</option>
                        <option value="basic_housing" {{ $config->calculation_base === 'basic_housing' ? 'selected' : '' }}>الأساسي + السكن</option>
                        <option value="total_salary" {{ $config->calculation_base === 'total_salary' ? 'selected' : '' }}>الراتب الإجمالي</option>
                    </select>
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><h3>الفئات والمعدلات</h3></div>
        <div class="card-body">
            <div class="form-grid cols-4">
                <div class="form-group">
                    <label class="form-label required">سنوات الفئة الأولى</label>
                    <input type="number" step="0.01" name="tier1_years" class="form-input" value="{{ old('tier1_years', $config->tier1_years) }}" required>
                    <div class="form-hint">عدد السنوات المشمولة بمعدل الفئة الأولى</div>
                </div>
                <div class="form-group">
                    <label class="form-label required">معدل الفئة الأولى (شهر/سنة)</label>
                    <input type="number" step="0.001" name="tier1_rate" class="form-input" value="{{ old('tier1_rate', $config->tier1_rate) }}" required>
                    <div class="form-hint">مثال: 0.5 = نصف شهر</div>
                </div>
                <div class="form-group">
                    <label class="form-label required">معدل الفئة الثانية (شهر/سنة)</label>
                    <input type="number" step="0.001" name="tier2_rate" class="form-input" value="{{ old('tier2_rate', $config->tier2_rate) }}" required>
                    <div class="form-hint">مثال: 1.0 = شهر كامل</div>
                </div>
                <div class="form-group">
                    <label class="form-label">الحد الأقصى (بالأشهر)</label>
                    <input type="number" name="max_months" class="form-input" value="{{ old('max_months', $config->max_months) }}">
                    <div class="form-hint">اتركه فارغًا لعدم وجود حد أقصى</div>
                </div>
            </div>
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label required">أقل مدة خدمة للاستحقاق (سنوات)</label>
                    <input type="number" step="0.1" name="min_service_years" class="form-input" value="{{ old('min_service_years', $config->min_service_years) }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">طريقة احتساب الكسور</label>
                    <select name="proration_method" class="form-select" required>
                        <option value="daily" {{ $config->proration_method === 'daily' ? 'selected' : '' }}>يومي</option>
                        <option value="monthly" {{ $config->proration_method === 'monthly' ? 'selected' : '' }}>شهري</option>
                    </select>
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><h3>قواعد الاستقالة</h3></div>
        <div class="card-body">
            <div class="form-group">
                <label class="form-label">قواعد نسبة الاستحقاق عند الاستقالة (JSON)</label>
                <textarea name="resignation_rules" class="form-input" rows="6" style="font-family: monospace;">{{ old('resignation_rules', json_encode($config->resignation_rules, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE)) }}</textarea>
                <div class="form-hint">
                    مصفوفة JSON: [{"min_years":0,"max_years":2,"pct":0}, {"min_years":2,"max_years":5,"pct":33.33}, ...]<br>
                    min_years: الحد الأدنى للسنوات، max_years: الحد الأقصى (null = بدون حد)، pct: النسبة المئوية المستحقة
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-header"><h3>إعدادات إضافية</h3></div>
        <div class="card-body">
            <div class="form-group">
                <label class="form-label">
                    <input type="checkbox" name="is_active" value="1" {{ $config->is_active ? 'checked' : '' }}>
                    نشط
                </label>
            </div>
            <div class="form-group">
                <label class="form-label">ملاحظات</label>
                <textarea name="notes" class="form-input" rows="3">{{ old('notes', $config->notes) }}</textarea>
            </div>
        </div>
    </div>

    <div class="page-actions">
        <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> حفظ التعديلات</button>
        <a href="{{ route('eos.configs') }}" class="btn btn-secondary">إلغاء</a>
    </div>
</form>
@endsection