{% extends "layout.html" %}
{% block title %}404 - Zgubiłeś się w multiversum{% endblock %}
{% block content %}
<div class="error-container">
    <h1 class="glitch-title">404</h1>
    <p id="error-message" class="error-message"></p>

    <a href="/" class="back-button">Powrót do bezpiecznego świata</a>
</div>

<script>
    const messages = [
        "Właśnie próbowałeś wejść na Peron 9 i ¾ bez rozpędu. Niestety, ściana nie puściła.",
        "Strona zniknęła w glitchu Matrixa. Może weź czerwoną pigułkę?",
        "Demogorgon pożarł zawartość strony. Sorki...",
        "Strona zniknęła w anomalii czasoprzestrzennej. Też nie wiemy, co się stało.",
        "Thanos pstryknął palcami i ta strona zniknęła.",
        "Ups. Gandalf powiedział: \"Nie przejdziesz!\" – i strona się rozpadła.",
        "Uwaga! Ta strona została zawieszona przez Biuro Czasu TVA.",
        "Błąd jak z Simsów - ktoś wyjął drabinkę z basenu tej strony. Ona już nie wróci."
    ];

    const randomMessage = messages[Math.floor(Math.random() * messages.length)];
    document.getElementById('error-message').textContent = randomMessage;
</script>
{% endblock %}