<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Settings - Ocásek</title>
    <link rel="stylesheet" type="text/css" href="static/css/style.css">
</head>
<body>
    <form action="/search" id="prev-next-form" class="results-search-container" method="GET" autocomplete="off">
        <h1 class="logomobile"><a class="no-decoration" href="./">Ocásek</a></h1>
        <div class="wrapper-results">
        <input type="text" name="q" value="" id="search-input" placeholder="Type to search..." />
        <button id="search-wrapper-ico" class="material-icons-round" name="t" value="text">search</button>
        <input type="submit" class="hide" name="t" value="text" />
    </div>
        <div class="sub-search-button-wrapper">
            <div class="search-container-results-btn">
                <button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="text">search</button>
                <button name="t" value="text" class="clickable">Web</button>
            </div>                  
            <div class="search-container-results-btn">
                <button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="image">image</button>
                <button name="t" value="image" class="clickable">Images</button>
            </div>
            <div class="search-container-results-btn">
                <button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="video">movie</button>
                <button name="t" value="video" class="clickable">Videos</button>
            </div>
            <div class="search-container-results-btn">
                <button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="reddit">forum</button>
                <button name="t" value="forum" class="clickable">Forums</button>
            </div>
            <div class="search-container-results-btn">
                <button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="torrent">share</button>
                <button name="t" value="torrent" class="clickable">Torrents</button>
            </div>
        </div>
        </div>
    </form>
    <div class="results_settings">
        <form>
            <h1>Settings</h1>
            <h2>Theme</h2>
            <label for="theme-dark">Dark Theme:</label>
            <input type="checkbox" class="results-settings" id="theme-dark" name="theme" value="dark"><br>

            <h2>Language</h2>
            <label for="ui-language">UI Language:</label>
            <select id="ui-language" class="results-settings" name="ui_language">
                <option value="english">English</option>
                <option value="deutsch">Deutsch</option>
            </select><br>
            <label for="search-language">Search Language:</label>
            <select id="search-language" class="results-settings" name="search_language">
                <option value="english">English</option>
                <option value="deutsch">Deutsch</option>
            </select>

            <h2>Privacy</h2>
            <label for="theme-dark">Use JavaScript:</label>
            <input type="checkbox" class="results-settings" id="theme-dark" name="theme" value="dark"><br>
            <label for="theme-dark">Use search suggestions:</label>
            <input type="checkbox" class="results-settings" id="theme-dark" name="theme" value="dark"><br><br>

            <input type="submit" class="results-settings" value="Save">
        </form>
    <div>
</body>
</html>