---
import SourceBadge from "./SourceBadge.astro";
const sourceGroups = [
  { source: "rf4-official", text: "официальные таблицы игры" },
  { source: "players", text: "сообщения игроков" },
  { source: "rf4db", text: "разрешённый community-источник" },
  { source: "rf4stat-fishing", text: "разрешённая статистика уловов" },
  { source: "rf4stat-post", text: "разрешённые публикации" },
  { source: "rf4map", text: "разрешённые точки карты" },
  { source: "rf4posts-spot", text: "разрешённые полевые сигналы" },
];
---
<section class="data-legend content-grid" aria-labelledby="legend-title">
  <div class="data-legend__intro"><span class="overline">Как читать плашки</span><h2 id="legend-title">Легенда данных</h2><p>Цвет означает происхождение, а статус — пригодность записи. Плашка источника ведёт на исходную публикацию, когда ссылка доступна.</p></div>
  <div class="data-legend__body">
    <div class="legend-sources">{sourceGroups.map(item => <div><SourceBadge source={item.source}/><span>{item.text}</span></div>)}</div>
    <div class="legend-quality">
      <div><i data-quality="verified">✓</i><p><strong>Учтено</strong><span>Проверено и участвует в расчёте активности.</span></p></div>
      <div><i data-quality="unverified">?</i><p><strong>Ждёт проверки</strong><span>Показывается, но пока не влияет на индекс.</span></p></div>
      <div><i data-quality="incomplete">!</i><p><strong>Неполные данные</strong><span>Часть полей отсутствует и явно перечислена.</span></p></div>
    </div>
  </div>
</section>