@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.index') }}" class="btn btn-secondary">
            <i class="fa-solid fa-arrow-right"></i> العودة للوحة
        </a>
        <a href="{{ route('nationalization.createQuota') }}" class="btn btn-primary">
            <i class="fa-solid fa-plus"></i> إضافة قاعدة جديدة
        </a>
    </div>
</div>

@if (session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
@endif

<div class="filter-bar">
    <form method="GET" action="{{ route('nationalization.quotas') }}" class="filter-form">
        <div class="filter-group">
            <label class="form-label">رمز الدولة</label>
            <input type="text" name="country_code" class="form-input" maxlength="2" value="{{ $filters['country_code'] ?? '' }}" placeholder="SA">
        </div>
        <div class="filter-group">
            <label class="form-label">القطاع</label>
            <input type="text" name="sector" class="form-input" value="{{ $filters['sector'] ?? '' }}" placeholder="مثال: تجزئة">
        </div>
        <div class="filter-group">
            <label class="form-label">التصنيف</label>
            <select name="category" class="form-select">
                <option value="">الكل</option>
                <option value="platinum" @selected(($filters['category'] ?? '') === 'platinum')>بلاتيني</option>
                <option value="green" @selected(($filters['category'] ?? '') === 'green')>أخضر</option>
                <option value="yellow" @selected(($filters['category'] ?? '') === 'yellow')>أصفر</option>
                <option value="red" @selected(($filters['category'] ?? '') === 'red')>أحمر</option>
                <option value="pending" @selected(($filters['category'] ?? '') === 'pending')>قيد المراجعة</option>
            </select>
        </div>
        <div class="filter-group">
            <button type="submit" class="btn btn-primary"><i class="fa-solid fa-filter"></i> تصفية</button>
            <a href="{{ route('nationalization.quotas') }}" class="btn btn-secondary">إعادة تعيين</a>
        </div>
    </form>
</div>

<div class="card">
    <div class="card-header">
        <h3>القواعد المسجلة</h3>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="data-table">
                <thead>
                    <tr>
                        <th>الدولة</th>
                        <th>القطاع</th>
                        <th>حجم الشركة</th>
                        <th>النسبة المطلوبة</th>
                        <th>تاريخ السريان</th>
                        <th>تاريخ الانتهاء</th>
                        <th>التصنيف</th>
                        <th>ملاحظات</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($quotas as $quota)
                        <tr>
                            <td><span class="code-badge">{{ $quota->country_code }}</span></td>
                            <td>{{ $quota->sector }}</td>
                            <td>{{ $quota->company_size_min }} - {{ $quota->company_size_max }}</td>
                            <td>{{ $quota->required_percentage }}%</td>
                            <td>{{ optional($quota->effective_date)->format('Y-m-d') }}</td>
                            <td>{{ $quota->end_date ? $quota->end_date->format('Y-m-d') : 'غير محدد' }}</td>
                            <td>
                                <span class="status-badge status-{{ $quota->category === 'green' ? 'active' : ($quota->category === 'yellow' ? 'pending' : ($quota->category === 'red' ? 'danger' : 'draft')) }}">
                                    {{ $quota->category_label }}
                                </span>
                            </td>
                            <td>{{ $quota->notes ?: '-' }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="8">
                                <div class="empty-state">
                                    <i class="fa-solid fa-inbox"></i>
                                    <p>لا توجد قواعد توطين مطابقة</p>
                                    <a href="{{ route('nationalization.createQuota') }}" class="btn btn-primary">إضافة قاعدة جديدة</a>
                                </div>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div class="pagination-wrap">
            {{ $quotas->links() }}
        </div>
    </div>
</div>
@endsection