@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('social-insurance.configs') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-right"></i> رجوع للقائمة
        </a>
    </div>
</div>

@if($errors->any())
    <div class="alert alert-danger">
        <ul style="margin: 0; padding-right: 20px;">
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="card">
    <div class="card-body">
        <form method="POST" action="{{ route('social-insurance.storeConfig') }}">
            @csrf
            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label required">رمز الدولة</label>
                    <select name="country_code" class="form-select" required>
                        <option value="">اختر الدولة</option>
                        @foreach($countries as $code => $name)
                            <option value="{{ $code }}" {{ old('country_code') === $code ? 'selected' : '' }}>{{ $name }} ({{ $code }})</option>
                        @endforeach
                    </select>
                </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') }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">اسم النظام / الجهة</label>
                    <input type="text" name="scheme_name" class="form-input" value="{{ old('scheme_name') }}" placeholder="مثال: GOSI" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">تنطبق على</label>
                    <select name="applies_to" class="form-select" required>
                        <option value="citizen" {{ old('applies_to') === 'citizen' ? 'selected' : '' }}>مواطن</option>
                        <option value="expat" {{ old('applies_to') === 'expat' ? 'selected' : '' }}>وافد</option>
                        <option value="both" {{ old('applies_to') === 'both' ? 'selected' : '' }}>الجميع</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label required">نسبة اشتراك الموظف (%)</label>
                    <input type="number" step="0.01" min="0" max="100" name="employee_percentage" class="form-input" value="{{ old('employee_percentage', 0) }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">نسبة اشتراك صاحب العمل (%)</label>
                    <input type="number" step="0.01" min="0" max="100" name="employer_percentage" class="form-input" value="{{ old('employer_percentage', 0) }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label required">أساس الحساب</label>
                    <select name="calculation_base" class="form-select" required>
                        <option value="basic_only" {{ old('calculation_base') === 'basic_only' ? 'selected' : '' }}>الأساسي فقط</option>
                        <option value="basic_housing" {{ old('calculation_base') === 'basic_housing' ? 'selected' : '' }}>الأساسي + السكن</option>
                        <option value="total_salary" {{ old('calculation_base') === 'total_salary' ? 'selected' : '' }}>إجمالي الراتب</option>
                        <option value="custom" {{ old('calculation_base') === 'custom' ? 'selected' : '' }}>مخصص</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">الحد الأقصى للراتب (اختياري)</label>
                    <input type="number" step="0.01" min="0" name="salary_cap" class="form-input" value="{{ old('salary_cap') }}">
                </div>
                <div class="form-group">
                    <label class="form-label">الحد الأدنى للراتب (اختياري)</label>
                    <input type="number" step="0.01" min="0" name="min_salary" class="form-input" value="{{ old('min_salary') }}">
                </div>
                <div class="form-group">
                    <label class="form-label required">تاريخ السريان</label>
                    <input type="date" name="effective_date" class="form-input" value="{{ old('effective_date', date('Y-m-d')) }}" required>
                </div>
                <div class="form-group">
                    <label class="form-label">الحالة</label>
                    <select name="is_active" class="form-select">
                        <option value="1" selected>نشط</option>
                        <option value="0">غير نشط</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="form-label">ملاحظات</label>
                <textarea name="notes" class="form-input" rows="3">{{ old('notes') }}</textarea>
            </div>
            <div class="page-actions">
                <button type="submit" class="btn btn-primary"><i class="fas fa-save"></i> حفظ</button>
                <a href="{{ route('social-insurance.configs') }}" class="btn btn-secondary">إلغاء</a>
            </div>
        </form>
    </div>
</div>
@endsection