<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="flex1">
          <input type="text" name="system.source" value="{{data.system.source}}" placeholder="{{ localize 'CoC7.Source' }}" />
        </li class="flex1">
      </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="keeper-only-tab item" data-tab="effects" title="{{ localize 'CoC7.Effects' }}"><i class="game-icon game-icon-aura"></i></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 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">

      <h3 class="form-header">{{ localize "CoC7.Details" }}</h3>
      {{!-- Talent Type --}}
      <div class="spell-type form-group stacked">
        <label>{{ localize "CoC7.InsanityType" }}</label>
        <div class="flexrow-coc7">
          <label class="checkbox">
            <input type="checkbox" name="system.type.mania" {{checked data.system.type.mania}} /> {{ localize "CoC7.Mania" }}
          </label>
          <label class="checkbox">
            <input type="checkbox" name="system.type.phobia" {{checked data.system.type.phobia}} /> {{ localize "CoC7.Phobia" }}
          </label>
        </div>
      </div>

      <h3 class="form-header">{{ localize "CoC7.Notes"}}</h3>
      {{editor enrichedDescriptionNotes target="system.description.notes" engine="prosemirror" button=true owner=owner editable=editable}}
    </div>
    <div class="tab effects" data-group="primary" data-tab="effects">
      {{> "systems/CoC7/templates/common/active-effects.hbs"}}
    </div>
    {{#if isKeeper}}
      <div class="tab keeper flexcol-coc7" 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>