<li data-index="{{index}}">
    <div class="key">
        <input type="text" class="effect-change-input" name="{{change.keyPath}}" value="{{change.key}}" />
    </div>
    <div class="type">
        <select name="{{change.typePath}}">
            {{selectOptions types selected=change.type localize=true}}
        </select>
    </div>
    <div class="value">
        {{formInput fields.value name=change.valuePath value=change.value elementType="input"}}
    </div>
    <div class="priority">
        {{formInput fields.priority name=change.priorityPath value=change.priority placeholder=defaultPriority}}
    </div>
    <div class="controls">
        <a class="inline-control icon" data-action="deleteChange"><i class="fa-solid fa-trash"></i></a>
    </div>
</li>
