improved theme dropdown, selected theme detection

includes/themes.php

@@ -5,22 +5,17 @@
 */
 function DisplayThemeConfig()
 {
+    $themes = [
+        "default"    => "RaspAP (default)",
+        "hackernews" => "HackerNews",
+        "terminal"   => "Terminal"
+    ];
+    $themeFiles = [
+        "default"    => "custom.css",
+        "hackernews" => "hackernews.css",
+        "terminal"   => "terminal.css"
+    ];
+    $selectedTheme = array_search($_COOKIE['theme'], $themeFiles);
 
-    $cselected = '';
+    echo renderTemplate("themes", compact("themes", "selectedTheme"));
-    $hselected = '';
-    $tselected = '';
-
-    switch ($_COOKIE['theme']) {
-        case "custom.css":
-            $cselected = ' selected="selected"';
-            break;
-        case "hackernews.css":
-            $hselected = ' selected="selected"';
-            break;
-        case "terminal.css":
-            $tselected = ' selected="selected"';
-            break;
-    }
-
-    echo renderTemplate("themes", compact("cselected", "hselected", "tselected"));
 }

templates/themes.php

@@ -9,11 +9,7 @@
         <div class="row">
           <div class="form-group col-md-6">
             <label for="code"><?php echo _("Select a theme"); ?></label>
-            <select class="form-control" id="theme-select"><?php echo _("Select a Theme"); ?>
+            <?php SelectorOptions("theme", $themes, $selectedTheme, "theme-select") ?>
-              <option value="default" class="theme-link"<?php echo $cselected; ?>>RaspAP (default)</option>
-              <option value="hackernews" class="theme-link"<?php echo $hselected; ?>>HackerNews</option>
-              <option value="terminal" class="theme-link"<?php echo $tselected; ?>>Terminal</option>
-            </select>
           </div>
         </div>