@extends('layouts.app')
@section('title', 'المسارات التدريبية')
@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('learning-paths.create') }}" class="btn btn-primary"><i class="fa-solid fa-plus"></i> مسار جديد</a>
    </div>
</div>

<div class="card">
    <div class="card-body" style="overflow-x:auto;">
        <table class="data-table">
            <thead>
                <tr>
                    <th>المسار</th>
                    <th>الدور المستهدف</th>
                    <th>عدد الدورات</th>
                    <th>المدة التقديرية</th>
                    <th>شهادة</th>
                    <th>الحالة</th>
                    <th>الإجراءات</th>
                </tr>
            </thead>
            <tbody>
                @forelse($paths as $path)
                <tr>
                    <td><a href="{{ route('learning-paths.show', $path) }}" style="font-weight:600;color:var(--primary)">{{ $path->title }}</a></td>
                    <td>{{ $path->target_role ?? '—' }}</td>
                    <td>{{ $path->courses_count }}</td>
                    <td>{{ $path->estimated_hours }} ساعة</td>
                    <td>
                        @if($path->certificate_enabled)
                            <i class="fa-solid fa-certificate" style="color:#f57c00"></i> نعم
                        @else — @endif
                    </td>
                    <td>
                        @php $sm = ['draft'=>'status-draft','active'=>'status-active','archived'=>'status-expired']; $sl = ['draft'=>'مسودة','active'=>'نشط','archived'=>'مؤرشف']; @endphp
                        <span class="status-badge {{ $sm[$path->status] ?? '' }}">{{ $sl[$path->status] ?? $path->status }}</span>
                    </td>
                    <td>
                        <div class="action-btns">
                            <a href="{{ route('learning-paths.show', $path) }}" class="action-btn"><i class="fa-solid fa-eye"></i></a>
                            <a href="{{ route('learning-paths.edit', $path) }}" class="action-btn"><i class="fa-solid fa-pen"></i></a>
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="7" class="empty-state">لا توجد مسارات تدريبية</td></tr>
                @endforelse
            </tbody>
        </table>
        <div class="pagination-wrap">{{ $paths->links() }}</div>
    </div>
</div>
@endsection