<form class="{{cssClass}}" autocomplete="off">
    {{!-- Sheet Header --}}
    <header class="sheet-header">
        <div class="row flexrow table-header">
            <div class="flex1 center">
                <h3>{{localize 'BOL.ui.weaponCheck'}}</h3>
            </div>
        </div>
    </header>
    <div class="flexrow" style="margin-bottom: 1px;">
        <div class="flex1 center bg-darkred">
            <label for="attr">{{localize 'BOL.ui.attribute'}}</label>
        </div>
        <div class="flex1 center cell">
            <select class="flex1" name="attr" id="attr" data-type="String">
                <option value="vigor" {{#if (equals attr.key "vigor")}}selected{{/if}}>{{localize 'BOL.attributes.vigor'}}</option>
                <option value="agility" {{#if (equals attr.key "agility")}}selected{{/if}}>{{localize 'BOL.attributes.agility'}}</option>
                <option value="mind" {{#if (equals attr.key "mind")}}selected{{/if}}>{{localize 'BOL.attributes.mind'}}</option>
                <option value="appeal" {{#if (equals attr.key "appeal")}}selected{{/if}}>{{localize 'BOL.attributes.appeal'}}</option>
            </select>
        </div>
    </div>
    <div class="flexrow" style="margin-bottom: 1px;">
        <div class="flex1 center bg-darkred">
            <label for="apt">{{localize 'BOL.ui.aptitude'}}</label>
        </div>
        <div class="flex1 center cell">
            <select class="flex1" name="apt" id="apt" data-type="String">
                <option value="init" {{#if (equals apt.key "init")}}selected{{/if}}>{{localize 'BOL.aptitudes.init'}}</option>
                <option value="melee" {{#if (equals apt.key "melee")}}selected{{/if}}>{{localize 'BOL.aptitudes.melee'}}</option>
                <option value="ranged" {{#if (equals apt.key "ranged")}}selected{{/if}}>{{localize 'BOL.aptitudes.ranged'}}</option>
                <option value="def" {{#if (equals apt.key "def")}}selected{{/if}}>{{localize 'BOL.aptitudes.def'}}</option>
            </select>
        </div>
    </div>
    <div class="flexrow" style="margin-bottom: 1px;">
        <div class="flex1 center bg-darkred">
            <label for="adv">{{localize 'BOL.ui.advantages'}}</label>
        </div>
        <div class="flex1 center cell">
            <input type="text" class="field-value" name="adv" id="adv" value="{{adv}}" data-type="Number">
        </div>
    </div>
    <div class="flexrow" style="margin-bottom: 1px;">
        <div class="flex1 center bg-darkred">
            <label for="mod">{{localize 'BOL.ui.modifiers'}}</label>
        </div>
        <div class="flex1 center cell">
            <input type="text" class="field-value" name="mod" id="mod" value="{{mod}}" data-type="Number">
        </div>
    </div>
    <div class="flexrow" style="margin-bottom: 1px;">
        <div class="flex1 center bg-darkred">
            <label for="mod">{{localize 'BOL.ui.targetDefence'}}</label>
        </div>
        <div class="flex1 center cell">{{defence}}</div>
    </div>
      {{#if (eq shieldBlock 'blockall')}}
      <div class="flexrow" style="margin-bottom: 1px;">
          <div class="flex1 center bg-darkred">
              <label for="mod">{{localize 'BOL.ui.shieldMalus'}}</label>
          </div>
          <div class="flex1 center cell">{{shieldAttackMalus}}</div>
      </div>
      {{/if}}
      {{#if (eq shieldBlock 'blockone')}}
      <div class="flexrow" style="margin-bottom: 1px;">
          <div class="flex1 center bg-darkred">
              <label for="mod">{{localize 'BOL.ui.shieldMalus'}}</label>
          </div>
          <div class="flex1 center cell">
            <label class="checkbox">
              <input class="field-value" type="checkbox" id="applyShieldMalus" name="applyShieldMalus" {{checked applyShieldMalus}}> {{localize "BOL.ui.applyShieldMalus"}}
            </label>
          </div>
      </div>
      {{/if}}
    {{#if careers.items}}
    <div class="flexrow" style="margin-bottom: 1px;">
        <div class="flex1 center bg-darkred">
            <label for="mod">{{localize 'BOL.ui.careers'}}</label>
        </div>
        <div class="flex1 center cell">
            <select class="flex1" name="career" id="career" data-type="String" multiple>
                {{#each careers.items as | career id|}}
                    <option value="{{career.data.rank}}">{{career.name}} ({{numberFormat career.data.rank decimals=0 sign=true}})</option>
                {{/each}}
            </select>
        </div>
    </div>
    {{/if}}
</form>