<form class="{{cssClass}}" autocomplete="off">

  {{!-- Sheet Header --}}
  <header class="sheet-header">
    <div class="header-fields">
      <div class="flexrow">
        <img class="profile-img" src="{{img}}" data-edit="img" title="{{name}}" />
        <div class="flexcol">
          <div class="flexrow">
            <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
            <div class="header-buttons">
              <span class="encaisser-direct"><a title="Encaisser des dommages"><img class="button-img" src="icons/svg/bones.svg" alt="Encaisser des dommages"/></a></span>
              {{#if @root.options.isGM}}
              <span class="remise-a-neuf"><a title="Remise à neuf"><img class="button-img" src="icons/svg/regen.svg" alt="Remise à neuf"/></a></span>
              {{/if}}
            </div>
          </div>
          <div class="flexrow">
            {{>"systems/foundryvtt-reve-de-dragon/templates/actor/header-compteurs-creature.html"}}
            <div class="flex-group-left header-etats">
              <div class="flexcol">
                <span>{{system.compteurs.etat.label}}: {{system.compteurs.etat.value}}</span>
                <span>{{calc.resumeBlessures}}</span>
                {{>"systems/foundryvtt-reve-de-dragon/templates/actor/header-effects.html"}}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>

  {{!-- Sheet Tab Navigation --}}
  <nav class="sheet-tabs tabs" data-group="primary">
    <a class="item" data-tab="carac">Caractéristiques</a>
    <a class="item" data-tab="items">Équipement</a>
    <a class="item" data-tab="description">Description</a>
  </nav>

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

    {{!-- Carac & compétences --}}
    <div class="tab items" data-group="primary" data-tab="carac">
      <div class="flexrow">
        {{>"systems/foundryvtt-reve-de-dragon/templates/actor/vue-detaillee.html"}}
      </div>
      <div class="grid grid-2col">
        <div class="flex-group-left flexcol">
          {{>"systems/foundryvtt-reve-de-dragon/templates/actor/carac-main.html"}}
          {{>"systems/foundryvtt-reve-de-dragon/templates/actor/carac-creature.html"}}
        </div>
        <div class="flex-group-left flexcol competence-column">
          {{>"systems/foundryvtt-reve-de-dragon/templates/actor/comp-creature.html"}}
        </div>
      </div>

      {{> "systems/foundryvtt-reve-de-dragon/templates/actor/blessures.html"}}
    </div>

    {{!-- Equipment Tab --}}
    <div class="tab items" data-group="primary" data-tab="items">
      {{> "systems/foundryvtt-reve-de-dragon/templates/actor/inventaire-monnaie.html"}}
      {{> "systems/foundryvtt-reve-de-dragon/templates/actor/inventaire.html"}}
    </div>

    {{!-- Description Tab --}}
    <div class="tab description" data-group="primary" data-tab="description">
      <div class="form-group large-editor">
        {{editor description target="system.description" button=true owner=options.isOwner editable=options.editable engine="prosemirror"}}
      </div>

      {{>"systems/foundryvtt-reve-de-dragon/templates/actor/editor-notes-mj.html"}}

    </div>

  </section>
</form>