{% extends "base.html" %}
{% block extra_head %}
<link rel="stylesheet" href="/static/css/admin.css">
<link rel="stylesheet" href="/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">
            <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/services" class="sidebar-link {% if admin_section == 'services' %}active{% endif %}">
                <span class="sidebar-icon">&#x2699;&#xFE0F;</span> Services
            </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 %}
