@extends('admin.layouts.app')

@section('title', 'الرئيسية')
@section('page-title', 'الرئيسية')
@section('page-description', 'ملخص سريع للوصول المباشر إلى أهم الأقسام.')

@section('content')
    <section class="hero-card">
        <div class="hero-split">
            <div>
                <span class="eyebrow">البداية</span>
                <h3>لوحة العمل الرئيسية</h3>
                <p>اختر القسم المطلوب وادخل مباشرة.</p>
            </div>

            <div class="hero-actions">
                <a href="{{ route('admin.students.index') }}" class="btn btn-primary">إدارة الطلاب</a>
                <a href="{{ route('admin.allowed-students.index') }}" class="btn btn-secondary">المسموح لهم</a>
                <a href="{{ route('admin.catalog.index') }}" class="btn btn-secondary">الهيكل الأكاديمي</a>
            </div>
        </div>
    </section>

    <section class="grid cols-4">
        <div class="card stat-card">
            <span class="muted">الطلاب المسجلون</span>
            <strong>{{ number_format($counts['registered_students']) }}</strong>
        </div>
        <div class="card stat-card">
            <span class="muted">الممثلون</span>
            <strong>{{ number_format($counts['representatives']) }}</strong>
        </div>
        <div class="card stat-card">
            <span class="muted">المسموح لهم</span>
            <strong>{{ number_format($counts['allowed_students']) }}</strong>
        </div>
        <div class="card stat-card">
            <span class="muted">الأقسام</span>
            <strong>{{ number_format($counts['departments']) }}</strong>
        </div>
    </section>

    <section class="grid cols-3">
        <div class="card">
            <span class="eyebrow">المحافظات</span>
            <h3>{{ number_format($counts['governorates']) }} محافظة</h3>
            <p>عدد المحافظات المعرفة داخل النظام.</p>
        </div>
        <div class="card">
            <span class="eyebrow">الجامعات</span>
            <h3>{{ number_format($counts['universities']) }} جامعة</h3>
            <p>الجامعات المرتبطة بالمحافظات.</p>
        </div>
        <div class="card">
            <span class="eyebrow">الكليات</span>
            <h3>{{ number_format($counts['colleges']) }} كلية</h3>
            <p>جاهزة للربط مع الأقسام والطلاب.</p>
        </div>
    </section>

    <section class="split">
        <div class="table-card">
            <div class="panel-header">
                <div>
                    <span class="eyebrow">القبول</span>
                    <h3>آخر الطلاب المسموح لهم</h3>
                    <p>آخر الأرقام وحالة الربط.</p>
                </div>
            </div>

            <div class="list">
                @forelse ($recentAllowedStudents as $allowedStudent)
                    <div class="list-item">
                        <strong>{{ $allowedStudent->phone }}</strong>
                        <div class="tiny muted" style="margin-top: 8px;">
                            @if ($allowedStudent->loginStudent)
                                مرتبط بالحساب: {{ $allowedStudent->loginStudent->username }}
                            @else
                                بانتظار إنشاء حساب تسجيل دخول
                            @endif
                        </div>
                    </div>
                @empty
                    <div class="empty-state">لا توجد بيانات بعد.</div>
                @endforelse
            </div>
        </div>

        <div class="table-card">
            <div class="panel-header">
                <div>
                    <span class="eyebrow">الحسابات</span>
                    <h3>آخر الحسابات المسجلة</h3>
                    <p>أحدث الحسابات داخل النظام.</p>
                </div>
            </div>

            <div class="table-wrap">
                <table>
                    <thead>
                        <tr>
                            <th>الاسم</th>
                            <th>الدور</th>
                            <th>الهاتف</th>
                            <th>القسم</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($recentStudents as $student)
                            <tr>
                                <td data-label="الاسم">
                                    <a href="{{ route('admin.students.show', $student) }}"><strong>{{ $student->username }}</strong></a>
                                </td>
                                <td data-label="الدور">
                                    <span class="badge {{ $student->role === 'ممثل' ? 'rep' : ($student->role === 'مشرف' ? 'supervisor' : 'student') }}">
                                        {{ $student->role }}
                                    </span>
                                </td>
                                <td data-label="الهاتف">{{ $student->allowedStudent?->phone ?? 'غير مربوط' }}</td>
                                <td data-label="القسم">{{ $student->department ?? ($student->departmentRelation?->name ?? '-') }}</td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="4" class="empty-state">لا توجد حسابات بعد.</td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </section>
@endsection