{% extends "admin/base.html" %}
{% block title %}Dashboard{% endblock %}

{% block content %}
<div class="mb-8">
    <h1 class="text-2xl font-bold text-white mb-2">Dashboard</h1>
    <p class="text-white/50 text-sm">Portfolio Content Management System</p>
</div>

<!-- Stats Grid -->
<div class="grid grid-cols-1 md:grid-cols-4 gap-6 mb-8">
    <div class="terminal-box p-6 border-cyan">
        <div class="text-3xl font-bold text-cyan mb-2">{{ stats.publications }}</div>
        <div class="text-white/50 text-sm">Publications</div>
    </div>
    <div class="terminal-box p-6 border-pink">
        <div class="text-3xl font-bold text-pink mb-2">{{ stats.projects }}</div>
        <div class="text-white/50 text-sm">Projects</div>
    </div>
    <div class="terminal-box p-6 border-amber">
        <div class="text-3xl font-bold text-amber mb-2">{{ stats.students }}</div>
        <div class="text-white/50 text-sm">Students</div>
    </div>
    <div class="terminal-box p-6">
        <div class="text-3xl font-bold text-white mb-2">{{ stats.courses }}</div>
        <div class="text-white/50 text-sm">Courses</div>
    </div>
</div>

<!-- Quick Actions -->
<div class="terminal-box p-6">
    <h2 class="text-lg font-bold text-white mb-4">Quick Actions</h2>
    <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
        <a href="/admin/publications" class="bg-white/5 p-4 rounded hover:bg-cyan/10 transition-colors text-center">
            <div class="text-2xl mb-2">📄</div>
            <div class="text-sm">Add Publication</div>
        </a>
        <a href="/admin/projects" class="bg-white/5 p-4 rounded hover:bg-pink/10 transition-colors text-center">
            <div class="text-2xl mb-2">💼</div>
            <div class="text-sm">Add Project</div>
        </a>
        <a href="/admin/students" class="bg-white/5 p-4 rounded hover:bg-amber/10 transition-colors text-center">
            <div class="text-2xl mb-2">🎓</div>
            <div class="text-sm">Add Student</div>
        </a>
        <a href="/admin/profile" class="bg-white/5 p-4 rounded hover:bg-white/10 transition-colors text-center">
            <div class="text-2xl mb-2">👤</div>
            <div class="text-sm">Edit Profile</div>
        </a>
    </div>
</div>
{% endblock %}