<form class="{{cssClass}}" autocomplete="off">
  {{! Sheet Header }}
  <header class="sheet-header flexrow">
    {{> "systems/acks/templates/actors/partials/monster-header.html"}}
  </header>

  {{! Sheet Tab Navigation }}
  <nav class="sheet-tabs tabs flexrow" data-group="primary">
    <a class="item" data-tab="attributes">
      {{localize "ACKS.category.attributes"}}
    </a>
    {{#if data.spells.enabled}}
    <a class="item" data-tab="spells">
      {{localize "ACKS.category.spells"}}
    </a>
    {{/if}}
    <a class="item" data-tab="notes">
      {{localize "ACKS.category.notes"}}
    </a>
  </nav>
  {{! Sheet Body }}
  <section class="sheet-body">
    {{! Attributes Tab }}
    <div class="tab" data-group="primary" data-tab="attributes">
      {{> "systems/acks/templates/actors/partials/monster-attributes-tab.html"}}
    </div>
    {{#if data.spells.enabled}}
    <div class="tab" data-group="primary" data-tab="spells">
      {{> "systems/acks/templates/actors/partials/character-spells-tab.html"}}
    </div>
    {{/if}}
    <div class="tab" data-group="primary" data-tab="notes">
      <div class="inventory">
        <div class="item-titles">{{localize "ACKS.category.notes"}}</div>
        <div class="resizable-editor" data-editor-size="320">
          {{editor content=data.details.biography target="data.details.biography"
          button=true owner=owner editable=editable}}
        </div>
      </div>
    </div>
  </section>
</form>