{% extends "showcase/_standalone.html" %}
{% load static %}
{% block title %}500 Error Page{% endblock %}
{% block body_class %}bg-body-tertiary{% endblock %}
{% block body %}
<main class="d-flex align-items-center min-vh-100 py-5">
  <div class="container">
    <div class="row justify-content-center">
      <div class="col-md-8 col-lg-6 text-center">
        <div class="display-1 fw-bold text-danger lh-1 mb-3">500</div>
        <h1 class="h3 mb-3">Something went wrong on our end.</h1>
        <p class="text-secondary mb-4">
          The server encountered an unexpected condition. Our team has been notified. Please try
          again in a moment, or contact support if the issue persists.
        </p>
        <div class="d-flex gap-2 justify-content-center">
          <a href="/" class="btn btn-primary">
            <i class="bi bi-arrow-left me-1" aria-hidden="true"></i>
            Back to dashboard
          </a>
          <a href="mailto:support@example.com" class="btn btn-outline-secondary">
            <i class="bi bi-life-preserver me-1" aria-hidden="true"></i>
            Contact support
          </a>
        </div>
      </div>
    </div>
  </div>
</main>
{% endblock %}