{% extends "layout.html" %}

{% block content %}
<div class="admin-container">
    <h1>Admin Dashboard</h1>
    
    {% with messages = get_flashed_messages(with_categories=true) %}
        {% if messages %}
            {% for category, message in messages %}
                <div class="alert alert-{{ category }}">{{ message }}</div>
            {% endfor %}
        {% endif %}
    {% endwith %}
    
    <div class="admin-panel">
        <div class="admin-card">
            <h2>User Management</h2>
            <p>Manage user accounts, permissions, and roles.</p>
            <a href="{{ url_for('admin_users') }}" class="btn btn-primary">Manage Users</a>
        </div>
        
        <!-- You can add more admin cards here in the future -->
        <!-- For example:
        <div class="admin-card">
            <h2>System Settings</h2>
            <p>Configure application-wide settings.</p>
            <a href="#" class="btn btn-primary">Configure</a>
        </div>
        -->
    </div>
</div>
{% endblock %}