@extends('layouts.app')
@section('title', 'Admin Dashboard - FYP Management')

@section('content')
<div class="page-header">
    <h2>Dashboard</h2>
    <p style="font-size: 0.8rem; color: #64748b; margin: 0;">FYP System Overview</p>
</div>

<div class="row g-3 mb-4">
    <div class="col-md-3 col-sm-6">
        <div class="stat-card">
            <div class="stat-value">{{ $totalStudents }}</div>
            <div class="stat-label">Total Students</div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="stat-card">
            <div class="stat-value">{{ $totalSupervisors }}</div>
            <div class="stat-label">Total Supervisors</div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="stat-card">
            <div class="stat-value">{{ $pendingReports }}</div>
            <div class="stat-label">Pending Reports</div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="stat-card">
            <div class="stat-value">{{ $completedEvaluations }}</div>
            <div class="stat-label">Completed Evaluations</div>
        </div>
    </div>
</div>

<div class="table-card">
    <div class="card-header">Quick Links</div>
    <div class="card-body" style="padding: 1.25rem;">
        <div class="row g-3">
            <div class="col-md-3">
                <a href="{{ route('admin.users.index') }}" class="btn btn-outline-primary w-100">Manage Users</a>
            </div>
            <div class="col-md-3">
                <a href="{{ route('admin.students.index') }}" class="btn btn-outline-primary w-100">Student FYP Assignments</a>
            </div>
            <div class="col-md-3">
                <a href="{{ route('admin.categories.index') }}" class="btn btn-outline-primary w-100">Project Categories</a>
            </div>
            <div class="col-md-3">
                <a href="{{ route('admin.fyp_information.index') }}" class="btn btn-outline-primary w-100">FYP Announcements</a>
            </div>
        </div>
    </div>
</div>
@endsection