{% extends "base.html" %}
{% block title %}System Error{% endblock %}
{% block content %}

<h1 class="text-center">System Error</h1>

{% block sidebar %}
    {#% do not show the sidebar %#}
{% endblock sidebar %}

{% block topbar %}
     {#% do not show the top bar %#}
{% endblock topbar %}
<!--  Error Text -->
<div class="text-center">
    <div class="error mx-auto" data-text="500">500</div>
    <p class="lead text-gray-800 mb-5">System Error</p>
    <p class="text-gray-500 mb-0">
        The system encountered an error. We track these errors automatically, but if the problem persists feel free to contact us. In the meantime, try refreshing.
    </p>
    <a href="{% url 'home' %}">&larr; Back to Dashboard</a>
</div>
{% endblock content %}
