<section class="{{cssClass}}" autocomplete="off">
  <header class="sheet-header">
    <img class="item-sheet-img" src="{{img}}" data-action="editImage" title="{{name}}" />
    <div class="header-fields">
      <h1 class="charname"><input name="name" type="text" value="{{name}}" placeholder="Name" /></h1>
    </div>
  </header>

  {{> systems/fvtt-te-deum/templates/items/partial-item-nav.hbs}}


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

    <div class="tab description" data-group="primary" data-tab="description">
      <div class="grace-texte">
        <strong>Transmission</strong> : {{system.transmission}}
      </div>
      <div class="grace-texte">
        <strong>Symptômes</strong> : {{system.symptomes}}
      </div>
      <div class="grace-texte">
        <strong>Complications</strong> : {{system.complications}}
      </div>
      <hr>
      <div class="form-group editor">
        {{formInput systemFields.description enriched=enrichedDescription value=system.description name="system.description" toggled=true}}
      </div>
    </div>

    <div class="tab details" data-group="primary" data-tab="details">

        <h4 class="item-name-label-long">Transmission</h4>
        <div class="form-group editor">
          {{formInput systemFields.transmission enriched=enrichedTransmission value=system.transmission name="system.transmission" toggled=true}}
        </div>

        <h4 class="item-name-label-long">Symptômes</h4>
        <div class="form-group editor">
          {{formInput systemFields.symptomes enriched=enrichedSymptomes value=system.symptomes name="system.symptomes" toggled=true}}
        </div>

        <h4 class="item-name-label-long">Complications</h4>
        <div class="form-group editor">
          {{formInput systemFields.complications enriched=enrichedComplications value=system.complications name="system.complications" toggled=true}}
        </div>

        <ul>
          <li class="flexrow">
            <label class="item-name-label-long">Difficulté au test d'Endurance</label>
            <select class="" type="text" name="system.difficulteEndurance" data-dtype="String">
                {{selectOptions config.difficulte selected=system.difficulteEndurance abelAttr="label"}}
            </select>
          </li>
          <li class="flexrow">
            <label class="item-name-label-long">Virulence</label>
            <select name="system.virulence">
              {{selectOptions config.virulence selected=system.virulence labelAttr="label"}}
            </select>
          </li>
          <li class="flexrow">
            <label class="item-name-label-long">Fièvre</label>
            <select name="system.fievre">
              {{selectOptions config.fievre selected=system.fievre labelAttr="label"}}
            </select>
          </li>
          <li class="flexrow">
            <label class="item-name-label-long">Appliquée?</label>
            <input type="checkbox" name="system.appliquee" {{checked system.appliquee}} />
          </li>

        </ul>

      </div>
    </div>

  </section>
</section>