{% extends 'base.html' %}
{% block title %}Echo | Settings{% endblock %}
{% block content %}
    <h1>Settings</h1>
    
    <div class="setting-item">
        <label class="setting-label">
            <input type="checkbox" id="dark-mode-toggle" class="setting-toggle"> 
            <span><strong>(EXPERIMENTAL)</strong> Enable Dark Mode</span>
        </label>
    </div>

    <div class="setting-item">
        <label for="notification-setting" class="setting-label">Enable Notifications:</label>
        <select id="notification-setting" class="setting-select">
            <option value="off">Off</option>
            <option value="system">System Notifications</option>
            <option value="tab">Tab Indicator</option>
        </select>
    </div>

    <script src="{{ url_for('static', filename='js/settings.js') }}"></script>
{% endblock %}