<?php
declare(strict_types=1);

session_start();

$logged_in = !empty($_SESSION['customer_id']);
$primary_href = $logged_in ? '/dashboard' : '/';
$primary_text = $logged_in ? 'Return to Dashboard' : 'Return to Homepage';
$top_href = $logged_in ? '/logout.php' : '/login.html';
$top_text = $logged_in ? 'Logout' : 'Login';
?>
<!DOCTYPE html>
<html lang="en">
<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>BetterHosting - Not Found</title>

        <link rel="icon" type="image/x-icon" href="/favicon.ico">
        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png">
        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
        <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48.png">
        <link rel="icon" type="image/png" sizes="64x64" href="/favicon-64.png">
        <link rel="icon" type="image/png" sizes="128x128" href="/favicon-128.png">
        <link rel="apple-touch-icon" sizes="180x180" href="/favicon-180.png">
        <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png">
        <link rel="icon" type="image/svg+xml" href="/betterhosting-icon.svg">

        <meta name="theme-color" content="#0d0f17">

        <link rel="stylesheet" href="/assets/global.css">
</head>
<body class="error-404">

        <a href="/" class="corner-logo-link" aria-label="Go to homepage">
                <img src="/betterhosting_logo.png" class="corner-logo" alt="BetterHosting">
        </a>

        <div class="top-actions">
                <div class="lang-switcher">
                        <button class="lang-btn active" data-lang="en">EN</button>
                        <button class="lang-btn" data-lang="it">IT</button>
                        <button class="lang-btn" data-lang="es">ES</button>
                        <button class="lang-btn" data-lang="de">DE</button>
                </div>
                <a href="<?php echo htmlspecialchars($top_href, ENT_QUOTES, 'UTF-8'); ?>"
                   class="btn btn-top"><?php echo htmlspecialchars($top_text, ENT_QUOTES, 'UTF-8'); ?></a>
        </div>

        <div class="bg-anim"></div>
        <div class="particles-main"></div>

        <div class="center">
                <h1 data-i18n="404_title">404</h1>
                <p data-i18n="404_text">This page does not exist.</p>
                <a href="<?php echo htmlspecialchars($primary_href, ENT_QUOTES, 'UTF-8'); ?>"
                   class="btn" data-i18n="404_btn"><?php echo htmlspecialchars($primary_text, ENT_QUOTES, 'UTF-8'); ?></a>

                <div class="footer" data-i18n="footer">
                        BetterHosting - All Rights Reserved
                </div>
        </div>

        <script src="/assets/global.js" defer></script>
</body>
</html>

