{{define "content"}}
{{/* ===== Оператор-дашборд (Apple-стиль): приветствие → статус → плитки задач → сводка ===== */}}

<div class="hero">
  <h1 class="hero-greeting">Добрый день</h1>
  {{if .AllReady}}
    <span class="hero-status ok">● Система готова к работе</span>
  {{else}}
    <div style="display:flex;align-items:center;gap:14px;flex-wrap:wrap">
      <span class="hero-status warn">● Требуется настройка — {{.NotReadyCount}} из {{.TotalCount}} компонентов</span>
      <a href="/admin/wizard" class="btn">Открыть мастер настройки →</a>
    </div>
  {{end}}
</div>

{{/* ===== Крупные плитки задач ===== */}}
<div class="tiles">
  <a href="/admin/claims?new=1" class="tile brand">
    <span class="ico">＋</span>
    <span class="t-title">Новый перевод</span>
    <span class="t-sub">Заявка на перевод ценных бумаг M2M</span>
    <span class="t-arrow">→</span>
  </a>
  <a href="/admin/claims" class="tile">
    <span class="ico">📋</span>
    <span class="t-title">Переводы</span>
    <span class="t-sub">{{.Counts.Total}} всего · {{.Counts.InProgress}} в работе</span>
    <span class="t-arrow">→</span>
  </a>
  <a href="/admin/status" class="tile">
    <span class="ico">🔍</span>
    <span class="t-title">Диагностика</span>
    <span class="t-sub">Состояние СКЗИ, ИШ и базы</span>
    <span class="t-arrow">→</span>
  </a>
  <a href="/admin/setup" class="tile">
    <span class="ico">⚙️</span>
    <span class="t-title">Настройка</span>
    <span class="t-sub">Криптография, НРД, подключения</span>
    <span class="t-arrow">→</span>
  </a>
</div>

{{/* ===== Сводка по переводам ===== */}}
<div class="grid">
  <div class="stat">
    <div class="stat-label">Всего переводов</div>
    <div class="stat-value">{{.Counts.Total}}</div>
  </div>
  <div class="stat">
    <div class="stat-label">Подтверждено</div>
    <div class="stat-value" style="color:var(--ok)">{{.Counts.Confirmed}}</div>
  </div>
  <div class="stat">
    <div class="stat-label">В ожидании</div>
    <div class="stat-value" style="color:var(--warn)">{{.Counts.InProgress}}</div>
  </div>
  <div class="stat">
    <div class="stat-label">Отказы / таймауты</div>
    <div class="stat-value" style="color:var(--err)">{{.Counts.Failed}}</div>
  </div>
</div>

{{/* ===== Последние переводы ===== */}}
<div class="section-head">
  <h2>Последние переводы</h2>
  <a href="/admin/claims">все →</a>
</div>
<div class="card">
  {{if .Recent}}
  <table>
    <thead><tr><th>Время</th><th>ID</th><th>Инвестор</th><th>ЦБ</th><th>Статус</th><th></th></tr></thead>
    <tbody>
      {{range .Recent}}
      <tr>
        <td>{{.CreatedAt.Format "15:04:05"}}</td>
        <td><code>{{slice .ID 0 8}}</code></td>
        <td>{{.Investor.LastName}} {{slice .Investor.FirstName 0 1}}.</td>
        <td>{{len .Securities}}</td>
        <td><span class="badge {{.Status}}">{{ruState .Status}}</span></td>
        <td><a href="/admin/claims/{{.ID}}">открыть →</a></td>
      </tr>
      {{end}}
    </tbody>
  </table>
  {{else}}
  <p class="muted" style="margin:0">Переводов ещё нет. Нажмите «Новый перевод», чтобы создать первый.</p>
  {{end}}
</div>

{{/* ===== События (компактно, если есть) ===== */}}
{{if .News}}
<div class="section-head">
  <h2>События</h2>
  <a href="/admin/news">все →</a>
</div>
<div class="card">
  {{range .News}}
  <div style="padding:9px 0;border-bottom:1px solid var(--border)">
    <div style="font-weight:600;font-size:13.5px">
      {{if eq .Kind "maintenance"}}🔧 {{end}}{{if eq .Kind "feature"}}✨ {{end}}{{if eq .Kind "system"}}⚠️ {{end}}{{if eq .Kind "doc-update"}}📄 {{end}}{{.Title}}
    </div>
    {{if .Body}}<div class="muted" style="font-size:12px;margin-top:3px">{{.Body}}</div>{{end}}
  </div>
  {{end}}
</div>
{{end}}
{{end}}
