<form class="{{cssClass}} flexcol-coc7" autocomplete="off">
  <header class="sheet-header flexrow-coc7" style="flex: 0 0 64px;padding-bottom: 2px;">
    <div class="header-details flexrow-coc7">
      <h1 class="name" style="height: 48px;">
        <input name="name" type="text" value="{{item.name}}" placeholder="{{ localize 'CoC7.Name' }}" />
      </h1>

      <ul class="summary flexrow-coc7">
        <li class="flex2">
          <input type="text" name="system.source" value="{{data.system.source}}" placeholder="{{ localize 'CoC7.Source' }}" />
        </li>
        <li class="flex3">
          {{coreCharacteristicsString}}
        </li>
      </ul>

    </div>
    <img class="profile" src="{{item.img}}" data-edit="img" title="{{item.name}}" height="64" width="64" />
  </header>

  {{!-- Item Sheet Navigation --}}
  <nav style="flex: 0 0 24px;margin-bottom: 4px;font-family: 'Modesto Condensed', 'Palatino Linotype', serif;font-size: 16px;font-weight: 700;" class="sheet-navigation tabs" data-group="primary">
    <a style="line-height: 24px;" class="item active" data-tab="description">{{ localize "CoC7.Description" }}</a>
    <a style="line-height: 24px;" class="item" data-tab="details">{{ localize "CoC7.Details" }}</a>
    <a style="line-height: 24px;" class="item" data-tab="skills">{{ localize "CoC7.Skills" }}</a>
    {{#if isKeeper}}
      <a style="line-height: 24px;" class="item keeper-only-tab" data-tab="keeper" title="{{localize 'CoC7.GmNotes'}}"><i class="game-icon game-icon-tentacles-skull"></i></a>
    {{/if}}
  </nav>

  {{!-- Item Sheet Body --}}
  <section style="overflow: hidden;flex: 1;" class="sheet-body">

    {{!-- Description Tab --}}
    <div class="tab flexrow-coc7 active" data-group="primary" data-tab="description">

      <div class="item-properties">
        <ol class="properties-list">
          {{#each itemProperties}}
            <li>{{this}}</li>
          {{/each}}
        </ol>
      </div>

      {{editor enrichedDescriptionValue target="system.description.value" engine="prosemirror" button=true owner=owner editable=editable}}
    </div>

    {{!-- Details Tab --}}
    <div class="tab details" data-group="primary" data-tab="details">
      {{#if hasOwner}}
        <h3 class="form-header">{{ localize "CoC7.SuggestedOccupations"}}</h3>
        {{editor enrichedSuggestedOccupations target="system.suggestedOccupations" engine="prosemirror" button=true owner=owner editable=editable}}

        <h3 class="form-header">{{ localize "CoC7.SuggestedTraits"}}</h3>
        {{editor enrichedSuggestedTraits target="system.suggestedTraits" engine="prosemirror" button=true owner=owner editable=editable}}
      {{else}}
        <h3 class="form-header">{{ localize "CoC7.Details" }}</h3>
        <div class="form-group">
          <label>{{ localize "CoC7.BonusPoints" }}</label>
          <input type="text" name="system.bonusPoints" value="{{data.system.bonusPoints}}" data-dtype="Number" />
        </div>
        <div class="form-group">
          <label>{{ localize "CoC7.PulpTalents" }}</label>
          <input type="text" name="system.talents" value="{{data.system.talents}}" data-dtype="Number" />
        </div>

        <h3 class="form-header">{{ localize "CoC7.CoreCharacteristics" }}</h3>
        <div class="form-group stacked">
          <label class="checkbox">
            <input type="checkbox" name="system.coreCharacteristics.str" {{checked data.system.coreCharacteristics.str}} /> {{ localize "CHARAC.Strengh" }}
          </label>
          <label class="checkbox">
            <input type="checkbox" name="system.coreCharacteristics.con" {{checked data.system.coreCharacteristics.con}} /> {{ localize "CHARAC.Constitution" }}
          </label>
          <label class="checkbox">
            <input type="checkbox" name="system.coreCharacteristics.siz" {{checked data.system.coreCharacteristics.siz}} /> {{ localize "CHARAC.Size" }}
          </label>
          <label class="checkbox">
            <input type="checkbox" name="system.coreCharacteristics.dex" {{checked data.system.coreCharacteristics.dex}} /> {{ localize "CHARAC.Dexterity" }}
          </label>
          <label class="checkbox">
            <input type="checkbox" name="system.coreCharacteristics.app" {{checked data.system.coreCharacteristics.app}} /> {{ localize "CHARAC.Appearance" }}
          </label>
          <label class="checkbox">
            <input type="checkbox" name="system.coreCharacteristics.int" {{checked data.system.coreCharacteristics.int}} /> {{ localize "CHARAC.Intelligence" }}
          </label>
          <label class="checkbox">
            <input type="checkbox" name="system.coreCharacteristics.pow" {{checked data.system.coreCharacteristics.pow}} /> {{ localize "CHARAC.Power" }}
          </label>
          <label class="checkbox">
            <input type="checkbox" name="system.coreCharacteristics.edu" {{checked data.system.coreCharacteristics.edu}} /> {{ localize "CHARAC.Education" }}
          </label>
        </div>

        <div class="form-group">
          <label class="checkbox">
            <input type="checkbox" name="system.coreCharacteristicsFormula.enabled" {{checked data.system.coreCharacteristicsFormula.enabled}} /> {{ localize "CoC7.UseFormula" }}
          </label>
          {{#if data.system.coreCharacteristicsFormula.enabled}}
            <input type="text" name="system.coreCharacteristicsFormula.value" value="{{data.system.coreCharacteristicsFormula.value}}" placeholder="{{ localize 'CoC7.EnterFormula' }}" />
          {{/if}}
        </div>

        <h3 class="form-header">{{ localize "CoC7.SuggestedOccupations"}}</h3>
        {{editor enrichedSuggestedOccupations target="system.suggestedOccupations" engine="prosemirror" button=true owner=owner editable=editable}}

        <h3 class="form-header">{{ localize "CoC7.SuggestedTraits"}}</h3>
        {{editor enrichedSuggestedTraits target="system.suggestedTraits" engine="prosemirror" button=true owner=owner editable=editable}}
      {{/if}}
    </div>

    {{!-- Skills Tab --}}
    <div class="tab skills" data-group="primary" data-tab="skills">
      <div class='{{#unless hasOwner}}droppable{{/unless}} main-skills'>

        <h3 class="form-header">{{ localize "CoC7.CommonSkills" }}</h3>

        {{#if skillListEmpty}}
          <h3 class="warning">{{ localize "CoC7.EmptySkillList" }}</h3>
        {{/if}}

        <ol class="item-list">
          {{#each data.system.skills as |skill|}}
            <li class="item flexrow-coc7" data-item-id="{{skill._id}}" data-cocid="{{skill.flags.CoC7.cocidFlag.id}}">
              <div class="item-name flexrow-coc7">
                <h4>{{skill.name}} ({{skill.system.base}}%)</h4>
              </div>

              <div class="item-controls">
                {{#unless ../hasOwner}}
                  <a class="item-control item-delete" title="{{localize 'CoC7.DeleteItem'}}"><i class="fas fa-trash"></i></a>
                {{/unless}}
              </div>
            </li>
          {{/each}}
        </ol>
      </div>
    </div>
    {{#if isKeeper}}
      <div class="tab keeper" style="border-top: 2px groove #eeede0;padding: 0 5px;" data-group="primary" data-tab="keeper">
        {{editor enrichedDescriptionKeeper target="system.description.keeper" engine="prosemirror" button=true owner=owner editable=editable}}
      </div>
    {{/if}}
  </section>
</form>