{% extends 'base.html' %}
{% block scripts_and_css %}
    <script>getTheme("settings.css")</script>
{% endblock %}
{% block icon %}
    <img src="/static/media/icon.png" alt="HoundSploit">
{% endblock %}
{% block h1_style %}style="margin-top: 10px"{% endblock %}
{% block settings %}
    {% if db_update_alert %}
        <script>alert("Database has been updated!")</script>
    {% endif %}
    {% if sw_update_alert %}
        <script>alert("HoundSploit has been updated! Restart the server to apply changes.")</script>
    {% endif %}
    {% if no_updates_alert %}
        <script>alert("No updates available!")</script>
    {% endif %}
    <div class ="settings_container">
        <table>
            <tr>
                <th><label>Theme:</label></th>
                <td>
                    <select id="theme-selector" name="theme-selector">
                        <script>getThemeOptions()</script>
                    </select>
                </td>
            </tr>
        </table>
        <input type="button" id="update-settings-button" name="update-settings-button" value="Save preferences" onclick="savePreferences()">
    </div>
    <div class ="info_container">
        <table>
            <tr>
                <th>Version:</th>
                <td>2.8.0</td>
            </tr>
            <tr>
                <th>Release date:</th>
                <td>2021-11-26</td>
            </tr>
            <tr>
                <th>Developer:</th>
                <td>Nicolas Carolo</td>
            </tr>
            <tr>
                <th>Last Database update:</th>
                <td>{{latest_db_update}}</td>
            </tr>
            <tr>
                <th>GitHub page:</th>
                <td><a href="https://github.com/nicolas-carolo/HoundSploit">GitHub page of the project</a></td>
            </tr>
        </table>
        <input type="button" id="update-button" name="update-button" value="Check for updates" onclick="checkForUpdates()">
    </div>
{% endblock %}