{% extends "base.html" %}
{% block extra_head %}
<link rel="stylesheet" href="{{ static_url('/static/css/admin.css') }}">
<link rel="stylesheet" href="{{ static_url('/static/css/sidebar.css') }}">
{% endblock %}
{% block content %}
<div class="admin-layout">
    <aside class="sidebar-card">
        <div class="sidebar-heading">Admin Panel</div>
        <nav class="sidebar-nav" aria-label="Admin">
            <a href="/admin/users" class="sidebar-link {% if admin_section == 'users' %}active{% endif %}">
                <span class="sidebar-icon">&#x1F465;</span> Users
            </a>
            <a href="/admin/news" class="sidebar-link {% if admin_section == 'news' %}active{% endif %}">
                <span class="sidebar-icon">&#x1F4F0;</span> News
            </a>
            <a href="/admin/media" class="sidebar-link {% if admin_section == 'media' %}active{% endif %}">
                <span class="sidebar-icon">&#x1F5BC;&#xFE0F;</span> Media
            </a>
            <a href="/admin/moderation" class="sidebar-link {% if admin_section == 'moderation' %}active{% endif %}">
                <span class="sidebar-icon">&#x1F6A9;</span> Moderation
            </a>
            <a href="/admin/trash" class="sidebar-link {% if admin_section == 'trash' %}active{% endif %}">
                <span class="sidebar-icon">&#x1F5D1;&#xFE0F;</span> Trash
            </a>
            <a href="/admin/services" class="sidebar-link {% if admin_section == 'services' %}active{% endif %}">
                <span class="sidebar-icon">&#x2699;&#xFE0F;</span> Services
            </a>
            <a href="/admin/gateway" class="sidebar-link {% if admin_section == 'gateway' %}active{% endif %}">
                <span class="sidebar-icon">&#x1F500;</span> Gateway
            </a>
            <a href="/admin/containers" class="sidebar-link {% if admin_section == 'containers' %}active{% endif %}">
                <span class="sidebar-icon">&#x1F4E6;</span> Containers
            </a>
            <a href="/admin/workspaces" class="sidebar-link {% if admin_section == 'workspaces' %}active{% endif %}">
                <span class="sidebar-icon">&#x1F4BB;</span> Workspaces
            </a>
            <a href="/admin/devii-tasks" class="sidebar-link {% if admin_section == 'devii-tasks' %}active{% endif %}">
                <span class="sidebar-icon">&#x23F0;</span> Devii tasks
            </a>
            <a href="/admin/bots" class="sidebar-link {% if admin_section == 'bots' %}active{% endif %}">
                <span class="sidebar-icon">&#x1F916;</span> Bot Monitor
            </a>
            <a href="/admin/game" class="sidebar-link {% if admin_section == 'game' %}active{% endif %}">
                <span class="sidebar-icon">&#x1F69C;</span> Code Farm
            </a>
            <a href="/admin/ai-usage" class="sidebar-link {% if admin_section == 'ai-usage' %}active{% endif %}">
                <span class="sidebar-icon">&#x1F4CA;</span> AI usage
            </a>
            <a href="/admin/statistics" class="sidebar-link {% if admin_section == 'statistics' %}active{% endif %}">
                <span class="sidebar-icon">&#x1F4C8;</span> Statistics
            </a>
            <a href="/admin/audit-log" class="sidebar-link {% if admin_section == 'audit-log' %}active{% endif %}">
                <span class="sidebar-icon">&#x1F4CB;</span> Audit Log
            </a>
            <a href="/admin/backups" class="sidebar-link {% if admin_section == 'backups' %}active{% endif %}">
                <span class="sidebar-icon">&#x1F4BE;</span> Backups
            </a>
            <a href="/admin/notifications" class="sidebar-link {% if admin_section == 'notifications' %}active{% endif %}">
                <span class="sidebar-icon">&#x1F514;</span> Notifications
            </a>
            <a href="/admin/settings" class="sidebar-link {% if admin_section == 'settings' %}active{% endif %}">
                <span class="sidebar-icon">&#x1F527;</span> Settings
            </a>
        </nav>
    </aside>
    <main class="admin-content">
        {% block admin_content %}{% endblock %}
    </main>
</div>
{% endblock %}
