{# templates/_error_block.html #}
<div class="error-block">
  <div style="display:flex; gap:10px;">
    <span style="font-size:18px;line-height:1">
      {% if error.category == "password" %}🔒{% else %}✕{% endif %}
    </span>
    <div>
      <div class="title">{{ _('error.' ~ error.category ~ '.title') }}</div>
      {{ _('error.' ~ error.category ~ '.body') }}
      <div class="hint">{{ _('error.' ~ error.category ~ '.hint') }}</div>
      <div class="code">err: {{ error.code }}{% if error.extra %} · {{ error.extra }}{% endif %}</div>
    </div>
  </div>
  {% if error.category == "crash" %}
    <div class="action-bar" style="margin-top:10px;">
      <span class="grow"></span>
      <button class="btn" hx-get="/feedback/modal?trace_id={{ error.trace_id }}"
              hx-target="body" hx-swap="beforeend">{{ _('error.crash.report') }}</button>
    </div>
  {% endif %}
</div>