<form class="{{cssClass}}" autocomplete="off">
    <header class="sheet-header">
        <img class="item-sheet-img" src="{{img}}" data-edit="img" title="{{name}}"/>
        <div class="header-fields">
            <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name"/></h1>
        </div>
    </header>
    
    {{> systems/fvtt-hero-system-6/templates/partials/partial-item-nav.hbs}}


    {{!-- Sheet Body --}}
    <section class="sheet-body">

      {{> systems/fvtt-hero-system-6/templates/partials/partial-item-description.hbs}}
      
      <div class="tab details" data-group="primary" data-tab="details">

        <div class="tab" data-group="primary">
          <ul>
            <li class="flexrow"><label class="generic-label">Type</label>
              <input type="text" class="padd-right" name="system.armortype" value="{{system.armortype}}" data-dtype="String"/>
            </li>

            {{#each system.locations as |location key|}}
            <li class="flexrow">
              <label class="generic-label">{{locationLabel key}}</label>
              <label class="generic-label">Protected ?</label>
              <label class="attribute-value checkbox"><input type="checkbox" name="system.locations.{{key}}.protected" {{checked location.protected}}/></label>
              {{#if location.protected}}
                <li>
                  <ul class="ul-level1">
                    <li class="flexrow"><label class="generic-label">Protection (max)</label>
                      <input type="text" class="input-numeric-short padd-right" name="system.locations.{{key}}.max" value="{{location.max}}" data-dtype="Number"/>
                    </li>
                    <li class="flexrow"><label class="generic-label">Protection (current)</label>
                      <input type="text" class="input-numeric-short padd-right" name="system.locations.{{key}}.value" value="{{location.value}}" data-dtype="Number"/>
                    </li>
                  </ul>
                </li>
                {{/if}}
            {{/each}}

            <li class="flexrow"><label class="generic-label">SI</label>
              <input type="text" class="input-numeric-short padd-right" name="system.si" value="{{system.si}}" data-dtype="Number"/>
            </li>

            <li class="flexrow"><label class="generic-label">Availability</label>
              <select class="competence-base flexrow" type="text" name="system.availability" value="{{system.availability}}" data-dtype="String">
                {{#select system.availability}}
                  {{#each config.availability as |name key|}}
                  <option value="{{key}}">{{name}}</option>
                  {{/each}}
                {{/select}}
              </select> 
            </li>

            <li class="flexrow"><label class="generic-label">Equipped ?</label>
              <label class="attribute-value checkbox"><input type="checkbox" name="system.equipped" {{checked data.equipped}}/></label>
            </li>

            <li class="flexrow"><label class="generic-label">Cost</label>
              <input type="text" class="input-numeric-short padd-right" name="system.cost" value="{{data.cost}}" data-dtype="Number"/>
            </li>

          </ul>
      </div>
    </div>

      {{> systems/fvtt-hero-system-6/templates/partials/partial-item-notes.hbs}}

    </section>
</form>
