fvtt-chroniques-de-l-etrange/templates/item/cde-kungfu-sheet.html

<form class="flexcol cde-sheet {{cssClass}}" autocomplete="off">
  <header class="cde-neon-header kungfu">
    <img class="cde-avatar" src="{{item.img}}" data-edit="img" title="{{item.name}}" />
    <div class="cde-header-content">
      <h1 class="cde-item-name">
        <input name="name" type="text" value="{{item.name}}" placeholder="{{ localize 'CDE.Name' }}" />
      </h1>
      <div class="cde-stat-grid">
        <div class="cde-stat-cell">
          <span class="cde-stat-label">{{ localize "CDE.Orientation" }}</span>
          <input type="text" name="system.kungfu.orientation" value="{{systemData.kungfu.orientation}}" placeholder="—" />
        </div>
        <div class="cde-stat-cell">
          <span class="cde-stat-label">{{ localize "CDE.Aspect" }}</span>
          <input type="text" name="system.kungfu.aspect" value="{{systemData.kungfu.aspect}}" placeholder="—" />
        </div>
        <div class="cde-stat-cell">
          <span class="cde-stat-label">{{ localize "CDE.Skill" }}</span>
          <input type="text" name="system.kungfu.skill" value="{{systemData.kungfu.skill}}" placeholder="—" />
        </div>
        <div class="cde-stat-cell">
          <span class="cde-stat-label">{{ localize "CDE.Speciality" }}</span>
          <input type="text" name="system.kungfu.speciality" value="{{systemData.kungfu.speciality}}" placeholder="—" />
        </div>
        <div class="cde-stat-cell">
          <span class="cde-stat-label">{{ localize "CDE.Reference" }}</span>
          <input type="text" name="system.reference" value="{{systemData.reference}}" placeholder="—" />
        </div>
      </div>
      <div style="margin-top:6px;">
        <span class="cde-badge kungfu">{{ localize "CDE.KungFu" }}</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="description">{{ localize "CDE.Description" }}</a>
    <a class="item" data-action="tab" data-group="primary" data-tab="technique1">{{ localize "CDE.Technique" }} 1</a>
    <a class="item" data-action="tab" data-group="primary" data-tab="technique2">{{ localize "CDE.Technique" }} 2</a>
    <a class="item" data-action="tab" data-group="primary" data-tab="technique3">{{ localize "CDE.Technique" }} 3</a>
    <a class="item" data-action="tab" data-group="primary" data-tab="notes">{{ localize "CDE.Notes" }}</a>
  </nav>

  <section class="sheet-body cde-tab-body">
    <div class="tab" data-group="primary" data-tab="description">
      <div class="cde-card cde-notes-editor">
        {{editor descriptionHTML target="system.description" button=true editable=editable engine="prosemirror"}}
      </div>
    </div>

    <div class="tab" data-group="primary" data-tab="technique1">
      <div class="cde-card cde-technique-card">
        <header class="cde-technique-header">
          <div class="cde-technique-title">
            <span class="cde-badge kungfu">T1</span>
            <input type="text" name="system.techniques.technique1.name"
              value="{{systemData.techniques.technique1.name}}"
              placeholder="{{ localize 'CDE.Technique' }}" />
          </div>
          <div class="cde-technique-meta">
            <div class="cde-check-cell">
              <label>{{ localize "CDE.Masterized" }}</label>
              <input type="checkbox" name="system.techniques.technique1.check"
                {{ checked systemData.techniques.technique1.check }} />
            </div>
            <div class="cde-stat-cell" style="min-width:140px;">
              <span class="cde-stat-label">{{ localize "CDE.Activation" }}</span>
              <input type="text" name="system.techniques.technique1.activation"
                value="{{systemData.techniques.technique1.activation}}" placeholder="—" />
            </div>
          </div>
        </header>
        <div class="cde-technique-body">
          {{editor descriptionTechnique1HTML target="system.techniques.technique1.technique" button=true editable=editable engine="prosemirror"}}
        </div>
      </div>
    </div>

    <div class="tab" data-group="primary" data-tab="technique2">
      <div class="cde-card cde-technique-card">
        <header class="cde-technique-header">
          <div class="cde-technique-title">
            <span class="cde-badge kungfu">T2</span>
            <input type="text" name="system.techniques.technique2.name"
              value="{{systemData.techniques.technique2.name}}"
              placeholder="{{ localize 'CDE.Technique' }}" />
          </div>
          <div class="cde-technique-meta">
            <div class="cde-check-cell">
              <label>{{ localize "CDE.Masterized" }}</label>
              <input type="checkbox" name="system.techniques.technique2.check"
                {{ checked systemData.techniques.technique2.check }} />
            </div>
            <div class="cde-stat-cell" style="min-width:140px;">
              <span class="cde-stat-label">{{ localize "CDE.Activation" }}</span>
              <input type="text" name="system.techniques.technique2.activation"
                value="{{systemData.techniques.technique2.activation}}" placeholder="—" />
            </div>
          </div>
        </header>
        <div class="cde-technique-body">
          {{editor descriptionTechnique2HTML target="system.techniques.technique2.technique" button=true editable=editable engine="prosemirror"}}
        </div>
      </div>
    </div>

    <div class="tab" data-group="primary" data-tab="technique3">
      <div class="cde-card cde-technique-card">
        <header class="cde-technique-header">
          <div class="cde-technique-title">
            <span class="cde-badge kungfu">T3</span>
            <input type="text" name="system.techniques.technique3.name"
              value="{{systemData.techniques.technique3.name}}"
              placeholder="{{ localize 'CDE.Technique' }}" />
          </div>
          <div class="cde-technique-meta">
            <div class="cde-check-cell">
              <label>{{ localize "CDE.Masterized" }}</label>
              <input type="checkbox" name="system.techniques.technique3.check"
                {{ checked systemData.techniques.technique3.check }} />
            </div>
            <div class="cde-stat-cell" style="min-width:140px;">
              <span class="cde-stat-label">{{ localize "CDE.Activation" }}</span>
              <input type="text" name="system.techniques.technique3.activation"
                value="{{systemData.techniques.technique3.activation}}" placeholder="—" />
            </div>
          </div>
        </header>
        <div class="cde-technique-body">
          {{editor descriptionTechnique3HTML target="system.techniques.technique3.technique" button=true editable=editable engine="prosemirror"}}
        </div>
      </div>
    </div>

    <div class="tab" data-group="primary" data-tab="notes">
      <div class="cde-card cde-notes-editor">
        {{editor notesHTML target="system.notes" button=true editable=editable engine="prosemirror"}}
      </div>
    </div>
  </section>
</form>