{{define "content"}}
<div class="row justify-content-center">
  <div class="col-12 col-lg-7">
    <div class="card">
      <div class="card-body text-center py-5">
        <div class="display-4 fw-semibold text-body-secondary">{{.Data.Status}}</div>
        <h1 class="h4 mt-2 mb-3">{{.Data.Text}}</h1>
        <p class="text-body-secondary mx-auto" style="max-width: 32rem;">{{.Data.Message}}</p>
        {{/* No inline handlers: the Content-Security-Policy allows scripts
             only from our own origin, so "go back" is wired up in app.js. */}}
        <div class="mt-4 d-flex justify-content-center gap-2">
          <a href="/" class="btn btn-primary"><i class="bi bi-house me-1"></i>Dashboard</a>
          <button class="btn btn-outline-secondary" type="button" data-history-back>Go back</button>
        </div>
      </div>
    </div>
  </div>
</div>
{{end}}