<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-pegasus-rpg/templates/partial-item-nav.html}}

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

    {{> systems/fvtt-pegasus-rpg/templates/partial-item-description.html}}

    <div class="tab details" data-group="primary" data-tab="details">
      <ul>
          <li class="flexrow"><label class="generic-label">Quality</label>
            <select class="competence-base flexrow" type="text" name="system.quality" value="{{data.quality}}" data-dtype="String">
              {{#select data.quality}}
              <option value="poor">Poor</option>
              <option value="standard">Standard</option>
              <option value="luxury">Luxury</option>
              <option value="superior">Superior</option>
              {{/select}}
            </select> 
          </li>

          <li class="flexrow"><label class="generic-label">A/D</label>
            <input type="text" class="" name="system.ad" value="{{data.ad}}" data-dtype="Number"/>
          </li>   

          <li class="flexrow"><label class="generic-label">Top Speed (TS) bonus</label>
            <input type="text" class="" name="system.topspeed" value="{{data.topspeed}}" data-dtype="Number"/>
          </li>   

          <li class="flexrow"><label class="generic-label">Space</label>
            <input type="text" class="" name="system.space" value="{{data.space}}" data-dtype="Number"/>
          </li>

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

      </ul>
    </div>

  </section>
</form>
