<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-hero-system-6/templates/partials/partial-item-nav.hbs}}

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

      {{> systems/fvtt-hero-system-6/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">Type</label>
              <select class="item-field-label-medium" type="text" name="system.skilltype" value="{{system.skilltype}}" data-dtype="String">
                {{#select (lower system.skilltype)}}
                  {{#each config.skillType as |char key|}}
                  <option value="{{key}}">{{char}}</option>
                  {{/each}}
                {{/select}}
              </select> 
            </li>

            {{#if (isSkillCustom system.skilltype)}}
            <li class="flexrow"><label class="item-field-label-long">Base characteristic</label>
              <select class="item-field-label-medium" type="text" name="system.characteristic" value="{{system.characteristic}}" data-dtype="String">
                {{#select (lower system.characteristic)}}
                  {{#each config.rollCharac as |char key|}}
                  <option value="{{key}}">{{char}}</option>
                  {{/each}}
                {{/select}}
              </select> 
            </li>
              {{#if (eq (lower system.characteristic) "manual")}}
                <li class="flexrow"><label class="item-field-label-long">Base value</label>
                  <input type="text" class="item-field-label-medium" name="system.base" value="{{system.base}}" data-dtype="Number" {{#if (ne system.characteristic "manual")}}disabled{{/if}} />
                </li>
              {{/if}}
            {{/if}}

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

            <li class="flexrow"><label class="item-field-label-long">Skill levels only</label>
              <input type="checkbox" class="item-field-label-medium" name="system.skilllevelonly"  {{checked system.skilllevelonly}} 
                {{#if (or system.skillfamiliarity system.skillprofiency)}}disabled{{/if}} 
                data-dtype="Number"/>
            </li>

            <li class="flexrow"><label class="item-field-label-long">Familiarity only</label>
              <input type="checkbox" class="item-field-label-medium item-skill-familiarity" name="system.skillfamiliarity" {{checked system.skillfamiliarity}} 
                {{#if (or system.skillprofiency system.skilllevelonly)}}disabled{{/if}}                 
                data-dtype="Number"/>
            </li>
              {{#if system.skillfamiliarity}}
              <li class="flexrow"><label class="item-field-label-long">Everyman skill</label>
                <input type="checkbox" class="item-field-label-medium item-skill-everyman" name="system.skilleveryman" {{checked system.skilleveryman}} data-dtype="Number"/>
              </li>
              {{/if}}

            <li class="flexrow"><label class="item-field-label-long">Proficency</label>
              <input type="checkbox" class="item-field-label-medium item-skill-profiency" name="system.skillprofiency" {{checked system.skillprofiency}}  
                {{#if (or system.skillfamiliarity system.skilllevelonly)}}disabled{{/if}}                                 
                data-dtype="Number"/>
            </li>

            {{#if (ne system.skilltype "combat")}}
              <li class="flexrow"><label class="item-field-label-long">Levels Cost</label>
                <input type="text" class="item-field-label-medium" name="system.levelscost" value="{{system.levelscost}}" data-dtype="Number"/>
              </li>
            {{/if}}

            {{> systems/fvtt-hero-system-6/templates/partials/partial-item-cost.hbs}}

          </ul>
        </div>
  
        {{> systems/fvtt-hero-system-6/templates/partials/partial-item-notes.hbs}}

    </section>
</form>
