{% extends "admin/base_site.html" %}
{% load static i18n %}

{% block title %}{% translate 'Page not found' %}{% endblock %}

{% block extrastyle %}
  {{ block.super }}
  <link rel="stylesheet" href="{% static 'pretty_admin/css/tailwind.css' %}">
{% endblock %}

{% block content %}
<div class="min-h-screen bg-gray-100 flex items-center justify-center p-4">
  <div class="bg-white shadow-lg rounded-xl p-6 max-w-lg w-full text-center">
    <h2 class="text-3xl font-bold text-red-500 mb-4">{% translate 'Page not found' %}</h2>
    <p class="text-gray-600">{% translate 'We’re sorry, but the requested page could not be found.' %}</p>
    <a href="/" class="inline-block mt-6 bg-blue-500 hover:bg-blue-600 text-white py-2 px-4 rounded">
      {% translate "Go Home" %}
    </a>
  </div>
</div>
{% endblock %}