{% extends "admin/base.html" %}
{% block title %}{{ site.title }} · bragi admin{% endblock %}
{% block content %}
<div style="display: flex; align-items: baseline; gap: 1rem; margin-bottom: 0.5rem;">
  <h1 style="margin: 0;">{{ site.title }}</h1>
  {% if is_superuser %}
    <a href="{{ url_for('site_admin.edit_site', site_id=site.id) }}"
       style="font-size: 0.9em;">Settings</a>
  {% endif %}
</div>
<p style="color: #666; margin-top: 0;">
  <code>{{ site.hostname }}</code>
  {% if not site.active %}<span class="flash error" style="margin-left: 0.5rem; padding: 0.1rem 0.5rem;">inactive</span>{% endif %}
</p>

{% for notice in notices %}
  {% include "admin/_notice_card.html" ignore missing %}
{% endfor %}

{% if site_nav_items %}
<section style="margin-top: 1.5rem;">
  <h2 style="font-size: 1rem; text-transform: uppercase; letter-spacing: 0.08em; color: #666;">
    Sections
  </h2>
  <ul style="list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; margin-top: 0.75rem;">
    {% for item in site_nav_items %}
    <li>
      <a href="{{ url_for(item.endpoint) }}"
         style="display: block; padding: 1rem; border: 1px solid #ddd; border-radius: 6px; text-decoration: none; color: #222; background: #fafafa;">
        <strong style="display: block;">{{ item.label }}</strong>
        <small style="color: #888;">{{ item.section }}</small>
      </a>
    </li>
    {% endfor %}

  </ul>
</section>
{% endif %}
{% endblock %}