{% extends "base.html" %}
{% block container_class %}container-admin{% endblock %}

{% block content %}
<div class="admin-layout">
    <aside class="admin-sidebar">
        <div class="admin-sidebar-title">Admin Panel</div>
        <nav class="admin-nav">
            <a href="{{ url_for('admin') }}"
               class="{% if request.endpoint == 'admin' %}active{% endif %}">
               &#9632; Dashboard</a>
            <a href="{{ url_for('admin_listings') }}"
               class="{% if request.endpoint == 'admin_listings' %}active{% endif %}">
               &#9670; Listings</a>
            <a href="{{ url_for('admin_users') }}"
               class="{% if request.endpoint == 'admin_users' %}active{% endif %}">
               &#9679; Users</a>
            <a href="{{ url_for('admin_settings') }}"
               class="{% if request.endpoint == 'admin_settings' %}active{% endif %}">
               &#9881; Settings</a>
        </nav>
        <div class="admin-sidebar-foot">
            <a href="{{ url_for('index') }}">&larr; Back to site</a>
            <a href="{{ url_for('admin_logout') }}">Exit admin</a>
        </div>
    </aside>
    <div class="admin-main">
        {% block admin_content %}{% endblock %}
    </div>
</div>
{% endblock %}