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

  {{> systems/fvtt-mournblade/templates/partial-item-header.hbs this}}

  {{> systems/fvtt-mournblade/templates/partial-item-nav.hbs this}}

  {{> systems/fvtt-mournblade/templates/partial-item-description.hbs this}}

  <div class="tab details" data-group="primary" data-tab="details">
    <ul class="item-list alternate-list">
      <li class="flexrow item">
        <label class="generic-label item-field-label-long">{{localize "MNBL.level"}} : </label>
        <input type="text" class="padd-right numeric-input item-field-label-short" name="system.niveau"
          value="{{system.niveau}}" data-dtype="Number" />
      </li>
      <li class="flexrow item">
        <label class="generic-label item-field-label-long">{{localize "MNBL.attribute"}} 1 : </label>
        <select class="item-field-label-long" type="text" name="system.attribut1"
          value="{{system.attribut1}}" data-dtype="string">
          {{selectOptions config.attributs selected=system.attribut1}}
        </select>
      </li>
      <li class="flexrow item">
        <label class="generic-label item-field-label-long">{{localize "MNBL.attribute"}} 2 : </label>
        <select class="item-field-label-long" type="text" name="system.attribut2"
          value="{{system.attribut2}}" data-dtype="string">
          <option value="none">Aucun</option>
          {{selectOptions config.attributs selected=system.attribut2}}
        </select>
      </li>
      <li class="flexrow item">
        <label class="generic-label item-field-label-long">{{localize "MNBL.attribute"}} 3 : </label>
        <select class="item-field-label-long" type="text" name="system.attribut3"
          value="{{system.attribut3}}" data-dtype="string">
          <option value="none">Aucun</option>
          {{selectOptions config.attributs selected=system.attribut3}}
        </select>
      </li>
      <li class="flexrow item">
        <label class="generic-label item-field-label-long3">{{localize "MNBL.candoublebonusskill"}} ? </label>
        <input type="checkbox" name="system.doublebonus" {{checked system.doublebonus}}/>
      </li>
      <li class="item">
        <h3>{{localize "MNBL.predilections"}}</h3>
      </li>
      {{#each system.predilections as |predilection key|}}
      <li class="prediction-item item flexrow" data-prediction-index="{{key}}">
        <input type="text" class="edit-prediction item-field-label-long"
          name="system.predilections.{{key}}.name" value="{{predilection.name}}" data-dtype="String" />
        <label class="generic-label">Utilisée ? <input class="use-prediction" type="checkbox" name="system.predilections.{{key}}.used" {{checked predilection.used}} /></label>
        <a class="item-control" data-action="deletePredilection" data-prediction-index="{{key}}" title="Supprimer une prédilection"><i class="fas fa-trash"></i></a>
      </li>
      {{/each}}
      <li class="item">
        <button type="button" data-action="addPredilection" class="chat-card-button">{{localize "MNBL.addpredilection"}}</button>
      </li>
    </ul>
  </div>

</section>