{% extends "mirrorwall/base.html" %}
{% block title %}{{ code }} — LoadCoach{% endblock %}
{% block content %}
<h2>{{ status_code }} · {{ code }}</h2>
<div class="error-state" role="alert">
  <p><strong>{{ message }}</strong></p>
  <p class="muted">Request <span class="mono">{{ request_id }}</span> · <span class="mono">{{ path }}</span></p>
  {% if details %}
  <details>
    <summary>Details</summary>
    <pre>{{ details | json_pretty }}</pre>
  </details>
  {% endif %}
  <p>
  {% if status_code == 404 %}Check the identifier in the address; the record may have been pruned or never existed.
  {% elif status_code == 401 or status_code == 403 %}This page needs a credential with the right scope; see <span class="mono">api.md §11</span>.
  {% elif status_code >= 500 %}This is a fault in LoadCoach or its database. Retry once; if it persists, run <span class="mono">loadcoach doctor</span> and quote the request ID.
  {% else %}The request was refused for the reason above; correct it and retry.
  {% endif %}
  </p>
  {% if status_code == 401 %}
  <form method="post" action="/token-cookie" class="field">
    <input type="hidden" name="{{ csrf_field_name }}" value="{{ csrf_token }}">
    <input type="hidden" name="next" value="{{ path }}">
    <label for="token">Use an API token in this browser</label>
    <input type="password" id="token" name="token" autocomplete="off" required>
    <p class="field-hint">The token is kept in an HttpOnly cookie for this browser only; <span class="mono">loadcoach token create</span> issues one.</p>
    <p class="field-hint">This form needs HTTPS or loopback: its cookies are <span class="mono">Secure</span>, and over plain HTTP anywhere else the browser will not store them — put a TLS proxy in front (see <span class="mono">docs/security.md</span>). The API's <span class="mono">Authorization</span> header works either way.</p>
    <button type="submit" data-variant="primary">Continue</button>
  </form>
  {% endif %}
  <p><a href="/">Dashboard</a> · <a href="/jobs">Jobs</a> · <a href="/queue">Queue</a></p>
</div>
{% endblock %}