{% extends 'main/base.html' %}

{% block title %}Dashboard - SIAKAD{% endblock %}

{% block content %}

<div class="grid grid-cols-1 md:grid-cols-3 gap-6">

    <div class="bg-white p-6 rounded-2xl shadow hover:shadow-lg transition">
        <h2 class="text-lg font-bold text-gray-700">Mahasiswa</h2>
        <p class="text-3xl font-bold text-blue-500 mt-2">120</p>
    </div>

    <div class="bg-white p-6 rounded-2xl shadow hover:shadow-lg transition">
        <h2 class="text-lg font-bold text-gray-700">Dosen</h2>
        <p class="text-3xl font-bold text-green-500 mt-2">25</p>
    </div>

    <div class="bg-white p-6 rounded-2xl shadow hover:shadow-lg transition">
        <h2 class="text-lg font-bold text-gray-700">Mata Kuliah</h2>
        <p class="text-3xl font-bold text-purple-500 mt-2">40</p>
    </div>

</div>

<div class="mt-8 bg-white p-6 rounded-2xl shadow">
    <h2 class="text-xl font-bold mb-2">
        Selamat datang, {{ request.user.username }}
    </h2>
    <p class="text-gray-600">
        Ini adalah dashboard
    </p>
</div>

{% endblock %}