<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">Level</label>
          <input type="text" class="item-field-label-short" name="system.level" value="{{system.level}}" data-dtype="Number" />
        </li>
        <li class="flexrow"><label class="item-field-label-long">EGO cost</label>
          <input type="text" class="item-field-label-short" name="system.egocost" value="{{system.egocost}}" data-dtype="Number" />
        </li>
        <li class="flexrow"><label class="item-field-label-long">Range</label>
          <input type="text" class="item-field-label-short" name="system.range" value="{{system.range}}" data-dtype="Number" />
        </li>
        <li class="flexrow"><label class="item-field-label-long">Experience Cost</label>
          <input type="text" class="item-field-label-short" name="system.xpcost" value="{{system.xpcost}}" data-dtype="Number" />
        </li>
        <li class="flexrow"><label class="item-field-label-long">Duration</label>
          <input type="text" class="item-field-label-vlong" name="system.duration" value="{{system.duration}}" data-dtype="String" />
        </li>
        <li class="flexrow"><label class="item-field-label-long">Effects</label>
          <input type="text" class="item-field-label-vlong" name="system.effect" value="{{system.effect}}" data-dtype="String" />
        </li>
      </ul>
    </div>
  </section>
</form>