{#
=============================================================================
 404.html — Page Not Found Error Page
=============================================================================

 Rendered when Moosey CMS cannot find a matching content file for the
 requested URL. This happens when:

   • The URL path does not map to any Markdown file
   • The Markdown file exists but is a draft in production mode
   • A path traversal attempt is detected (security check)
   • An error occurs during Markdown parsing or template rendering

 Moosey returns HTTP 404 alongside this rendered page.

 Template Variables:
   {{ request }} – The FastAPI Request object (useful for logging URL)

 Note: Unlike other pages, Moosey does NOT inject the full globals context
 into the 404 template (nav_items, breadcrumbs, etc. may be absent).

 Extends: layout/base.html
=============================================================================
#}

{% extends "layout/base.html" %}

{% block content %}
<div class="min-h-[70vh] flex items-center justify-center bg-slate-50 px-4">
    <div class="text-center">
        {#
             The 404 number is rendered as a large, faint background element
             using opacity-20 to create a visual brand statement while keeping
             the actual error message readable.
        #}
        <h1 class="text-9xl font-bold text-primary opacity-20">404</h1>
        <h2 class="text-3xl font-bold text-slate-900 -mt-12 mb-4">Page Not Found</h2>
        <p class="text-slate-600 mb-8 max-w-md mx-auto">
            Sorry, we could not find the page you are looking for. It might have been moved or does not exist.
        </p>

        {# -- Link back to homepage -- #}
        <a href="/"
           class="inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-full text-white bg-primary hover:bg-blue-700 transition">
            Go back home
        </a>
    </div>
</div>
{% endblock %}