@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('nationalization.quotas') }}" class="btn btn-secondary">
            <i class="fa-solid fa-arrow-right"></i> العودة للقواعد
        </a>
    </div>
</div>

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

<div class="card">
    <div class="card-header">
        <h3>بيانات القاعدة</h3>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ route('nationalization.storeQuota') }}">
            @csrf

            <div class="form-grid cols-3">
                <div class="form-group">
                    <label class="form-label required">رمز الدولة</label>
                    <input type="text" name="country_code" class="form-input" maxlength="2" value="{{ old('country_code', 'SA') }}" required>
                </div>

                <div class="form-group">
                    <label class="form-label required">القطاع</label>
                    <input type="text" name="sector" class="form-input" value="{{ old('sector') }}" required placeholder="مثال: تجزئة، مقاولات، صحة">
                </div>

                <div class="form-group">
                    <label class="form-label required">التصنيف</label>
                    <select name="category" class="form-select" required>
                        <option value="">اختر التصنيف</option>
                        <option value="platinum" @selected(old('category') === 'platinum')>بلاتيني</option>
                        <option value="green" @selected(old('category') === 'green')>أخضر</option>
                        <option value="yellow" @selected(old('category') === 'yellow')>أصفر</option>
                        <option value="red" @selected(old('category') === 'red')>أحمر</option>
                        <option value="pending" @selected(old('category') === 'pending')>قيد المراجعة</option>
                    </select>
                </div>
            </div>

            <div class="form-grid cols-3">
                <div class="form-group">
                    <label class="form-label required">الحد الأدنى لحجم الشركة (عدد الموظفين)</label>
                    <input type="number" name="company_size_min" class="form-input" value="{{ old('company_size_min', 0) }}" min="0" required>
                </div>

                <div class="form-group">
                    <label class="form-label required">الحد الأقصى لحجم الشركة (عدد الموظفين)</label>
                    <input type="number" name="company_size_max" class="form-input" value="{{ old('company_size_max', 0) }}" min="0" required>
                </div>

                <div class="form-group">
                    <label class="form-label required">النسبة المطلوبة (%)</label>
                    <input type="number" name="required_percentage" class="form-input" value="{{ old('required_percentage') }}" min="0" max="100" step="0.01" required>
                </div>
            </div>

            <div class="form-grid cols-2">
                <div class="form-group">
                    <label class="form-label required">تاريخ السريان</label>
                    <input type="date" name="effective_date" class="form-input" value="{{ old('effective_date') }}" required>
                </div>

                <div class="form-group">
                    <label class="form-label">تاريخ الانتهاء (اختياري)</label>
                    <input type="date" name="end_date" class="form-input" value="{{ old('end_date') }}">
                </div>
            </div>

            <div class="form-grid cols-1">
                <div class="form-group">
                    <label class="form-label">ملاحظات</label>
                    <textarea name="notes" class="form-input" rows="4">{{ old('notes') }}</textarea>
                </div>
            </div>

            <div class="page-actions" style="justify-content:flex-start; margin-top: 1.5rem;">
                <button type="submit" class="btn btn-primary">
                    <i class="fa-solid fa-floppy-disk"></i> حفظ القاعدة
                </button>
                <a href="{{ route('nationalization.quotas') }}" class="btn btn-secondary">إلغاء</a>
            </div>
        </form>
    </div>
</div>
@endsection