<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">Base</label>
              <select class="item-field-label-long competence-base flexrow" type="text" name="system.base" value="{{system.base}}" data-dtype="String">
                {{#select system.base}}
                  {{#each config.basebonus as |name key|}}
                  <option value="{{key}}">{{name}}</option>
                  {{/each}}
                {{/select}}
              </select> 
            </li>

            <li class="flexrow"><label class="item-field-label-long">Starting skill value</label>
              <input type="text" class="item-field-label-long" name="system.value" value="{{system.value}}" data-dtype="Number"/>
            </li>

            <li class="flexrow"><label class="item-field-label-long">Bonus</label>
              <input type="text" class="item-field-label-long" name="system.bonus" value="{{system.bonus}}" data-dtype="Number"/>
            </li>

            <li class="flexrow"><label class="item-field-label-long">Used ?</label>
              <label class="attribute-value checkbox"><input type="checkbox" name="system.used" {{checked system.used}}/></label>
            </li>

          </ul>
        </div>
    </section>
</form>
