<form class="flexcol" autocomplete="off">
    {{> systems/pf2e/templates/system/settings/basic-setting.hbs setting=gradualBoostsVariant}}
    {{> systems/pf2e/templates/system/settings/basic-setting.hbs setting=staminaVariant}}
    {{> systems/pf2e/templates/system/settings/basic-setting.hbs setting=freeArchetypeVariant}}

    <div class="form-group abp">
        <label>{{localize automaticBonusVariant.name}}</label>
        <div class="form-fields">
            <select name="automaticBonusVariant">
                {{selectOptions
                    automaticBonusVariant.choices
                    selected=automaticBonusVariant.value
                    localize=true
                }}
            </select>
        </div>
        <p class="hint">{{localize automaticBonusVariant.hint}}</p>
    </div>

    {{> systems/pf2e/templates/system/settings/basic-setting.hbs setting=mythic}}

    <div class="form-group">
        <label>{{localize proficiencyVariant.name}}</label>
        <div class="form-fields">
            <input type="checkbox" name="proficiencyVariant" {{checked proficiencyVariant.value}} />
        </div>
        <p class="hint">{{localize "PF2E.SETTINGS.Variant.Proficiency.Hint"}}</p>
    </div>

    <div class="proficiency-modifiers">
        <div class="modifier">
            <label>{{localize "PF2E.ProficiencyLevel0"}}</label>
            <div class="form-fields">
                <input
                    type="number"
                    name="proficiencyUntrainedModifier"
                    value="{{proficiencyUntrainedModifier.value}}"
                />
            </div>
        </div>
        <div class="modifier">
            <label>{{localize "PF2E.ProficiencyLevel1"}}</label>
            <div class="form-fields">
                <input type="number" name="proficiencyTrainedModifier" value="{{proficiencyTrainedModifier.value}}" />
            </div>
        </div>
        <div class="modifier">
            <label>{{localize "PF2E.ProficiencyLevel2"}}</label>
            <div class="form-fields">
                <input type="number" name="proficiencyExpertModifier" value="{{proficiencyExpertModifier.value}}" />
            </div>
        </div>
        <div class="modifier">
            <label>{{localize "PF2E.ProficiencyLevel3"}}</label>
            <div class="form-fields">
                <input type="number" name="proficiencyMasterModifier" value="{{proficiencyMasterModifier.value}}" />
            </div>
        </div>
        <div class="modifier">
            <label>{{localize "PF2E.ProficiencyLevel4"}}</label>
            <div class="form-fields">
                <input
                    type="number"
                    name="proficiencyLegendaryModifier"
                    value="{{proficiencyLegendaryModifier.value}}"
                />
            </div>
        </div>
        <p class="hint">{{localize "PF2E.SETTINGS.Variant.Proficiency.ModifiersHint"}}</p>
    </div>

    <hr />

    <footer class="sheet-footer">
        <button type="submit">
            <i class="fa-regular fa-floppy-disk"></i>
            {{localize "SETTINGS.Save"}}
        </button>
        <button type="reset">
            <i class="fa-solid fa-arrow-rotate-left"></i>
            {{localize "PF2E.SETTINGS.ResetChanges"}}
        </button>
    </footer>
</form>
