{% extends "base.html" %}

{% block title %}Главная{% endblock %}

{% block content %}
<h1 class="text-2xl font-semibold">Панель администрирования</h1>
<p class="mt-2 text-slate-600">
  Окружение: <span class="font-mono">{{ app_env }}</span>. Это каркас админки: разделы
  появятся по мере готовности (Блок 4.1–4.3).
</p>

<div class="mt-8 grid gap-4 sm:grid-cols-2">
  {% for section in sections %}
  <section class="rounded-lg border border-slate-200 bg-white p-5">
    <div class="flex items-center justify-between">
      <h2 class="text-lg font-medium">
        {% if section.url %}<a href="{{ section.url }}" class="hover:underline">{{ section.title }}</a>{% else %}{{ section.title }}{% endif %}
      </h2>
      {% if not section.url %}<span class="rounded bg-slate-100 px-2 py-0.5 text-xs text-slate-500">скоро</span>{% endif %}
    </div>
    <p class="mt-2 text-sm text-slate-600">{{ section.description }}</p>
  </section>
  {% endfor %}
</div>
{% endblock %}