@extends('layouts.app')

@section('content')
<div class="page-header">
    <div>
        <h1 class="page-title">تقييم 360 درجة</h1>
        <p class="page-subtitle">جمع تقييمات شاملة من المدير والزملاء والمرؤوسين والتقييم الذاتي</p>
    </div>
    <div class="page-actions">
        <a href="{{ route('review-360.create') }}" class="btn btn-primary"><i class="fa-solid fa-plus"></i> تقييم جديد</a>
    </div>
</div>

<div class="filter-bar">
    <form method="GET" action="{{ route('review-360.index') }}" class="filter-form">
        <div class="filter-group">
            <label class="form-label">الحالة</label>
            <select name="status" class="form-select">
                <option value="">الكل</option>
                <option value="draft" {{ request('status') == 'draft' ? 'selected' : '' }}>مسودة</option>
                <option value="collecting" {{ request('status') == 'collecting' ? 'selected' : '' }}>جمع التقييمات</option>
                <option value="completed" {{ request('status') == 'completed' ? 'selected' : '' }}>مكتملة</option>
            </select>
        </div>
        <div class="filter-group">
            <button type="submit" class="btn btn-primary"><i class="fa-solid fa-filter"></i> تصفية</button>
        </div>
    </form>
</div>

<div class="card">
    <div class="card-body">
        @if($reviews->isEmpty())
            <div class="empty-state">
                <i class="fa-solid fa-people-arrows"></i>
                <p>لا توجد تقييمات 360 بعد</p>
                <a href="{{ route('review-360.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>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($reviews as $review)
                        <tr>
                            <td>{{ $review->employee->first_name ?? '' }} {{ $review->employee->last_name ?? '' }}</td>
                            <td>{{ $review->cycle_name }}</td>
                            <td>{{ $review->responses->count() }}</td>
                            <td>{{ $review->responses->where('status', 'submitted')->count() }}</td>
                            <td>{{ $review->due_date ? $review->due_date->format('Y-m-d') : '—' }}</td>
                            <td>
                                @php
                                    $sMap = ['draft' => 'status-draft', 'collecting' => 'status-pending', 'completed' => 'status-active'];
                                @endphp
                                <span class="status-badge {{ $sMap[$review->status] ?? 'status-draft' }}">{{ $review->statusLabel() }}</span>
                            </td>
                            <td>
                                <div class="action-btns">
                                    <a href="{{ route('review-360.show', $review) }}" class="action-btn" title="عرض"><i class="fa-solid fa-eye"></i></a>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
            <div class="pagination-wrap">{{ $reviews->links() }}</div>
        @endif
    </div>
</div>
@endsection