{{define "content"}}
<h1>Settings</h1>

<div class="settings-search">
    <input type="text"
           id="settings-filter"
           name="filter"
           placeholder="Search settings..."
           value="{{.Filter}}"
           hx-get="/settings/search"
           hx-trigger="input changed delay:300ms, keyup[key=='Enter']"
           hx-target="#settings-body"
           hx-swap="innerHTML">
    <span class="settings-count">{{len .Settings}} settings</span>
</div>

<table class="settings-table">
    <thead>
        <tr>
            <th>Name</th>
            <th>Type</th>
            <th>Current Value</th>
            <th>Default</th>
        </tr>
    </thead>
    <tbody id="settings-body">
        {{range .Settings}}
        <tr class="setting-row{{if .IsModified}} modified{{end}}" id="setting-{{.Name}}">
            <td class="setting-name">{{.Name}}</td>
            <td class="setting-type">{{.SettingType}}</td>
            <td class="setting-value">
                <form hx-post="/settings/update" hx-target="#setting-{{.Name}}" hx-swap="outerHTML">
                    <input type="hidden" name="name" value="{{.Name}}">
                    {{if .DropdownOptions}}
                    <select name="value" class="setting-input setting-select">
                        {{$current := .CurrentValue}}
                        {{range .DropdownOptions}}
                        <option value="{{.}}"{{if eq . $current}} selected{{end}}>{{.}}</option>
                        {{end}}
                    </select>
                    {{else}}
                    <input type="text" name="value" value="{{.CurrentValue}}" class="setting-input">
                    {{end}}
                    <button type="submit" class="btn-small">Save</button>
                </form>
            </td>
            <td class="setting-default">{{.DefaultValue}}</td>
        </tr>
        {{end}}
        {{if not .Settings}}
        <tr>
            <td colspan="4" class="empty-state">No settings found.</td>
        </tr>
        {{end}}
    </tbody>
</table>

<p class="settings-note">
    <strong>Note:</strong> Settings changes are in-memory only. A server restart will reset all values to defaults.
</p>
{{end}}