fvtt-chroniques-de-l-etrange/templates/actor/cde-loksyu-sheet.html

<section class="flexcol cde-sheet cde-actor {{cssClass}}">
  <header class="cde-header cde-actor-header">
    <img class="profile-img" src="{{actor.img}}" data-edit="img" title="{{actor.name}}" />
    <div class="header-fields">
      <h1 class="charname">
        <input name="name" type="text" value="{{actor.name}}" placeholder="{{ localize 'CDE.LoksyuName' }}" />
      </h1>
      <div class="cde-tag">
        <span class="cde-pill spell">{{ localize "CDE.UpperCaseLoksyu" }}</span>
        <span>Chroniques de l'Étrange</span>
      </div>
    </div>
  </header>

  <nav class="sheet-tabs tabs cde-neon-tabs" data-group="primary">
    <a class="item" data-action="tab" data-group="primary" data-tab="loksyu">{{ localize "CDE.Loksyu" }}</a>
    <a class="item" data-action="tab" data-group="primary" data-tab="description">{{ localize "CDE.Description" }}</a>
  </nav>

  <section class="sheet-body cde-tab-body">
    <div class="tab" data-group="primary" data-tab="loksyu">
      <div class="cde-loksyu-grid">

        <div class="cde-element-card cde-element--wood">
          <div class="cde-element-header">
            <img class="cde-element-img" src="systems/fvtt-chroniques-de-l-etrange/images/cde_bois.webp" alt="Bois" />
            <div class="cde-element-titles">
              <span class="cde-element-name">{{ localize "CDE.Wood" }}</span>
              <span class="cde-element-qualities">{{ localize "CDE.WoodQualities" }}</span>
            </div>
          </div>
          <div class="cde-element-values">
            <div class="cde-element-polarity cde-element-polarity--yang">
              <span class="cde-polarity-label">○ {{ localize "CDE.Yang" }}</span>
              <input type="number" min="0" name="system.wood.yang.value" value="{{systemData.wood.yang.value}}" title="{{ localize 'CDE.WoodYang' }}" />
            </div>
            <div class="cde-element-polarity cde-element-polarity--yin">
              <span class="cde-polarity-label">● {{ localize "CDE.Yin" }}</span>
              <input type="number" min="0" name="system.wood.yin.value" value="{{systemData.wood.yin.value}}" title="{{ localize 'CDE.WoodYin' }}" />
            </div>
          </div>
        </div>

        <div class="cde-element-card cde-element--fire">
          <div class="cde-element-header">
            <img class="cde-element-img" src="systems/fvtt-chroniques-de-l-etrange/images/cde_feu.webp" alt="Feu" />
            <div class="cde-element-titles">
              <span class="cde-element-name">{{ localize "CDE.Fire" }}</span>
              <span class="cde-element-qualities">{{ localize "CDE.FireQualities" }}</span>
            </div>
          </div>
          <div class="cde-element-values">
            <div class="cde-element-polarity cde-element-polarity--yang">
              <span class="cde-polarity-label">○ {{ localize "CDE.Yang" }}</span>
              <input type="number" min="0" name="system.fire.yang.value" value="{{systemData.fire.yang.value}}" title="{{ localize 'CDE.FireYang' }}" />
            </div>
            <div class="cde-element-polarity cde-element-polarity--yin">
              <span class="cde-polarity-label">● {{ localize "CDE.Yin" }}</span>
              <input type="number" min="0" name="system.fire.yin.value" value="{{systemData.fire.yin.value}}" title="{{ localize 'CDE.FireYin' }}" />
            </div>
          </div>
        </div>

        <div class="cde-element-card cde-element--earth">
          <div class="cde-element-header">
            <img class="cde-element-img" src="systems/fvtt-chroniques-de-l-etrange/images/cde_terre.webp" alt="Terre" />
            <div class="cde-element-titles">
              <span class="cde-element-name">{{ localize "CDE.Earth" }}</span>
              <span class="cde-element-qualities">{{ localize "CDE.EarthQualities" }}</span>
            </div>
          </div>
          <div class="cde-element-values">
            <div class="cde-element-polarity cde-element-polarity--yang">
              <span class="cde-polarity-label">○ {{ localize "CDE.Yang" }}</span>
              <input type="number" min="0" name="system.earth.yang.value" value="{{systemData.earth.yang.value}}" title="{{ localize 'CDE.EarthYang' }}" />
            </div>
            <div class="cde-element-polarity cde-element-polarity--yin">
              <span class="cde-polarity-label">● {{ localize "CDE.Yin" }}</span>
              <input type="number" min="0" name="system.earth.yin.value" value="{{systemData.earth.yin.value}}" title="{{ localize 'CDE.EarthYin' }}" />
            </div>
          </div>
        </div>

        <div class="cde-element-card cde-element--metal">
          <div class="cde-element-header">
            <img class="cde-element-img" src="systems/fvtt-chroniques-de-l-etrange/images/cde_metal.webp" alt="Métal" />
            <div class="cde-element-titles">
              <span class="cde-element-name">{{ localize "CDE.Metal" }}</span>
              <span class="cde-element-qualities">{{ localize "CDE.MetalQualities" }}</span>
            </div>
          </div>
          <div class="cde-element-values">
            <div class="cde-element-polarity cde-element-polarity--yang">
              <span class="cde-polarity-label">○ {{ localize "CDE.Yang" }}</span>
              <input type="number" min="0" name="system.metal.yang.value" value="{{systemData.metal.yang.value}}" title="{{ localize 'CDE.MetalYang' }}" />
            </div>
            <div class="cde-element-polarity cde-element-polarity--yin">
              <span class="cde-polarity-label">● {{ localize "CDE.Yin" }}</span>
              <input type="number" min="0" name="system.metal.yin.value" value="{{systemData.metal.yin.value}}" title="{{ localize 'CDE.MetalYin' }}" />
            </div>
          </div>
        </div>

        <div class="cde-element-card cde-element--water">
          <div class="cde-element-header">
            <img class="cde-element-img" src="systems/fvtt-chroniques-de-l-etrange/images/cde_eau.webp" alt="Eau" />
            <div class="cde-element-titles">
              <span class="cde-element-name">{{ localize "CDE.Water" }}</span>
              <span class="cde-element-qualities">{{ localize "CDE.WaterQualities" }}</span>
            </div>
          </div>
          <div class="cde-element-values">
            <div class="cde-element-polarity cde-element-polarity--yang">
              <span class="cde-polarity-label">○ {{ localize "CDE.Yang" }}</span>
              <input type="number" min="0" name="system.water.yang.value" value="{{systemData.water.yang.value}}" title="{{ localize 'CDE.WaterYang' }}" />
            </div>
            <div class="cde-element-polarity cde-element-polarity--yin">
              <span class="cde-polarity-label">● {{ localize "CDE.Yin" }}</span>
              <input type="number" min="0" name="system.water.yin.value" value="{{systemData.water.yin.value}}" title="{{ localize 'CDE.WaterYin' }}" />
            </div>
          </div>
        </div>

      </div>

      <div class="cde-loksyu-visual-row">
        <img class="loksyu-visual" src="systems/fvtt-chroniques-de-l-etrange/images/loksyu_long.webp" title="Loksyu — Roue des Cinq Éléments" alt="Loksyu" />
      </div>
    </div>

    <div class="tab" data-group="primary" data-tab="description">
      <div class="cde-card cde-notes-editor">
        {{formInput systemFields.description enriched=descriptionHTML value=system.description name="system.description" toggled=true}}
      </div>
    </div>
  </section>
</section>