<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-dark-stars/templates/partials/partial-item-nav.hbs}}

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

    {{> systems/fvtt-dark-stars/templates/partials/partial-item-description.hbs}}

    <div class="tab details" data-group="primary" data-tab="details">
      <ul>
        <li class="flexrow">
          <label class="item-field-label-long">Cyber Type</label>
          <select class="item-field-label-vlong" type="text" name="system.cybertype" value="{{system.cybertype}}"
            data-dtype="String">
            {{#select system.cybertype}}
            {{#each config.cyberTypes as |type key|}}
            <option value="{{key}}">{{type}}</option>
            {{/each}}
            {{/select}}
          </select>
        </li>
        <li class="flexrow"><label class="item-field-label-long">Upgrade</label>
          <input type="text" class="item-field-label-vlong" name="system.upgrade" value="{{system.upgrade}}" data-dtype="String" />
        </li>
        <li class="flexrow"><label class="item-field-label-long">Upgrade Location</label>
          <input type="text" class="item-field-label-vlong" name="system.upgradelocation" value="{{system.upgradelocation}}" data-dtype="String" />
        </li>
        <li class="flexrow"><label class="item-field-label-long">Size</label>
          <input type="text" class="item-field-label-vlong" name="system.size" value="{{system.size}}" data-dtype="String" />
        </li>
        <li class="flexrow"><label class="item-field-label-long">Power</label>
          <input type="text" class="item-field-label-vlong" name="system.power" value="{{system.power}}" data-dtype="String" />
        </li>
        <li class="flexrow"><label class="item-field-label-long">SP</label>
          <input type="text" class="item-field-label-short" name="system.sp" value="{{system.sp}}" data-dtype="Number" />
        </li>
        <li class="flexrow"><label class="item-field-label-long">SDP</label>
          <input type="text" class="item-field-label-short" name="system.sdp" value="{{system.sdp}}" data-dtype="Number" />
        </li>
        <li class="flexrow"><label class="item-field-label-long">HUP</label>
          <input type="text" class="item-field-label-vlong" name="system.hup" value="{{system.hup}}" data-dtype="String" />
        </li>
        <li class="flexrow"><label class="item-field-label-long">Surgery</label>
          <input type="text" class="item-field-label-vlong" name="system.surgery" value="{{system.surgery}}" data-dtype="String" />
        </li>
        <li class="flexrow"><label class="item-field-label-long">Availability</label>
          <input type="text" class="item-field-label-vlong" name="system.availability" value="{{system.availability}}" data-dtype="String" />
        </li>
        <li class="flexrow"><label class="item-field-label-long">Cost</label>
          <input type="text" class="item-field-label-short" name="system.cost" value="{{system.cost}}" data-dtype="Number" />
        </li>
        <!--<li class="flexrow"><label class="item-field-label-long">Equipped ?</label>
          <label class="attribute-value checkbox"><input type="checkbox" name="system.equipped" {{checked
              system.equipped}} /></label>
        </li>-->
      </ul>
    </div>
  </section>
</form>