{% extends "base.html" %}
{% block title %}Settings - özgürsözlük{% endblock %}
{% block meta %}<meta name="title" content="Settings - özgürsözlük">{% endblock %}
{% block main %}
    <div class="settings-container">
        <fieldset>
            <form method="POST" action="/external/settings">
                <div>
                    <h3 class="setting-section-title" style="margin-top: 0;">Display</h3>
                    <div class="settings-group settings-input">
                        <label for="theme">Theme</label>
                        <select name="theme">
                            {% for theme in themes %}
                                <option value="{{ theme }}"
                                        {% if theme == selected_theme %}selected{% endif %}>{{ theme }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <label class="settings-group checkbox-container">
                        Hide pinned topics
                        <input name="hide_pinned_topics"
                               type="checkbox"
                               {% if hide_pinned_topics == "True" %}checked{% endif %}>
                        <span class="checkbox"></span>
                    </label>
                    <label class="settings-group checkbox-container">
                        Hide entry favorite count
                        <input name="hide_entry_favorite_count"
                               type="checkbox"
                               {% if hide_entry_favorite_count == "True" %}checked{% endif %}>
                        <span class="checkbox"></span>
                    </label>
                    <label class="settings-group checkbox-container">
                        Hide entry author
                        <input name="hide_entry_author"
                               type="checkbox"
                               {% if hide_entry_author == "True" %}checked{% endif %}>
                        <span class="checkbox"></span>
                    </label>
                    <label class="settings-group checkbox-container">
                        Hide entry date
                        <input name="hide_entry_date"
                               type="checkbox"
                               {% if hide_entry_date == "True" %}checked{% endif %}>
                        <span class="checkbox"></span>
                    </label>
                    <label class="settings-group checkbox-container">
                        Hide entry images
                        <input name="hide_entry_images"
                               type="checkbox"
                               {% if hide_entry_images == "True" %}checked{% endif %}>
                        <span class="checkbox"></span>
                    </label>
                    <h3 class="setting-section-title">Link Replacements</h3>
                    <label class="settings-group checkbox-container">
                        Enable link replacements
                        <input name="enable_link_replacements"
                               type="checkbox"
                               {% if enable_link_replacements == "True" %}checked{% endif %}>
                        <span class="checkbox"></span>
                    </label>
                    {% for service, details in replaceable_services.items() %}
                        <div class="settings-group settings-input">
                            <label for="replace_{{ service }}">{{ details.name }}</label>
                            <input type="text"
                                   name="replace_{{ service }}"
                                   placeholder="e.g. {{ details.default_instance }}"
                                   value="{{ link_replacements.get(service, details.default_instance) }}">
                        </div>
                    {% endfor %}
                </div>
                <div class="settings-note">Settings are stored client-side using cookies without any personal information.</div>
                <button class="settings-submit" type="submit" name="action" value="save">Save settings</button>
            </form>
            <form class="settings-reset" method="POST" action="/external/settings">
                <input name="settings-reset" value="/" style="display: none;">
                <button type="submit" name="action" value="reset">Reset settings</button>
            </form>
        </fieldset>
    </div>
{% endblock %}