Translations. Fixing the language bar.

includes/footer.php

@@ -0,0 +1,10 @@
+<script src="../js/bootstrap.bundle.min.js"></script>
+<script>
+    document.addEventListener('DOMContentLoaded', function () {
+        var dropdownElementList = [].slice.call(document.querySelectorAll('.dropdown-toggle'));
+        var dropdownList = dropdownElementList.map(function (dropdownToggleEl) {
+            return new bootstrap.Dropdown(dropdownToggleEl);
+        });
+    });
+
+</script>

includes/header.php

@@ -0,0 +1,7 @@
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<title><?php echo $config['app']['name']; ?></title>
+<link href="../css/bootstrap.min.css" rel="stylesheet">
+<link href="fontawesome/css/all.css" rel="stylesheet"/>
+<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" rel="stylesheet" />
+<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js"></script>

includes/lang_loader.php

@@ -1,7 +1,6 @@
 <?php
-
 $lang = $_SESSION['lang'] ?? $config['app']['locale'];
-if (!isset($_SESSION['lang'])){
+if (!isset($_SESSION['lang'])) {
     $_SESSION['lang'] = $lang;
 }
 
@@ -10,3 +9,4 @@ if (isset($_GET['lang'])) {
     $_SESSION['lang'] = $lang;
 }
 $locale = loadLocale($lang);
+

includes/navbar.php

@@ -0,0 +1,71 @@
+<?php
+function current_list(): string
+{
+    return ' active" aria-current="page';
+}
+
+$languages = $config['locales'];
+
+if (isset($_GET['lang']) && array_key_exists($_GET['lang'], $languages)) {
+    $_SESSION['lang'] = $_GET['lang'];
+}
+$current_lang = $_SESSION['lang'] ?? $config['app']['locale'];
+
+?>
+<header class="navbar navbar-expand-md navbar-dark bg-dark sticky-top shadow">
+    <div class="container-fluid">
+        <a class="navbar-brand pe-3" href="#"><?php echo htmlspecialchars($config['app']['name']); ?></a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarToggle"
+                aria-controls="navbarToggle" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarToggle">
+            <ul class="navbar-nav me-auto mb-2 mb-md-0">
+                <li class="nav-item">
+                    <a class="nav-link<?php
+                    // if the page is genres.php, set active and aria-current="page"
+                    if (basename($_SERVER['SCRIPT_NAME']) == 'index.php') {
+                        echo current_list();
+                    }
+                    ?>" href="/"><?php echo $locale['home']; ?></a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link<?php
+                    if (basename($_SERVER['SCRIPT_NAME']) == 'genres.php') {
+                        echo current_list();
+                    } ?>" href="/genres.php"><?php echo $locale['genres']; ?></a>
+                </li>
+            </ul>
+
+  <div class="dropdown">
+                <select class="form-select" id="languageSelect" onchange="location = this.value;">
+                    <?php
+                    $currentUrl = strtok($_SERVER["REQUEST_URI"], '?');
+                    $queryParams = $_GET;
+                    foreach ($languages as $key => $value) {
+                        $queryParams['lang'] = $key;
+                        $queryString = http_build_query($queryParams);
+                        $langUrl = htmlspecialchars($currentUrl . '?' . $queryString);
+                        $selected = ($key == $current_lang) ? ' selected' : '';
+                        echo '<option value="' . $langUrl . '"' . $selected . '>' . $value . '</option>';
+                    }
+                    ?>
+                </select>
+  </div>
+
+            </div>
+            <?php
+            if (isset($_SESSION['user'])) {
+                echo '<a class="nav-link" href="/profile.php">' . $locale['userProfile'] . '</a>';
+            } else {
+                echo '<a class="nav-link" href="/login.php">' . $locale['login'] . '</a>';
+            }
+            ?>
+            <form class="d-flex" role="search">
+                <input class="form-control me-2" type="search" placeholder="<?php echo $locale['search']; ?>"
+                       aria-label="<?php echo $locale['search']; ?>">
+                <button class="btn btn-outline-success" type="submit"><?php echo $locale['search']; ?></button>
+            </form>
+        </div>
+    </div>
+</header>

includes/sessions.php

@@ -0,0 +1,8 @@
+<?php
+
+ob_start();
+
+if (session_id() == '') {
+    session_set_cookie_params(0, '/', '', true, true);
+    session_start();
+}