@extends('admin.layout')

@section('content')
<div class="mb-6">
    <h1 class="text-3xl font-bold text-gray-800">Dashboard</h1>
</div>

<!-- Stats Grid -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-8">
    <div class="bg-white rounded-lg shadow p-6">
        <div class="flex items-center">
            <div class="p-3 rounded-full bg-blue-100 text-blue-600">
                <i class="fas fa-users text-xl"></i>
            </div>
            <div class="ml-4">
                <h3 class="text-lg font-semibold text-gray-600">Total Users</h3>
                <p class="text-3xl font-bold text-gray-800">{{ $stats['total_users'] }}</p>
            </div>
        </div>
    </div>

    <div class="bg-white rounded-lg shadow p-6">
        <div class="flex items-center">
            <div class="p-3 rounded-full bg-green-100 text-green-600">
                <i class="fas fa-file-alt text-xl"></i>
            </div>
            <div class="ml-4">
                <h3 class="text-lg font-semibold text-gray-600">Total Tests</h3>
                <p class="text-3xl font-bold text-gray-800">{{ $stats['total_tests'] }}</p>
            </div>
        </div>
    </div>

    <div class="bg-white rounded-lg shadow p-6">
        <div class="flex items-center">
            <div class="p-3 rounded-full bg-purple-100 text-purple-600">
                <i class="fas fa-book text-xl"></i>
            </div>
            <div class="ml-4">
                <h3 class="text-lg font-semibold text-gray-600">Total Subjects</h3>
                <p class="text-3xl font-bold text-gray-800">{{ $stats['total_subjects'] }}</p>
            </div>
        </div>
    </div>

    <div class="bg-white rounded-lg shadow p-6">
        <div class="flex items-center">
            <div class="p-3 rounded-full bg-yellow-100 text-yellow-600">
                <i class="fas fa-file-pdf text-xl"></i>
            </div>
            <div class="ml-4">
                <h3 class="text-lg font-semibold text-gray-600">Research Papers</h3>
                <p class="text-3xl font-bold text-gray-800">{{ $stats['total_research_papers'] }}</p>
            </div>
        </div>
    </div>

    <div class="bg-white rounded-lg shadow p-6">
        <div class="flex items-center">
            <div class="p-3 rounded-full bg-red-100 text-red-600">
                <i class="fas fa-play-circle text-xl"></i>
            </div>
            <div class="ml-4">
                <h3 class="text-lg font-semibold text-gray-600">Active Sessions</h3>
                <p class="text-3xl font-bold text-gray-800">{{ $stats['active_sessions'] }}</p>
            </div>
        </div>
    </div>

    <div class="bg-white rounded-lg shadow p-6">
        <div class="flex items-center">
            <div class="p-3 rounded-full bg-green-100 text-green-600">
                <i class="fas fa-check-circle text-xl"></i>
            </div>
            <div class="ml-4">
                <h3 class="text-lg font-semibold text-gray-600">Completed Sessions</h3>
                <p class="text-3xl font-bold text-gray-800">{{ $stats['completed_sessions'] }}</p>
            </div>
        </div>
    </div>
</div>

<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
    <!-- Recent Users -->
    <div class="bg-white rounded-lg shadow">
        <div class="p-4 border-b">
            <h2 class="text-lg font-semibold text-gray-800">Recent Users</h2>
        </div>
        <div class="p-4">
            @foreach($recentUsers as $user)
            <div class="flex items-center justify-between py-3 border-b last:border-b-0">
                <div>
                    <p class="font-medium text-gray-800">{{ $user->full_name }}</p>
                    <p class="text-sm text-gray-600">{{ $user->email }}</p>
                </div>
                <span class="px-2 py-1 text-xs rounded-full 
                    {{ $user->role === 'admin' ? 'bg-red-100 text-red-800' : 
                       ($user->role === 'judge' ? 'bg-blue-100 text-blue-800' : 'bg-gray-100 text-gray-800') }}">
                    {{ ucfirst($user->role) }}
                </span>
            </div>
            @endforeach
        </div>
    </div>

    <!-- Recent Test Sessions -->
    <div class="bg-white rounded-lg shadow">
        <div class="p-4 border-b">
            <h2 class="text-lg font-semibold text-gray-800">Recent Test Sessions</h2>
        </div>
        <div class="p-4">
            @foreach($recentSessions as $session)
            <div class="py-3 border-b last:border-b-0">
                <div class="flex justify-between items-start">
                    <div>
                        <p class="font-medium text-gray-800">{{ $session->user->full_name }}</p>
                        <p class="text-sm text-gray-600">{{ $session->test->title ?? 'N/A' }}</p>
                    </div>
                    <span class="px-2 py-1 text-xs rounded-full 
                        {{ $session->status === 'completed' ? 'bg-green-100 text-green-800' : 
                           ($session->status === 'in_progress' ? 'bg-yellow-100 text-yellow-800' : 'bg-gray-100 text-gray-800') }}">
                        {{ ucfirst(str_replace('_', ' ', $session->status)) }}
                    </span>
                </div>
                @if($session->total_score)
                <p class="text-sm text-gray-600 mt-1">Score: {{ $session->total_score }}</p>
                @endif
            </div>
            @endforeach
        </div>
    </div>
</div>
@endsection