<div class="form-group">
    <label for="{{fieldIdPrefix}}value" class="short">{{localize fields.value.label}}</label>
    {{{form.resolvableValue "value" fileInput=true}}}
    {{{form.resolvableAddBracket "value"}}}
</div>

{{{form.resolvableBrackets "value"}}}

<div class="form-group">
    <label for="{{fieldIdPrefix}}tint" class="short">{{localize fields.tint.label}}</label>
    <div class="form-fields">
        {{colorPicker name=(concat "system.rules." index ".tint") id=(concat fieldIdPrefix "tint") value=object.tint}}
    </div>
</div>

<div class="form-group scale">
    <label for="{{fieldIdPrefix}}scale" class="short">
        {{localize fields.scale.label}} <span class="units">({{localize "Ratio"}})</span>
    </label>
    <div class="form-fields">
        <input type="checkbox" data-action="toggle-scale" {{checked scaleEnabled}} />
        {{rangePicker name=(concat "system.rules." index ".scale") value=object.scale id=(concat fieldIdPrefix "scale") min="0.2" max="3.0" step="0.1"}}
    </div>
</div>


<div class="form-group">
    <label for="{{fieldIdPrefix}}alpha" class="short">{{localize fields.alpha.label}}</label>
    <div class="form-fields">
        {{rangePicker name=(concat "system.rules." index ".alpha") value=object.alpha min="0" max="1" step="0.05"}}
    </div>
</div>

<div class="form-group">
    <label for="{{fieldIdPrefix}}predicate" class="short">{{localize fields.predicate.label}}</label>
    <input type="text" name="system.rules.{{index}}.predicate" id="{{fieldIdPrefix}}predicate" value="{{json rule.predicate}}" placeholder="[ ]" />
</div>
