<section 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" data-tooltip="{{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><a class="button-encaissement"><img class="button-img" src="icons/svg/bones.svg" data-tooltip="Encaisser des dommages"/></a></span>
              {{#if @root.options.isGM}}
              <span><a class="button-remise-a-neuf"><img class="button-img" src="icons/svg/regen.svg" data-tooltip="Remise à neuf"/></a></span>
              {{/if}}
            </div>
          </div>
          <div class="flexrow">
            {{>"systems/foundryvtt-reve-de-dragon/templates/actor/header-compteurs-creature.hbs"}}
            <div class="flex-group-left header-etats">
              <div class="flexcol">
                <span>{{>"systems/foundryvtt-reve-de-dragon/templates/actor/header-effects.hbs"}}</span>
                <span>{{system.compteurs.etat.label}}: {{system.compteurs.etat.value}}</span>
                {{#each calc.blessures as |blessure|}}
                <span>{{blessure}}</span>
                {{/each}}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </header>

  {{!-- Sheet Tab Navigation --}}
  <nav class="sheet-tabs tabs" data-group="primary">
    <a class="item" data-action="tab" data-group="primary" data-tab="carac">Caractéristiques</a>
    <a class="item" data-action="tab" data-group="primary" data-tab="items">Équipement</a>
    <a class="item" data-action="tab" data-group="primary" 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.hbs"}}
      </div>
      <div class="grid grid-2col">
        <div class="flex-group-left flexcol">
          <ul class="carac-list alterne-list">
          {{>"systems/foundryvtt-reve-de-dragon/templates/actor/carac-main.hbs"}}
          {{>"systems/foundryvtt-reve-de-dragon/templates/actor/carac-creature.hbs"}}
          </ul>
        </div>
        <div class="flex-group-left flexcol competence-column">
          {{>"systems/foundryvtt-reve-de-dragon/templates/actor/comp-creature.hbs"}}
        </div>
      </div>

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

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

    {{!-- Description Tab --}}
    <div class="tab description" data-group="primary" data-tab="description">
      <h3>Description</h3>
      <fieldset>
        <div>
          {{formInput systemFields.description enriched=description value=system.description name="system.description" toggled=true}}
        </div>
      </fieldset>

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

    </div>

</section>
</section>