{{define "overview_fragment"}}
<div class="stat-grid">
<div class="stat-card accented"><span class="value">{{.Status.TotalIPs}}</span><span class="label">всего IP</span></div>
<div class="stat-card"><span class="value">{{.Status.TotalValidators}}</span><span class="label">валидаторов</span></div>
{{range $state, $count := .Status.IPsByState}}
<div class="stat-card{{if eq $state "failed"}} bad{{else if eq $state "checking"}} accented{{end}}"><span class="value">{{$count}}</span><span class="label">{{$state}}</span></div>
{{end}}
</div>

<h2 class="section-title">Текущая проверка</h2>
{{if .CurrentItems}}
<div class="panel">
<div class="table-scroll">
<table>
<thead><tr><th>Адрес</th><th>Состояние</th><th>Валидатор</th><th>Попытка</th><th>Назначено</th></tr></thead>
<tbody>
{{range .CurrentItems}}
{{$b := ipBadge .State .OverallResult .FIPAssociatedAt 0}}
<tr>
<td class="addr" data-label="Адрес"><a href="/ips/{{.IPAddress}}">{{.IPAddress}}</a></td>
<td data-label="Состояние"><span class="pill {{$b.Class}}">{{$b.Label}}</span></td>
<td data-label="Валидатор">{{deref .OwnerValidatorID}}</td>
<td class="num" data-label="Попытка">{{.AttemptNumber}}</td>
<td class="num" data-label="Назначено">{{fmtTime .AssignedAt}}</td>
</tr>
{{end}}
</tbody>
</table>
</div>
</div>
{{else}}
<p class="muted">Сейчас нет адресов в обработке.</p>
{{end}}

<h2 class="section-title">Последние {{.LastN}} завершённых</h2>
<div class="breakdown">
<span>pass <b>{{index .Breakdown "pass"}}</b></span>
<span>partial <b>{{index .Breakdown "partial"}}</b></span>
<span>fail <b>{{index .Breakdown "fail"}}</b></span>
<span>cancelled <b>{{index .Breakdown "cancelled"}}</b></span>
</div>
{{if .LastCompleted}}
<div class="panel">
<div class="table-scroll">
<table>
<thead><tr><th>Адрес</th><th>Итог</th><th>Завершено</th></tr></thead>
<tbody>
{{range .LastCompleted}}
{{$b := ipBadge .State .OverallResult .FIPAssociatedAt 0}}
<tr>
<td class="addr" data-label="Адрес"><a href="/ips/{{.IPAddress}}">{{.IPAddress}}</a></td>
<td data-label="Итог"><span class="pill {{$b.Class}}">{{$b.Label}}</span></td>
<td class="num" data-label="Завершено">{{fmtTime .AggregatedAt}}</td>
</tr>
{{end}}
</tbody>
</table>
</div>
</div>
{{else}}
<p class="muted">Пока ничего не завершено.</p>
{{end}}
{{end}}