---
import BaseLayout from '@/layouts/BaseLayout.astro'
const releases = [
  { date: '2026-04', title: 'Phase 6 — Публичный сайт', items: ['Маркетинговый сайт food-market.kz','Регистрация без админа платформы','Тарифы Старт / Бизнес-конструктор / Сеть'] },
  { date: '2026-04', title: 'Phase 4 — SuperAdmin консоль', items: ['Управление организациями','Журнал действий','Read-only «открыть как…»','Edit-mode с reason + audit-trail','Настраиваемый retention period'] },
  { date: '2026-04', title: 'Phase 3 — Цены и роли', items: ['Расширенная модель цен','Сотрудники и роли','Системные роли (Администратор, Кассир)'] },
  { date: '2026-04', title: 'Phase 2 — Закупки и приёмки', items: ['Документ приёмки со сканером','Скользящее среднее себестоимости','Inline quick-add позиций'] },
  { date: '2026-03', title: 'Phase 1 — Каталог и tenant-изоляция', items: ['Multi-tenant архитектура','Товары, группы, штрихкоды, остатки','Импорт из других систем'] },
]
---
<BaseLayout title="Changelog" description="История релизов Food Market: что нового в продукте.">
  <section class="max-w-3xl mx-auto px-4 sm:px-6 py-14">
    <h1 class="text-4xl font-extrabold">Changelog</h1>
    <p class="text-slate-500 mt-2">История релизов Food Market.</p>
    <div class="mt-10 space-y-8">
      {releases.map((r) => (
        <article class="rounded-xl border border-slate-200 bg-white p-5">
          <div class="flex items-baseline justify-between mb-3">
            <h2 class="font-bold text-lg">{r.title}</h2>
            <span class="text-xs text-slate-500 font-mono">{r.date}</span>
          </div>
          <ul class="space-y-1.5 text-sm">{r.items.map((it) => <li>• {it}</li>)}</ul>
        </article>
      ))}
    </div>
  </section>
</BaseLayout>
