<form class="{{cssClass}}" autocomplete="off">
  {{>"systems/foundryvtt-reve-de-dragon/templates/header-item.html"}}
  {{!-- Sheet Body --}}
  <section class="sheet-body">
    <div class="form-group">
      <label for="system.draconic">Draconic</label>
      <select name="system.draconic" data-dtype="String">
        {{#select system.draconic}}
        {{>"systems/foundryvtt-reve-de-dragon/templates/enum-draconic.html"}}
        {{/select}}
      </select>
    </div>      
    <div class="form-group">
      <label for="system.caseTMR">Case TMR</label>
      <select name="system.caseTMR" data-dtype="String">
        {{#select system.caseTMR}}
        {{>"systems/foundryvtt-reve-de-dragon/templates/enum-tmr-type.html"}}
        <option value="special">Case spéciale TMR (saisie ci-dessous)</option>
        {{/select}}
      </select>
    </div>
    <div class="form-group">
      <label for="system.caseTMRspeciale">Case TMR Spéciale</label>
      <input class="attribute-value" type="text" name="system.caseTMRspeciale" value="{{system.caseTMRspeciale}}" data-dtype="String"/>
    </div>
    <div class="form-group">
      <label for="system.difficulte">Difficulté</label>
      <input class="attribute-value" type="text" name="system.difficulte" value="{{system.difficulte}}" data-dtype="String"/>
    </div>
    <div class="form-group">
      <label for="system.ptreve">Coût en Rêve</label>
      <input class="attribute-value" type="text" name="system.ptreve" value="{{system.ptreve}}" data-dtype="String"/>
    </div>
    <div class="form-group">
      <label for="system.coutseuil">Coût en Seuil</label>
      <input class="attribute-value" type="text" name="system.coutseuil" value="{{system.coutseuil}}" data-dtype="Number"/>
    </div>
    <div class="form-group">
      <label for="system.isrituel">Rituel</label>
      <input class="attribute-value" type="checkbox" name="system.isrituel"  {{#if system.isrituel}}checked{{/if}} />
    </div>
    <div class="form-group">
      <label for="system.duree">Durée</label>
      <input class="attribute-value" type="text" name="system.duree" value="{{system.duree}}" data-dtype="String"/>
    </div>
    <div class="form-group">
      <label for="system.portee">Portée</label>
      <input class="attribute-value" type="text" name="system.portee" value="{{system.portee}}" data-dtype="String"/>
    </div>
    <div class="form-group">
      <label for="system.cible">Cible</label>
      <input class="attribute-value" type="text" name="system.cible" value="{{system.cible}}" data-dtype="String"/>
    </div>
    <div class="form-group">
      <label for="system.JR">Jet de Resistance</label>
      <input class="attribute-value" type="text" name="system.JR" value="{{system.JR}}" data-dtype="String"/>
    </div>
    <div class="form-group">
      <label for="system.xp">XP</label>
      <input class="attribute-value" type="text" name="system.xp" value="{{system.xp}}" data-dtype="Number"/>
    </div>
    <hr>
    <div class="form-group">
      <label class="flex-grow-2" for="caseTmrAdd">Nouveau bonus de case en</label>
      <input class="flex-grow-0-5 attribute-value" type="text" name="caseTmrAdd" value="" maxlength="7" data-dtype="String"/>
    </div>
    {{#each bonusCaseList as |caseTmr key|}}
    <div class="form-group">
      <label style="flex-grow: 5;">Bonus en {{caseTmr-label caseTmr.case}} ({{caseTmr.case}})</label>
      <input type="text" name="caseTmrCoord" value="{{caseTmr.case}}" data-dtype="String" hidden/>
      
      <input class="flex-grow-0-5 flex-group-right" type="number" name="caseTmrBonus" value="{{caseTmr.bonus}}" data-dtype="Number"/>
      <a class="flex-shrink delete-bonus-case" 
        data-deleteCoord="{{caseTmr.case}}"
        data-tooltip="Supprimer le bonus de case"><i class="fas fa-trash"></i></a>
    </div>
    {{/each}}
    <hr>
    {{>"systems/foundryvtt-reve-de-dragon/templates/partial-item-description.html"}}
  </section>
</form>