<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="utf-8">
    <title>400 - Bad Request</title>
    <link rel="icon" type="image/png" href="/intern/img/icon.png">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/error-pages/style.css">
    <script>
        window.ERROR_CODE = 400;
    </script>
    <script src="/error-pages/translations.js"></script>
</head>
<body>
    <section>
        <div class="header">
            <h1 id="title">Ungültige Anfrage</h1>
            <p id="subtitle">HTTP Fehlercode 400</p>
        </div>
        
        <div class="lang-switcher">
            <select class="lang-select" id="langSelect" onchange="translatePage(this.value)">
                <option value="de">Deutsch</option>
                <option value="en">English</option>
                <option value="fr">Français</option>
                <option value="it">Italiano</option>
            </select>
        </div>

        <div class="phpContent" id="phpMessage">
            <?= htmlspecialchars($message ?? '') ?>
        </div>

        <div class="content" id="message">
            Ihre Anfrage ist fehlerhaft und das gesuchtes Ziel kann nicht gefunden werden.
        </div>
    </section>
</body>
</html>