{% 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 key, title, description 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">{{ title }}</h2>
      <span class="rounded bg-slate-100 px-2 py-0.5 text-xs text-slate-500">скоро</span>
    </div>
    <p class="mt-2 text-sm text-slate-600">{{ description }}</p>
  </section>
  {% endfor %}
</div>
{% endblock %}