{% extends "base.html" %}
{% load static %}
{% load custom_tags %}
{% block content %}
    <div class="container mx-auto p-4">
        <div class="flex">
            <div class="w-1/4">{% include "includes/sidenav.html" %}</div>
            <div class="w-3/4">
                <div class="text-center">
                    <h1 class="text-4xl font-bold mb-4">Oops!</h1>
                    <h2 class="text-2xl mb-4">500 Internal Server Error</h2>
                    <div class="text-xl mb-4">An error has occurred, please try again.</div>
                    <div>
                        <a href="{% url 'home' %}"
                           class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
                            <span class="glyphicon glyphicon-home"></span>
                            Take Me Home
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock content %}