{% extends "base.html" %}
{% block title %}{% block admin_title %}Panel Admina{% endblock %} – PaganOS{% endblock %}
{% block head %}
<style>
.adm-wrap { display: flex; gap: 1rem; align-items: flex-start; }
.adm-side { width: 220px; flex-shrink: 0; background: #0d1117; border: 1px solid var(--border);
 border-radius: var(--radius); padding: 0.6rem; position: sticky; top: 1rem; }
.adm-side.adm-logo { font-size: 0.75rem; color: var(--muted); text-transform: uppercase;
 letter-spacing: 0.08em; padding: 0.4rem 0.6rem 0.6rem; border-bottom: 1px solid #21262d; margin-bottom: 0.5rem; }
.adm-side a { display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.6rem;
 border-radius: var(--radius-sm); color: var(--muted); text-decoration: none; font-size: 0.88rem; }
.adm-side a:hover { background: #161b22; color: var(--fg); }
.adm-side a.active { background: var(--accent); color: #000; font-weight: 600; }
.adm-side.adm-sep { border-top: 1px solid #21262d; margin: 0.5rem 0.4rem; }
.adm-main { flex: 1; min-width: 0; }
.adm-top { display: flex; align-items: center; justify-content: space-between; gap: 1rem;
 margin-bottom: 1rem; flex-wrap: wrap; }
.adm-title { font-size: 1.3rem; font-weight: 700; margin: 0; }
.adm-sub { font-size: 0.82rem; color: var(--muted); }
@media (max-width: 760px) {
 .adm-wrap { flex-direction: column; }
 .adm-side { width: 100%; position: static; display: flex; flex-wrap: wrap; gap: 0.2rem; }
 .adm-side a { padding: 0.35rem 0.6rem; font-size: 0.8rem; }
 .adm-side.adm-sep, .adm-side.adm-logo { display: none; }
}
</style>
{% block admin_head %}{% endblock %}
<script>window.CSRF_TOKEN = '{{ csrf_token() }}';</script>
{% endblock %}
{% block content %}
<div class="adm-wrap">
 <aside class="adm-side">
 <div class="adm-logo"> Panel VPS</div>
 <a href="/admin" class="{% if nav=='index' %}active{% endif %}"> Dashboard</a>
 <a href="/admin/services" class="{% if nav=='services' %}active{% endif %}"> Usługi</a>
 <a href="/admin/processes" class="{% if nav=='processes' %}active{% endif %}"> Procesy</a>
 <a href="/admin/disk" class="{% if nav=='disk' %}active{% endif %}"> Dysk</a>
 <a href="/admin/logs" class="{% if nav=='logs' %}active{% endif %}"> Logi</a>
 <a href="/admin/terminal" class="{% if nav=='terminal' %}active{% endif %}"> Terminal</a>
 <div class="adm-sep"></div>
 <a href="/admin/content" class="{% if nav=='content' %}active{% endif %}"> Treści</a>
 <a href="/admin/accounts" class="{% if nav=='accounts' %}active{% endif %}"> Użytkownicy</a>
 <a href="/admin/download" class="{% if nav=='download' %}active{% endif %}"> Pobieranie</a>
 <a href="/admin/iso" class="{% if nav=='iso' %}active{% endif %}"> ISO</a>
 <a href="/admin/commits" class="{% if nav=='commits' %}active{% endif %}"> Commity</a>
 <a href="/admin/recipes-pending" class="{% if nav=='recipes' %}active{% endif %}"> Zgłoszenia</a>
 <a href="/build/dashboard" > Buildy</a>
 <div class="adm-sep"></div>
 <a href="/profile"> Profil</a>
 <a href="/logout"> Wyloguj</a>
 </aside>
 <main class="adm-main">
 <div class="adm-top">
 <div>
 <h1 class="adm-title">{% block admin_h1 %}Panel Admina{% endblock %}</h1>
 <div class="adm-sub">{% block admin_sub %}Zarządzanie VPS{% endblock %}</div>
 </div>
 {% block admin_actions %}{% endblock %}
 </div>
 {% block admin_content %}{% endblock %}
 </main>
</div>
{% endblock %}