{% extends "core/base.html" %}

{% block content %}
<div class="container my-5">
    <div class="card shadow-lg">
        <div class="card-header bg-dark text-white">
            <h3>Super Admin Dashboard</h3>
        </div>
        <div class="card-body">
            <p>Welcome, {{ request.user.username }} <i class="fas fa-crown text-warning fw-bold"></i></p>

            <ul class="list-group">
                <li class="list-group-item">
                    <i class="fas fa-users me-2 text-primary"></i>
                    <a href="{% url 'manage_users' %}">Manage Users</a>
                </li>
                <li class="list-group-item">
                    <i class="fas fa-building me-2 text-success"></i>
                    <a href="{% url 'manage_departments' %}">Manage Departments</a>
                </li>
                <li class="list-group-item">
                    <i class="fas fa-exclamation-circle me-2 text-danger"></i>
                    <a href="{% url 'manage_issues' %}">Manage Issues</a>
                </li>
                <li class="list-group-item">
                    <i class="fas fa-chart-line me-2 text-warning"></i>
                    <a href="{% url 'superadmin_reports' %}">View Analytics & Reports</a>
                </li>
                
            </ul>
        </div>
    </div>
</div>
{% endblock %}