<form autocomplete="off">
    <p class="notes">{{ localize "DND5E.HitDiceConfigHint" }}</p>
    {{#each classes}}
        <div class="form-group">
            <label>{{this.name}} ({{this.diceDenom}})</label>
            <div class="form-fields">
                <button class="decrement" type="button">-</button>
                <input data-tooltip="DND5E.HitDiceRemaining" class="current"
                       name="{{this.classItemId}}" type="number" value="{{this.currentHitDice}}">
                <span class="sep">/</span>
                <input data-tooltip="DND5E.HitDiceMax" class="max" type="number" value="{{this.maxHitDice}}" disabled>
                <button class="increment" type="button">+</button>

                <button class="roll-hd" data-hd-denom="{{this.diceDenom}}" {{#unless this.canRoll}}disabled{{/unless}}>
                    <i class="fas fa-dice-d20"></i> {{ localize "DND5E.Roll" }}
                </button>
            </div>
        </div>
    {{/each}}
    <div class="dialog-buttons">
        <button type="reset"><i class="fas fa-redo"></i> {{localize "SETTINGS.5eUndoChanges"}}</button>
        <button type="submit"><i class="far fa-save"></i> {{localize "SETTINGS.Save"}}</button>
    </div>
</form>
