<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">Magic Type</label>
          <select class="item-field-label-vlong" type="text" name="system.magictype" value="{{system.magictype}}"
            data-dtype="String">
            {{#select system.magictype}}
            {{#each config.magicTypes as |type key|}}
            <option value="{{key}}">{{type}}</option>
            {{/each}}
            {{/select}}
          </select>
        </li>
        <li class="flexrow"><label class="item-field-label-long">Experience</label>
          <input type="text" class="item-field-label-short" name="system.experience" value="{{system.experience}}" data-dtype="Number" />
        </li>
        <li class="flexrow"><label class="item-field-label-long">Fatigue Points</label>
          <input type="text" class="item-field-label-short" name="system.fatiguepoints" value="{{system.fatiguepoints}}" data-dtype="Number" />
        </li>
        <li class="flexrow"><label class="item-field-label-long">Essence</label>
          <input type="text" class="item-field-label-short" name="system.essencevalue" value="{{system.essencevalue}}" data-dtype="Number" />
          <input type="text" class="item-field-label-vlong" name="system.essencestr1" value="{{system.essencestr1}}" data-dtype="String" />
          <input type="text" class="item-field-label-vlong" name="system.essencestr2" value="{{system.essencestr2}}" 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>
        <li class="flexrow"><label class="item-field-label-long">Spheres</label>
          <input type="text" class="item-field-label-vlong" name="system.sphere" value="{{system.sphere}}" data-dtype="String" />
        </li>
        <li class="flexrow"><label class="item-field-label-long">Humanity</label>
          <input type="text" class="item-field-label-vlong" name="system.humanity" value="{{system.humanity}}" data-dtype="String" />
        </li>
        <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>
        {{#if (eq system.magictype "lemurian")}}
          <li class="flexrow"><label class="item-field-label-long">Words of Power</label>
            <input type="text" class="item-field-label-short" name="system.wordsofpower" value="{{system.wordsofpower}}" data-dtype="Number" />
          </li>
          <li class="flexrow"><label class="item-field-label-long">Signs</label>
            <input type="text" class="item-field-label-short" name="system.signs" value="{{system.signs}}" data-dtype="Number" />
          </li>
          <li class="flexrow"><label class="item-field-label-long">Cherished Items</label>
            <input type="text" class="item-field-label-short" name="system.cherisheditems" value="{{system.cherisheditems}}" data-dtype="Number" />
          </li>
        {{/if}}
        <!--<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>