@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('appraisal-cycles.create') }}" class="btn btn-primary">
            <i class="fa-solid fa-plus"></i> دورة جديدة
        </a>
    </div>
</div>

<div class="card">
    <div class="card-body">
        @if($cycles->isEmpty())
            <div class="empty-state">
                <i class="fa-solid fa-rotate"></i>
                <p>لا توجد دورات تقييم بعد</p>
                <a href="{{ route('appraisal-cycles.create') }}" class="btn btn-primary">إنشاء أول دورة</a>
            </div>
        @else
            <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>
                        @foreach($cycles as $cycle)
                        <tr>
                            <td><strong>{{ $cycle->name }}</strong></td>
                            <td>{{ $cycle->template->name ?? '—' }}</td>
                            <td>
                                @php
                                    $periodLabels = ['quarterly' => 'ربع سنوي', 'semi_annual' => 'نصف سنوي', 'annual' => 'سنوي'];
                                @endphp
                                {{ $periodLabels[$cycle->period_type] ?? $cycle->period_type }}
                            </td>
                            <td>{{ $cycle->start_date->format('Y-m-d') }} - {{ $cycle->end_date->format('Y-m-d') }}</td>
                            <td>{{ $cycle->department->name ?? 'جميع الأقسام' }}</td>
                            <td>{{ $cycle->completed_count }} / {{ $cycle->target_employees_count }}</td>
                            <td>
                                @php
                                    $statusClass = ['draft' => 'status-draft', 'active' => 'status-active', 'completed' => 'status-active', 'cancelled' => 'status-expired'][$cycle->status] ?? 'status-draft';
                                @endphp
                                <span class="status-badge {{ $statusClass }}">{{ $cycle->statusLabel() }}</span>
                            </td>
                            <td>
                                <div class="action-btns">
                                    <a href="{{ route('appraisal-cycles.show', $cycle) }}" class="action-btn" title="عرض">
                                        <i class="fa-solid fa-eye"></i>
                                    </a>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="pagination-wrap">
                {{ $cycles->links() }}
            </div>
        @endif
    </div>
</div>
@endsection