{{define "errors"}}{{template "layout" .}}{{end}}
{{define "content"}}
<header class="page-heading">
  <div><a class="back-link" href="/">← Übersicht</a><span class="page-kicker">Diagnose</span><h1>Fehlerzentrale</h1><p>Aktuelle DynDNS-, Zonen- und Pi-hole-Probleme sowie fehlgeschlagene oder partielle Update-Läufe.</p></div>
  <form action="/errors/clear" method="post">
    <input type="hidden" name="csrf" value="{{.CSRF}}">
    <button class="button button-danger-soft" type="submit" {{if eq .ErrorCount 0}}disabled{{end}}>Fehlerliste leeren</button>
  </form>
</header>

{{if eq .ErrorCount 0}}
<section class="panel error-empty"><span class="error-empty-icon" aria-hidden="true">✓</span><div><h2>Keine Fehler gespeichert</h2><p>Aktuell sind weder DNS- oder Pi-hole-Fehler noch problematische Update-Läufe vorhanden.</p></div></section>
{{else}}
<section class="error-summary-grid" aria-label="Fehlerübersicht">
  <article><span>Ziele</span><strong>{{len .ErrorTargets}}</strong></article>
  <article><span>Zonen</span><strong>{{len .ErrorZones}}</strong></article>
  <article><span>Pi-hole</span><strong>{{len .ErrorPiHoles}}</strong></article>
  <article><span>Update-Läufe</span><strong>{{len .ErrorRuns}}</strong></article>
</section>

{{if .ErrorTargets}}
<section class="panel error-section">
  <div class="panel-heading"><div><span class="section-label">Aktuell</span><h2>Zielprobleme</h2></div><span class="status-pill status-bad">{{len .ErrorTargets}}</span></div>
  <div class="error-list">
    {{range .ErrorTargets}}
    <article class="error-item"><span class="error-mark" aria-hidden="true">!</span><div><strong>{{.FQDN}}</strong><p>{{.LastError}}</p><small>{{if .LastStatus}}{{.LastStatus}}{{else}}Fehler{{end}} · letzter erfolgreicher Abgleich {{formatTime .LastUpdatedAt}}</small></div><a href="/domains/{{.ZoneID}}">Öffnen →</a></article>
    {{end}}
  </div>
</section>
{{end}}

{{if .ErrorPiHoles}}
<section class="panel error-section">
  <div class="panel-heading"><div><span class="section-label">Lokales Netzwerk</span><h2>Pi-hole-Probleme</h2></div><span class="status-pill status-bad">{{len .ErrorPiHoles}}</span></div>
  <div class="error-list">
    {{range .ErrorPiHoles}}
    <article class="error-item"><span class="error-mark" aria-hidden="true">!</span><div><strong>{{.Name}}</strong><p>{{.LastError}}</p><small>{{.BaseURL}} · letzte Prüfung {{formatTime .LastSyncAt}}</small></div><a href="/pihole#local-dns">Öffnen →</a></article>
    {{end}}
  </div>
</section>
{{end}}

{{if .ErrorZones}}
<section class="panel error-section">
  <div class="panel-heading"><div><span class="section-label">Provider</span><h2>Zonenprobleme</h2></div><span class="status-pill status-bad">{{len .ErrorZones}}</span></div>
  <div class="error-list">
    {{range .ErrorZones}}
    <article class="error-item"><span class="error-mark" aria-hidden="true">!</span><div><strong>{{.Name}}</strong><p>{{.LastError}}</p><small>Letzter Synchronisationsversuch {{formatTime .LastSyncAt}}</small></div><a href="/domains/{{.ID}}">Öffnen →</a></article>
    {{end}}
  </div>
</section>
{{end}}

{{if .ErrorRuns}}
<section class="panel error-section">
  <div class="panel-heading"><div><span class="section-label">Historie</span><h2>Problematische Update-Läufe</h2></div><span class="status-pill status-bad">{{len .ErrorRuns}}</span></div>
  <div class="error-list run-error-list">
    {{range .ErrorRuns}}
    <article class="error-item"><span class="state-dot {{statusClass .Status}}"></span><div><strong>{{.Summary}}</strong><small>{{formatTime .StartedAt}} · {{.Status}}{{if .IPv4}} · IPv4 {{.IPv4}}{{end}}{{if .IPv6}} · IPv6 {{.IPv6}}{{end}}</small></div></article>
    {{end}}
  </div>
</section>
{{end}}
{{end}}
{{end}}