@extends('layouts.app')
@section('title', 'إدارة التدريب')
@section('content')
<div class="container-fluid py-4">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h4><i class="fas fa-graduation-cap me-2"></i>إدارة التدريب</h4>
        <a href="{{ route('training-management.courses.create') }}" class="btn btn-primary"><i class="fas fa-plus me-1"></i>دورة جديدة</a>
    </div>

    <div class="row mb-4">
        <div class="col-md-4"><div class="card bg-primary text-white p-3"><h3>{{ $stats['total'] }}</h3><small>إجمالي الدورات</small></div></div>
        <div class="col-md-4"><div class="card bg-success text-white p-3"><h3>{{ $stats['active'] }}</h3><small>دورات نشطة</small></div></div>
        <div class="col-md-4"><div class="card bg-warning text-white p-3"><h3>{{ $stats['mandatory'] }}</h3><small>دورات إلزامية</small></div></div>
    </div>

    <div class="card">
        <div class="card-body">
            <form method="GET" class="row g-3 mb-3">
                <div class="col-md-3"><input type="text" name="search" class="form-control" placeholder="بحث..." value="{{ request('search') }}"></div>
                <div class="col-md-3">
                    <select name="category" class="form-select"><option value="">كل الفئات</option>
                        <option value="technical" {{ request('category')=='technical'?'selected':'' }}>تقنية</option>
                        <option value="soft_skills" {{ request('category')=='soft_skills'?'selected':'' }}>مهارات شخصية</option>
                        <option value="compliance" {{ request('category')=='compliance'?'selected':'' }}>امتثال</option>
                        <option value="safety" {{ request('category')=='safety'?'selected':'' }}>سلامة</option>
                        <option value="leadership" {{ request('category')=='leadership'?'selected':'' }}>قيادة</option>
                    </select>
                </div>
                <div class="col-md-2"><button class="btn btn-outline-primary w-100">فلترة</button></div>
            </form>

            <div class="table-responsive">
                <table class="table table-hover">
                    <thead><tr><th>#</th><th>الدورة</th><th>الفئة</th><th>النوع</th><th>المدة</th><th>إلزامي</th><th>الحالة</th><th>إجراءات</th></tr></thead>
                    <tbody>
                    @forelse($courses as $c)
                        <tr>
                            <td>{{ $c->id }}</td>
                            <td><a href="{{ route('training-management.courses.show', $c->id) }}">{{ $c->title }}</a></td>
                            <td>{{ ['technical'=>'تقنية','soft_skills'=>'مهارات شخصية','compliance'=>'امتثال','safety'=>'سلامة','leadership'=>'قيادة'][$c->category] ?? $c->category }}</td>
                            <td>{{ ['online'=>'أونلاين','classroom'=>'حضوري','blended'=>'مدمج'][$c->type] ?? $c->type }}</td>
                            <td>{{ $c->duration_hours }} ساعة</td>
                            <td>{!! $c->is_mandatory ? '<span class="badge bg-danger">إلزامي</span>' : '<span class="badge bg-secondary">اختياري</span>' !!}</td>
                            <td><span class="badge bg-{{ $c->status=='active'?'success':'secondary' }}">{{ $c->status=='active'?'نشطة':'مؤرشفة' }}</span></td>
                            <td><a href="{{ route('training-management.courses.show', $c->id) }}" class="btn btn-sm btn-outline-primary"><i class="fas fa-eye"></i></a></td>
                        </tr>
                    @empty
                        <tr><td colspan="8" class="text-center text-muted py-4">لا توجد دورات تدريبية</td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
            {{ $courses->links() }}
        </div>
    </div>

    <div class="mt-3">
        <a href="{{ route('training-management.paths') }}" class="btn btn-outline-secondary me-2"><i class="fas fa-road me-1"></i>المسارات التدريبية</a>
        <a href="{{ route('training-management.mandatory-report') }}" class="btn btn-outline-warning"><i class="fas fa-exclamation-triangle me-1"></i>تقرير الالتزام</a>
    </div>
</div>
@endsection