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

    {{!-- Sheet Header --}}
    <header class="sheet-header">
      <div class="header-fields">
        <div class="flexrow">
          <img class="profile-img" src="{{actor.img}}" data-action="editImage" data-edit="img" title="{{actor.name}}" />
          <h1 class="charname"><input name="name" type="text" value="{{actor.name}}" placeholder="Name"/></h1>
        </div>
      </div>
    </header>

    {{!-- Sheet Tab Navigation --}}
    <nav class="sheet-tabs tabs" data-group="primary">
        <a class="item" data-tab="principal">Caractéristiques</a>
        <a class="item" data-tab="competence">Compétences</a>
        <a class="item" data-tab="combat">Combat</a>
        <a class="item" data-tab="sorts">Sorts</a>
        <a class="item" data-tab="equipement">Equipement</a>
        <a class="item" data-tab="description">Description</a>
    </nav>

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

        {{!-- Carac Tab --}}
        <div class="sheet-body" data-group="primary" data-tab="principal">
          <span><a data-action="lockUnlock"><img class="small-button-container"
            src="systems/fvtt-yggdrasill/images/icons/{{#if editScore}}unlocked.svg{{else}}locked.svg{{/if}}" alt="Editable/Vérouillé"
            >{{#if editScore}}Editable{{else}}Vérouillé{{/if}}</a>
          </span>
          <div class="grid grid-2col">
            <div class="">
              <span class="generic-label"><h3>Caractéristiques</h3></span>
              <ul>
                {{#each system.carac as |categ keycateg|}}
                <li class="item flexrow list-item" data-item-id="{{keycateg}}">
                  <!-- <img class="sheet-competence-img" src="{{categ.img}}"/> -->
                  <span class="stat-label flexrow tooltip tooltip-nobottom" name="{{keycateg}}"><h4>{{categ.label}}</h2></span>
                </li>
                  {{#each categ.carac as |mycarac keycarac|}}
                  <ul>
                    <li class="item flexrow list-item" data-carac-categ="{{keycateg}}" data-carac-key="{{keycarac}}">
                      <img class="sheet-competence-img" src="systems/fvtt-yggdrasill/images/icons/icon_carac_{{keycateg}}.png"/>
                      <span class="stat-label flexrow tooltip tooltip-nobottom" name="{{key}}"><a data-action="rollCarac" data-carac-categ="{{keycateg}}" data-carac-key="{{keycarac}}">{{mycarac.label}}</a></span>
                      <select class="carac-base flexrow" type="text" name="system.carac.{{keycateg}}.carac.{{keycarac}}.value" value="{{mycarac.value}}" data-dtype="Number" {{#unless @root.editScore}}disabled{{/unless}}>
                        {{selectOptions @root.optionsCarac selected=mycarac.value  localize=false}}
                      </select>
                      </li>
                  </ul>
                {{/each}}
                {{/each}}
              </ul>


              <span class="generic-label"><h3>Furor</h3>
                <ul>
                  <li class="">
                    <input type="text" id="input-furor" name="system.furor.value" value="{{system.furor.value}}" data-dtype="Number"/>
                    {{#if isGM}}
                      <span class="pv-label flexrow  tooltip tooltip-nobottom">/
                        <input type="text" id="max-furor" name="system.furor.max" value="{{system.furor.max}}" data-dtype="Number"/>
                      </span>
                    {{else}}
                      <span class="pv-label flexrow tooltip tooltip-nobottom"> / {{system.furor.max}}</span>
                    {{/if}}
                  </li>
                </ul>
              </span>

              <span class="generic-label"><h3>Blessures</h3></span>
              <ul>
                {{#each blessures as |blessure key|}}
                <li class="item flexrow list-item" data-item-id="{{blessure.id}}">
                  <img class="sheet-competence-img" src="{{blessure.img}}"/>
                  <span class="competence-label">{{blessure.name}}</span>
                  <div class="item-controls">
                    <a data-action="editItem" data-item-id="{{blessure.id}}" title="Edit Item"><i class="fas fa-edit"></i></a>
                    <a data-action="deleteItem" data-item-id="{{blessure.id}}" title="Delete Item"><i class="fas fa-trash"></i></a>
                  </div>
                </li>
                {{/each}}
              </ul>

              <span class="generic-label"><h3>Sorts/Rune actifs</h3></span>
              <ul>
                {{#each effetsMagiques as |effetmagique key|}}
                <li class="item flexrow list-item" data-item-id="{{effetmagique.id}}">
                  <img class="sheet-competence-img" src="{{effetmagique.img}}"/>
                  <span class="competence-label">{{effetmagique.name}}</span>
                  <div class="item-controls">
                    <a data-action="editItem" data-item-id="{{effetmagique.id}}" title="Edit Item"><i class="fas fa-edit"></i></a>
                    <a data-action="deleteItem" data-item-id="{{effetmagique.id}}" title="Delete Item"><i class="fas fa-trash"></i></a>
                  </div>
                </li>
                {{/each}}
              </ul>

            </div>

            <div class="">
              <span class="generic-label"><h3>Dons</h3></span>
              <ul>
                {{#each dons as |don key|}}
                <li class="item flexrow list-item" data-item-id="{{don.id}}">
                  <img class="sheet-competence-img" src="{{don.img}}"/>
                  <span class="competence-label">{{don.name}}</span>
                  <div class="item-controls">
                    <a data-action="editItem" data-item-id="{{don.id}}" title="Edit Item"><i class="fas fa-edit"></i></a>
                    <a data-action="deleteItem" data-item-id="{{don.id}}" title="Delete Item"><i class="fas fa-trash"></i></a>
                  </div>
                </li>
                {{/each}}
              </ul>
              <span class="generic-label"><h3>Faiblesses</h3></span>
              <ul>
                {{#each faiblesses as |faiblesse key|}}
                <li class="item flexrow list-item" data-item-id="{{faiblesse.id}}">
                  <img class="sheet-competence-img" src="{{faiblesse.img}}"/>
                  <span class="competence-label">{{faiblesse.name}}</span>
                  <div class="item-controls">
                    <a data-action="editItem" data-item-id="{{faiblesse.id}}" title="Edit Item"><i class="fas fa-edit"></i></a>
                    <a data-action="deleteItem" data-item-id="{{faiblesse.id}}" title="Delete Item"><i class="fas fa-trash"></i></a>
                  </div>
                </li>
                {{/each}}
              </ul>
              <span class="generic-label"><h3>Secondaires</h3></span>
              <ul>
                {{#each system.caracsecondaire as |caracsec key|}}
                {{#if (ne key "pv")}}
                <li class="item flexrow list-item" data-item-id="{{caracsec.id}}">
                    <img class="sheet-competence-img" src="systems/fvtt-yggdrasill/images/icons/icon_carac_secondaire.png"/>
                    <span class="secondaire-label flexrow tooltip tooltip-nobottom" name="{{key}}">{{caracsec.label}}</span>

                    <div class="secondaire-label">
                      {{#if (eq key "reaction")}}
                      <span class="stat-label flexrow tooltip tooltip-nobottom" name="{{key}}-max">{{caracsec.max}}</span>
                      {{/if}}
                      {{#if (eq key "deplacement")}}
                      <span class="stat-label flexrow tooltip tooltip-nobottom" name="{{key}}-max">{{caracsec.max}}</span>
                      {{/if}}
                      {{#if (eq key "capaenc")}}
                      <span class="stat-label flexrow tooltip tooltip-nobottom" name="{{key}}-max">{{caracsec.max}}</span>
                      {{/if}}
                      {{#if (eq key "defensephy")}}
                      <ul>
                        <li class="item flexrow list-item"><span class="stat-label flexrow tooltip tooltip-nobottom" name="{{key}}-max">Base : {{caracsec.max}}</span></li>
                        <li class="item flexrow list-item">
                          <span class="stat-label flexrow tooltip tooltip-nobottom" name="{{key}}-max">B/M</span>
                          <select class="carac-base flexrow" type="text" name="system.caracsecondaire.{{key}}.bonusmalus" value="{{caracsec.bonusmalus}}" data-dtype="Number" {{#unless @root.editScore}}disabled{{/unless}}>
                          {{selectOptions @root.optionsDMDP selected=caracsec.bonusmalus valueAttr="value" labelAttr="text"}}
                          </select>
                        </li>
                        <li class="item flexrow list-item">
                          <span class="stat-label flexrow tooltip tooltip-nobottom" name="{{key}}-total">Total : {{caracsec.total}}</span>
                        </li>
                      </ul>
                      {{/if}}
                      {{#if (eq key "defensemen")}}
                      <ul>
                        <li class="item flexrow list-item"><span class="stat-label flexrow tooltip tooltip-nobottom" name="{{key}}-max">Base : {{caracsec.max}}</span></li>
                        <li class="item flexrow list-item">
                          <span class="stat-label flexrow tooltip tooltip-nobottom" name="{{key}}-max">B/M</span>
                          <select class="carac-base flexrow" type="text" name="system.caracsecondaire.{{key}}.bonusmalus" value="{{caracsec.bonusmalus}}" data-dtype="Number" {{#unless @root.editScore}}disabled{{/unless}}>
                          {{selectOptions @root.optionsDMDP selected=caracsec.bonusmalus valueAttr="value" labelAttr="text"}}
                          </select>
                        </li>
                        <li class="item flexrow list-item">
                          <span class="stat-label flexrow tooltip tooltip-nobottom" name="{{key}}-total">Total : {{caracsec.total}}</span>
                        </li>
                      </ul>
                      {{/if}}
                    </div>
                </li>
                {{/if}}
                {{/each}}
              </ul>

              <span class="generic-label"><h3>Points de Vie</h3>
                <ul>
                  <li class="">
                    <input class="input-pv" type="text" id="input-pv" name="system.caracsecondaire.pv.value" value="{{system.caracsecondaire.pv.value}}" data-dtype="Number"/>
                    <span class="pv-label flexrow tooltip tooltip-nobottom" name="{{key}}-total"> / {{system.caracsecondaire.pv.max}}</span>
                  </li>
                </ul>
              </span>

              <span class="generic-label"><h4>Epuisé :
                <input type="checkbox" id="isEpuise" name="system.status.epuise" {{checked system.status.epuise}}/></h3>
              </span>
              <span class="generic-label"><h4>Blessé :
                <input type="checkbox" id="isBlesse" name="system.status.blesse" {{checked system.status.blesse}}/></h3>
              </span>
              <span class="generic-label"><h4>Meurtri :
                <input type="checkbox" id="isMeurtri" name="system.status.meurtri" {{checked system.status.meurtri}}/></h3>
              </span>
            </div>
          </div>
        </div>

        {{!-- Skills Tab --}}
        <div class="sheet-body" data-group="primary" data-tab="competence">
          <div class="flexrow">
            <span><a data-action="lockUnlock"><img class="small-button-container"
              src="systems/fvtt-yggdrasill/images/icons/{{#if editScore}}unlocked.svg{{else}}locked.svg{{/if}}" alt="Editable/Vérouillé"
              >{{#if editScore}}Editable{{else}}Vérouillé{{/if}}</a>
            </span>
          </div>
          <div class="grid grid-2col">
            <div>
              <ul class="item-list alterne-list">
                <li class="item flexrow">
                  <span class=""></span>
                  <span class="generic-label">Compétences Générales</span>
                  <span class="generic-label">Niveau</span>
                  <span class=""></span>
                </li>
                {{#each competencesGenerales as |competence key|}}
                  <li class="item flexrow list-item" data-item-id="{{competence.id}}">
                    <img class="sheet-competence-img" src="{{competence.img}}"/>
                    <span class="competence-label"><a data-action="rollCompetence" data-item-id="{{competence.id}}">{{competence.name}}</a></span>
                    <div>
                      {{#if competence.system.isspecialisation}}
                      <span class="specialisation-label">({{competence.system.specialisation}})</span>
                      {{/if}}
                    </div>
                    <select class="competence-base flexrow" type="text" skillname="{{competence.name}}" value="{{competence.system.niveau}}" data-dtype="Number" {{#unless @root.editScore}}disabled{{/unless}}>
                      {{selectOptions @root.optionsBase selected=competence.system.niveau  localize=false}}
                    </select>
                    <div class="item-controls">
                      <a data-action="editItem" data-item-id="{{competence.id}}" title="Edit Item"><i class="fas fa-edit"></i></a>
                      <a data-action="deleteItem" data-item-id="{{competence.id}}" title="Delete Item"><i class="fas fa-trash"></i></a>
                    </div>
                </li>
                {{/each}}
              </ul>
            </div>

            <div>
              <ul class="item-list alterne-list">
                <li class="item flexrow">
                  <span class=""></span>
                  <span class="generic-label">Compétences Martiales</span>
                  <span class="generic-label">Niveau</span>
                  <span class=""></span>
                </li>
                {{#each competencesMartiales as |competence key|}}
                  <li class="item flexrow list-item" data-item-id="{{competence.id}}">
                    <img class="sheet-competence-img" src="{{competence.img}}"/>
                    <span class="competence-label"><a data-action="rollCompetence" data-item-id="{{competence.id}}">{{competence.name}}</a></span>
                    <select class="competence-base flexrow" type="text" skillname="{{competence.name}}" value="{{competence.system.niveau}}" data-dtype="Number" {{#unless @root.editScore}}disabled{{/unless}}>
                      {{selectOptions @root.optionsBase selected=competence.system.niveau  localize=false}}
                    </select>
                    <div class="item-controls">
                      <a data-action="editItem" data-item-id="{{competence.id}}" title="Edit Item"><i class="fas fa-edit"></i></a>
                      <a data-action="deleteItem" data-item-id="{{competence.id}}" title="Delete Item"><i class="fas fa-trash"></i></a>
                    </div>
                  </li>
                {{/each}}
              </ul>
              <ul class="item-list alterne-list">
                <li class="item flexrow">
                  <span class=""></span>
                  <span class="generic-label">Compétences Magiques</span>
                  <span class="generic-label">Niveau</span>
                  <span class=""></span>
                </li>
                {{#each competencesMagiques as |competence key|}}
                  <li class="item flexrow list-item" data-item-id="{{competence.id}}">
                    <img class="sheet-competence-img" src="{{competence.img}}"/>
                    <span class="competence-label"><a data-action="rollCompetence" data-item-id="{{competence.id}}">{{competence.name}}</a></span>
                    <select class="competence-base flexrow" type="text" skillname="{{competence.name}}" value="{{competence.system.niveau}}" data-dtype="Number" {{#unless @root.editScore}}disabled{{/unless}}>
                      {{selectOptions @root.optionsBase selected=competence.system.niveau  localize=false}}
                    </select>
                    <div class="item-controls">
                      <a data-action="editItem" data-item-id="{{competence.id}}" title="Edit Item"><i class="fas fa-edit"></i></a>
                      <a data-action="deleteItem" data-item-id="{{competence.id}}" title="Delete Item"><i class="fas fa-trash"></i></a>
                    </div>
                  </li>
                {{/each}}
              </ul>

            </div>

          </div>
      </div>

      {{!-- Combat Tab --}}
      <div class="sheet-body" data-group="primary" data-tab="combat">
        <div class="flexcol">

          <hr><span class="generic-label"><h3>Armes</h3></span>
          <ul class="stat-list alternate-list">
            <li class="stat flexrow" >
              <span class="stat-label flexrow">Nom</span>
              <span class="stat-label flexrow">Catégorie</span>
              <span class="stat-label flexrow">Dégats</span>
              <div class="item-controls">
              </div>
            </li>
            {{#each armesCC as |arme key|}}
            <li class="item stat flexrow list-item" data-arme-id="{{arme.id}}" data-item-id="{{arme.id}}">
              <img class="sheet-competence-img" src="{{arme.img}}"/>
              <span class="stat-label arme-label flexrow tooltip tooltip-nobottom"><a data-action="rollArme" data-item-id="{{arme.id}}" name="{{arme.name}}">{{arme.name}}</a></span>
              <span class="stat-label combat-label">&nbsp;{{arme.system.categorie}}</span>
              <span class="stat-label combat-label">&nbsp;{{arme.system.degat}}</span>
              <div class="item-controls">
                <a data-action="equipItem" data-item-id="{{arme.id}}" title="Worn">{{#if arme.system.equipe}}<i class="fas fa-circle"></i>{{else}}<i class="fas fa-genderless"></i>{{/if}}</a>
                <a data-action="editItem" data-item-id="{{arme.id}}" title="Edit Item"><i class="fas fa-edit"></i></a>
                <a data-action="deleteItem" data-item-id="{{arme.id}}" title="Delete Item"><i class="fas fa-trash"></i></a>
              </div>
            </li>
            {{/each}}
            {{#each armesDist as |arme key|}}
            <li class="item stat flexrow list-item" data-arme-id="{{arme.id}}" data-item-id="{{arme.id}}">
              <img class="sheet-competence-img" src="{{arme.img}}"/>
              <span class="stat-label arme-label flexrow tooltip tooltip-nobottom"><a data-action="rollArme" data-item-id="{{arme.id}}" name="{{arme.name}}">{{arme.name}}</a></span>
              <span class="stat-label combat-label">&nbsp;{{arme.system.categorie}}</span>
              <span class="stat-label combat-label">&nbsp;{{arme.system.degat}}</span>
              <div class="item-controls">
                <a data-action="equipItem" data-item-id="{{arme.id}}" title="Worn">{{#if arme.system.equipe}}<i class="fas fa-circle"></i>{{else}}<i class="fas fa-genderless"></i>{{/if}}</a>
                <a data-action="editItem" data-item-id="{{arme.id}}" title="Edit Item"><i class="fas fa-edit"></i></a>
                <a data-action="deleteItem" data-item-id="{{arme.id}}" title="Delete Item"><i class="fas fa-trash"></i></a>
              </div>
            </li>
            {{/each}}
          </ul>

          <hr><span class="generic-label"><h3>Prouesses Martiales</h3></span>
          <ul class="stat-list alternate-list">
            <li class="stat flexrow" >
              <span class="stat-label flexrow">Nom</span>
              <span class="stat-label flexrow">Categorie?</span>
              <span class="stat-label flexrow">Niveau</span>
              <div class="item-controls">
              </div>
            </li>
            {{#each prouesses as |prouesse key|}}
            <li class="item stat flexrow list-item" data-item-id="{{prouesse.id}}">
              <img class="sheet-competence-img" src="{{prouesse.img}}"/>
              <span class="stat-label combat-label flexrow tooltip tooltip-nobottom">{{prouesse.name}}</a></span>
              <span class="stat-label combat-label">{{prouesse.system.categorie}}</span>
              <span class="stat-label combat-label">{{prouesse.system.niveau}}</span>
              <div class="item-controls">
                <a data-action="editItem" data-item-id="{{prouesse.id}}" title="Edit Item"><i class="fas fa-edit"></i></a>
                <a data-action="deleteItem" data-item-id="{{prouesse.id}}" title="Delete Item"><i class="fas fa-trash"></i></a>
              </div>
            </li>
            {{/each}}
          </ul>

          <div><h4>Armures (Protection Totale : {{protectionTotal}}) </h4></div>
          <ul class="stat-list alternate-list">
            <li class="stat flexrow" >
              <span class="stat-label flexrow">Nom</span>
              <span class="stat-label flexrow">Catégorie</span>
              <span class="stat-label flexrow">Protection</span>
              <div class="item-controls">
              </div>
            </li>
            {{#each armures as |armure key|}}
            <li class="item stat flexrow list-item" data-armure-id="{{armure.id}}" data-item-id="{{armure.id}}">
              <img class="sheet-competence-img" src="{{armure.img}}"/>
              <span class="stat-label combat-label flexrow tooltip tooltip-nobottom"><a name="{{armure.name}}">{{armure.name}}</a></span>
              <span class="stat-label combat-label">&nbsp;{{armure.system.categorie}}</span>
              <span class="stat-label combat-label">&nbsp;{{armure.system.protection}}</span>
              <div class="item-controls">
                <a data-action="equipItem" data-item-id="{{armure.id}}" title="Worn">{{#if armure.system.equipe}}<i class="fas fa-circle"></i>{{else}}<i class="fas fa-genderless"></i>{{/if}}</a>
                <a data-action="editItem" data-item-id="{{armure.id}}" title="Edit Item"><i class="fas fa-edit"></i></a>
                <a data-action="deleteItem" data-item-id="{{armure.id}}" title="Delete Item"><i class="fas fa-trash"></i></a>
              </div>
            </li>
            {{/each}}
          </ul>

          <div><h4>Bouclier (Bonus de défense physique : {{dpBouclier}}) </h4></div>
          <ul class="stat-list alternate-list">
            <li class="stat flexrow" >
              <span class="stat-label flexrow">Nom</span>
              <span class="stat-label flexrow">Catégorie</span>
              <span class="stat-label flexrow">Bonus DP</span>
              <div class="item-controls">
              </div>
            </li>
            {{#each boucliers as |bouclier key|}}
            <li class="item stat flexrow list-item" data-armure-id="{{bouclier.id}}" data-item-id="{{bouclier.id}}">
              <img class="sheet-competence-img" src="{{bouclier.img}}"/>
              <span class="stat-label combat-label flexrow tooltip tooltip-nobottom"><a name="{{bouclier.name}}">{{bouclier.name}}</a></span>
              <span class="stat-label combat-label">&nbsp;{{bouclier.system.categorie}}</span>
              <span class="stat-label combat-label">&nbsp;{{bouclier.system.defensebonus}}</span>
              <div class="item-controls">
                <a data-action="equipItem" data-item-id="{{bouclier.id}}" title="Worn">{{#if bouclier.system.equipe}}<i class="fas fa-circle"></i>{{else}}<i class="fas fa-genderless"></i>{{/if}}</a>
                <a data-action="editItem" data-item-id="{{bouclier.id}}" title="Edit Item"><i class="fas fa-edit"></i></a>
                <a data-action="deleteItem" data-item-id="{{bouclier.id}}" title="Delete Item"><i class="fas fa-trash"></i></a>
              </div>
            </li>
            {{/each}}
          </ul>

        </div>
      </div>

      {{!-- Sort Tab --}}
      <div class="sheet-body" data-group="primary" data-tab="sorts">

        <div class="flexcol">
          <span class="generic-label">Sorts Sejdr</span>
            <ul class="item-list alterne-list">
              {{#each sortsSejdr as |sort key|}}
                <li class="item flexrow list-item" data-item-id="{{sort.id}}">
                  <img class="sheet-competence-img" src="{{sort.img}}"/>
                  <span class="sort-label"><a data-action="rollSort" data-sort-type="sejdr" data-item-id="{{sort.id}}">{{sort.name}}</a></span>
                  <span class="sort-difficulty">{{sort.system.forme}}</span>
                  <span class="sort-difficulty">{{sort.system.niveau}}</span>
                  <div class="item-controls">
                    <a data-action="editItem" data-item-id="{{sort.id}}" title="Edit Item"><i class="fas fa-edit"></i></a>
                    <a data-action="deleteItem" data-item-id="{{sort.id}}" title="Delete Item"><i class="fas fa-trash"></i></a>
                  </div>
                </li>
              {{/each}}
            </ul>
        </div>

        <div class="flexcol">
          <span class="generic-label">Sorts Galdr</span>
            <ul class="item-list alterne-list">
              {{#each sortsGaldr as |sort key|}}
                <li class="item flexrow list-item" data-item-id="{{sort.id}}">
                  <img class="sheet-competence-img" src="{{sort.img}}"/>
                  <span class="sort-label"><a data-action="rollSort" data-sort-type="galdr" data-item-id="{{sort.id}}">{{sort.name}}</a></span>
                  <span class="sort-difficulty">{{sort.system.domaine}}</span>
                  <span class="sort-difficulty">{{sort.system.duree}}</span>
                  <div class="item-controls">
                    <a data-action="editItem" data-item-id="{{sort.id}}" title="Edit Item"><i class="fas fa-edit"></i></a>
                    <a data-action="deleteItem" data-item-id="{{sort.id}}" title="Delete Item"><i class="fas fa-trash"></i></a>
                  </div>
                </li>
              {{/each}}
            </ul>
        </div>

        <div class="flexcol">
          <span class="generic-label">Runes</span>
            <ul class="item-list alterne-list">
              {{#each runes as |sort key|}}
                <li class="item flexrow list-item" data-item-id="{{sort.id}}">
                  <img class="sheet-competence-img" src="{{sort.img}}"/>
                  <span class="sort-label"><a data-action="rollSort" data-sort-type="rune" data-item-id="{{sort.id}}">{{sort.name}}</a></span>
                  <span class="sort-difficulty">{{sort.system.cible}}</span>
                  <span class="sort-difficulty">{{sort.system.niveau}}</span>
                  <span class="sort-difficulty">{{sort.system.domaine}}</span>
                  <div class="item-controls">
                    <a data-action="editItem" data-item-id="{{sort.id}}" title="Edit Item"><i class="fas fa-edit"></i></a>
                    <a data-action="deleteItem" data-item-id="{{sort.id}}" title="Delete Item"><i class="fas fa-trash"></i></a>
                  </div>
                </li>
              {{/each}}
            </ul>
        </div>

      </div>

      {{!-- Equipement Tab --}}
        <div class="sheet-body" data-group="primary" data-tab="equipement">
          <div><h4>Argent</h4></div>
          <ul class="item-list alternate-list">
            {{#each monnaies as |monnaie key|}}
            <li class="item flexrow list-item" data-item-id="{{monnaie.id}}">
              <img class="sheet-competence-img" src="{{monnaie.img}}"/>
              <span class="generic-label">{{monnaie.name}}</span>
              <span class="generic-label">{{monnaie.system.quantite}}
                  (<a class="equipement-moins plus-moins-button"> -</a>/<a class="equipement-plus plus-moins-button">+</a>)
              </span>
              </span>
              <div class="item-controls">
                <a data-action="editItem" data-item-id="{{monnaie.id}}" title="Edit Item"><i class="fas fa-edit"></i></a>
                <a data-action="deleteItem" data-item-id="{{monnaie.id}}" title="Delete Item"><i class="fas fa-trash"></i></a>
              </div>
            </li>
          {{/each}}
          </ul>
          <div><h4>Equipement (Encombrement total : {{encTotal}})</h4></div>
          <ul class="item-list alternate-list">
            <li class="item flexrow list-item">
              <span class="equipement-label">Nom</span>
              <span class="equipement-label">Quantité</span>
              <span class="equipement-label">Enc.</span>
              <span class="equipement-label">+/-</span>
              <div class="item-controls">
                <span class="equipement-label">&nbsp;</span>
                <span class="equipement-label">&nbsp;</span>
                <span class="equipement-label">&nbsp;</span>
              </div>
            </li>
            {{#each equipements as |equipement key|}}
            <li class="item flexrow list-item" data-item-id="{{equipement.id}}">
              <img class="sheet-competence-img" src="{{equipement.img}}"/>
              <span class="equipement-label">{{equipement.name}}</span>
              <span class="equipement-label">{{equipement.system.quantite}}</span>
              <span class="equipement-label">{{equipement.system.enc}}</span>
              <span class="equipement-label">
                (<a class="equipement-moins plus-moins-button">-</a>/<a class="equipement-plus plus-moins-button">+</a>)
              </span>
              <div class="item-controls">
                <a data-action="equipItem" data-item-id="{{equipement.id}}" title="Worn">{{#if equipement.system.equipe}}<i class="fas fa-circle"></i>{{else}}<i class="fas fa-genderless"></i>{{/if}}</a>
                <a data-action="editItem" data-item-id="{{equipement.id}}" title="Edit Item"><i class="fas fa-edit"></i></a>
                <a data-action="deleteItem" data-item-id="{{equipement.id}}" title="Delete Item"><i class="fas fa-trash"></i></a>
              </div>
            </li>
          {{/each}}
          </ul>
        </div>


      {{!-- Biography Tab --}}
      <div class="sheet-body" data-group="primary" data-tab="description">
        <article class="flexcol">
          <h3>Expérience et Renommée : </h3>
          <div class="form-group editor">
            <span class="equipement-label">XP : </span>
            <input type="text" name="system.xp.xp.current" value="{{system.xp.xp.current}}" data-dtype="Number"/>
            <input type="text" name="system.xp.xp.total" value="{{system.xp.xp.total}}" data-dtype="Number"/>
            <span class="equipement-label">Renommée : </span>
            <input type="text" name="system.xp.renommee.value" value="{{system.xp.renommee.value}}" data-dtype="Number"/>
          </div>
          <hr>
          <h3>Biodatas : </h3>
          <div class="form-group editor">
            <span class="equipement-label">Poids : </span>
            <input type="text" name="system.biodata.poids" value="{{system.biodata.poids}}" data-dtype="String"/>
            <span class="equipement-label">Taille : </span>
            <input type="text" name="system.biodata.taille" value="{{system.biodata.taille}}" data-dtype="String"/>
            <span class="equipement-label">Age : </span>
            <input type="text" name="system.biodata.age" value="{{system.biodata.age}}" data-dtype="String"/>
          </div>
          <div class="form-group editor">
            <span class="equipement-label">Archetype : </span>
            <input type="text" name="system.biodata.archetype" value="{{system.biodata.archetype}}" data-dtype="String"/>
            <span class="equipement-label">Profession : </span>
            <input type="text" name="system.biodata.profession" value="{{system.biodata.profession}}" data-dtype="String"/>
            <span class="equipement-label">Royaume : </span>
            <input type="text" name="system.biodata.royaume" value="{{system.biodata.royaume}}" data-dtype="String"/>
          </div>
          <hr>
          <h3>Biographie : </h3>
          <div class="form-group editor">
            <div class="editor-content">{{{enrichedDescription}}}</div>
          </div>
          <hr>
          <h3>Notes : </h3>
          <div class="form-group editor">
            <div class="editor-content">{{{enrichedNotes}}}</div>
          </div>
          <hr>
          <h3>Tirage des Runes: </h3>
          <div class="form-group editor">
            <div class="editor-content">{{{enrichedTirageRunes}}}</div>
          </div>
          <hr>
          <h3>Notes GM : </h3>
          <div class="form-group editor">
            <div class="editor-content">{{{enrichedGMNotes}}}</div>
          </div>
        </article>
      </div>

    </section>
</section>
