<form action="">
    <p class="notes">
        {{{localize "combat-tracker-dock.settings.attributesMenu.form.notes"}}}
    </p>
    <ul style="list-style: none; padding: 0; margin: 0;">
    {{#each attributes}}
    <li>
    <fieldset style="border-radius: 5px; margin-bottom: 0.2rem;">
        <div class="form-group" style="position: relative;">
            <label for="{{@index}}.attr">{{{localize "combat-tracker-dock.settings.attributesMenu.form.attr.name"}}}</label>
            <input type="text" class="attr" name="{{@index}}.attr" placeholder="" value="{{attr}}">
            <select class="attributePicker" style="max-width: 1.3rem;border: none;position: absolute;right: 0;cursor:pointer; box-shadow: none !important;">
                <option value="">{{{localize "combat-tracker-dock.settings.attributesMenu.form.attr.choose"}}}</option>
                {{selectOptions ../attributeChoices}}
            </select>
        </div>
        <div class="form-group">
            <label for="{{@index}}.icon">{{{localize "combat-tracker-dock.settings.attributesMenu.form.icon.name"}}}</label>
            <file-picker accept="image" type="image" class="icon" name="{{@index}}.icon" value="{{icon}}"></file-picker>
        </div>
        <div class="form-group">
            <label for="{{@index}}.units">{{{localize "combat-tracker-dock.settings.attributesMenu.form.units.name"}}}</label>
            <input type="text" class="units" name="{{@index}}.units" placeholder="" value="{{units}}">
        </div>
    </fieldset>
    </li>
    {{/each}}
    </ul>
</form>