{{!--
SPDX-FileCopyrightText: 2021 Johannes Loher

SPDX-License-Identifier: MIT
--}}

<div class="ds4-item-properties ds4-item-properties--spell">
    <h4 class="ds4-item-properties__title">{{localize 'DS4.ItemPropertiesSpell'}}</h4>
    <div class="form-group">
        <label for="system.spellModifier.numerical-{{data._id}}"
            title="{{localize 'DS4.SpellModifierNumericalDescription'}}">{{localize
            "DS4.SpellModifierNumerical"}}</label>
        <div class="form-fields">
            <input id="system.spellModifier.numerical-{{data._id}}" data-dtype="Number" type="number"
                name="system.spellModifier.numerical" placeholder="0" value="{{data.system.spellModifier.numerical}}" />
        </div>
    </div>
    <div class="form-group">
        <label for="system.spellModifier.complex-{{data._id}}"
            title="{{localize 'DS4.SpellModifierComplexDescription'}}">{{localize
            "DS4.SpellModifierComplex"}}</label>
        <div class="form-fields">
            <input id="system.spellModifier.complex-{{data._id}}" data-dtype="String" type="text"
                name="system.spellModifier.complex" value="{{data.system.spellModifier.complex}}" />
        </div>
    </div>
    <div class="form-group">
        <label for="system.spellType-{{data._id}}" title="{{localize 'DS4.SpellTypeDescription'}}">{{localize
            "DS4.SpellType"}}</label>
        <div class="form-fields">
            <select id="system.spellType-{{data._id}}" name="system.spellType" data-dtype="String">
                {{#select data.system.spellType}}
                {{#each config.i18n.spellTypes as |value key|}}
                <option value="{{key}}">{{value}}</option>
                {{/each}}
                {{/select}}
            </select>
        </div>
    </div>
    <div class="form-group slim">
        <label title="{{localize 'DS4.SpellDistanceDescription'}}">{{localize "DS4.SpellDistance"}}</label>
        <div class="form-fields">
            <input data-dtype="String" type="text" name="system.maxDistance.value"
                value="{{data.system.maxDistance.value}}" />
            <select name="system.maxDistance.unit" data-dtype="String">
                {{#select data.system.maxDistance.unit}}
                {{#each config.i18n.distanceUnits as |value key|}}
                <option value="{{key}}">{{value}}</option>
                {{/each}}
                {{/select}}
            </select>
        </div>
    </div>
    <div class="form-group slim">
        <label title="{{localize 'DS4.SpellEffectRadiusDescription'}}">{{localize "DS4.SpellEffectRadius"}}</label>
        <div class="form-fields">
            <input data-dtype="String" type="text" name="system.effectRadius.value"
                value="{{data.system.effectRadius.value}}" />
            <select name="system.effectRadius.unit" data-dtype="String">
                {{#select data.system.effectRadius.unit}}
                {{#each config.i18n.distanceUnits as |value key|}}
                <option value="{{key}}">{{value}}</option>
                {{/each}}
                {{/select}}
            </select>
        </div>
    </div>
    <div class="form-group slim">
        <label title="{{localize 'DS4.SpellDurationDescription'}}">{{localize "DS4.SpellDuration"}}</label>
        <div class="form-fields">
            <input data-dtype="String" type="text" name="system.duration.value" value="{{data.system.duration.value}}" />
            <select name="system.duration.unit" data-dtype="String">
                {{#select data.system.duration.unit}}
                {{#each config.i18n.temporalUnits as |value key|}}
                <option value="{{key}}">{{value}}</option>
                {{/each}}
                {{/select}}
            </select>
        </div>
    </div>
    <div class="form-group">
        <label for="system.cooldownDuration-{{data._id}}"
            title="{{localize 'DS4.CooldownDurationDescription'}}">{{localize "DS4.CooldownDuration"}}</label>
        <div class="form-fields">
            <select id="system.cooldownDuration-{{data._id}}" name="system.cooldownDuration" data-dtype="String">
                {{#select data.system.cooldownDuration}}
                {{#each config.i18n.cooldownDurations as |value key|}}
                <option value="{{key}}">{{value}}</option>
                {{/each}}
                {{/select}}
            </select>
        </div>
    </div>
    <div class="ds4-form-group ds4-form-group--start">
        <label class="ds4-form-group__label" title="{{localize 'DS4.SpellGroupsDescription'}}">{{localize
            "DS4.SpellGroups"}}</label>
        <div class="ds4-checkbox-grid">
            {{#each config.i18n.spellGroups as |value key|}}
            <div class="ds4-checkbox-grid__item">
                <input class="ds4-checkbox-grid__checkbox" id="system.spellGroups.{{key}}-{{../data._id}}"
                    name="system.spellGroups.{{key}}" data-dtype="Boolean" type="checkbox" {{checked (lookup
                    ../data.system.spellGroups key)}} />
                <label for="system.spellGroups.{{key}}-{{../data._id}}">{{value}}</label>
            </div>
            {{/each}}
        </div>
    </div>
    <div class="form-group">
        <label for="system.allowsDefense-{{data._id}}" title="{{localize 'DS4.SpellAllowsDefenseDescription'}}">{{localize
            "DS4.SpellAllowsDefense"}}</label>
        <div class="form-fields">
            <input id="system.allowsDefense-{{data._id}}" data-dtype="Boolean" type="checkbox" name="system.allowsDefense"
                {{checked data.system.allowsDefense}} />
        </div>
    </div>
    <div class="form-group slim">
        <label title="{{localize 'DS4.SpellMinimumLevelDescription'}}">{{localize "DS4.SpellMinimumLevel"}}</label>
        <div class="form-fields">
            <label for="system.minimumLevels.healer-{{data._id}}">{{localize "DS4.SpellCasterClassHealer"}}</label>
            <input id="system.minimumLevels.healer-{{data._id}}" data-dtype="Number" type="number" min="0" step="1"
                name="system.minimumLevels.healer" placeholder="–" value="{{data.system.minimumLevels.healer}}" />
            <label for="system.minimumLevels.wizard-{{data._id}}">{{localize "DS4.SpellCasterClassWizard"}}</label>
            <input id="system.minimumLevels.wizard-{{data._id}}" data-dtype="Number" type="number" min="0" step="1"
                name="system.minimumLevels.wizard" placeholder="–" value="{{data.system.minimumLevels.wizard}}" />
            <label for="system.minimumLevels.sorcerer-{{data._id}}">{{localize
                "DS4.SpellCasterClassSorcerer"}}</label>
            <input id="system.minimumLevels.sorcerer-{{data._id}}" data-dtype="Number" type="number" min="0" step="1"
                name="system.minimumLevels.sorcerer" placeholder="–" value="{{data.system.minimumLevels.sorcerer}}" />
        </div>
    </div>
    <div class="form-group">
        <label for="system.price-{{data._id}}" title="{{localize 'DS4.SpellPriceDescription'}}">{{localize
            "DS4.SpellPrice"}}</label>
        <div class="form-fields">
            <span id="system.price-{{data._id}}">{{data.system.price}}</span>
        </div>
    </div>
</div>
