{% extends "ui/page.html" %}

{% load i18n static ui %}

{% block title %}{% translate 'Oops!' %}{% endblock %}

{% block button_bar_class %}d-none{% endblock %}

{% block page_body %}
<div class="container">
  <div class="alert alert-danger mt-3" role="alert">
    <h4 class="alert-heading">{% translate 'Oops!' %}</h4>
    <p class="lead mb-0">
      {% translate "HotPocket couldn't complete this operation." %}
    </p>
    <p>{% translate 'Please try again later.' %}</p>
    <hr>
    <p class="mb-0">RequestID: <code>{{ REQUEST_ID }}</code></p>
  </div>
</div>
{% endblock %}