{{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 match "{{.Filter}}"</td>
</tr>
{{end}}