{{define "content"}}
{{/* Активные новости — сразу под навигацией. Показываем top-3: те у которых ValidFrom..ValidTo сейчас активны, иначе свежие. */}}
{{if .News}}
<div class="card" style="border-left:3px solid var(--accent);margin-bottom:16px">
  <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:8px">
    <h2 style="margin:0">📢 Новости</h2>
    <a href="/admin/news" style="font-size:13px">все новости →</a>
  </div>
  {{range .News}}
  <div style="padding:8px 0;border-bottom:1px solid var(--border)">
    <div style="font-weight:600;font-size:14px">
      {{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:4px">{{.Body}}</div>{{end}}
    {{if and (not .ValidFrom.IsZero) (not .ValidTo.IsZero)}}
      <div class="muted" style="font-size:11px;margin-top:4px">с {{.ValidFrom.Format "02.01.2006"}} по {{.ValidTo.Format "02.01.2006"}}</div>
    {{end}}
  </div>
  {{end}}
</div>
{{end}}

<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="card">
  <h2>Состояние системы</h2>
  {{range .Status.Checks}}
    <div style="padding: 6px 0">
      <span class="dot {{if .OK}}ok{{else}}err{{end}}"></span>
      <strong>{{.Name}}</strong> — {{.Message}}
      {{if .Detail}}<span class="muted"> · <code>{{.Detail}}</code></span>{{end}}
    </div>
  {{end}}
  <div class="muted" style="margin-top: 12px">
    Профиль: <code>{{.Status.Profile}}</code> · Crypto-провайдер: <code>{{.Status.Provider}}</code>
  </div>
</div>

<div class="card">
  <h2>Последние заявки</h2>
  {{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">Заявок ещё нет. Подайте первую через lk-emulator или POST /api/v1/back_office/claims/.</p>
  {{end}}
</div>
{{end}}