fvtt-prism-rpg/templates/character-subattributes-old.hbs

<section class="character-subattributes tab" data-group="sheet" data-tab="subattributes">
  {{log "character-subattributes" this}}

  <div class="subattributes-content">
    <h2 class="section-header">
      <i class="fa-solid fa-diagram-project"></i>
      Sub-Attributes
    </h2>
    <p class="section-description">
      Sub-attributes are derived from the average of two primary characteristics.
    </p>

    <div class="subattributes-list">
      {{#each (entries config.SUB_ATTRIBUTES) as |entry|}}
        {{#with entry.1 as |subAttr|}}
          <div class="subattribute-item">
            <div class="subattribute-header">
              <div class="subattribute-name">
                <i class="fa-solid fa-circle-nodes"></i>
                <span>{{localize subAttr.label}}</span>
              </div>
              <div class="subattribute-value">
                <input
                  type="text"
                  value="{{lookup ../system.subAttributes subAttr.id 'value'}}"
                  disabled
                  readonly
                />
              </div>
            </div>
            <div class="subattribute-details">
              <div class="subattribute-parents">
                <span class="parent-label">From:</span>
                {{#each subAttr.parents as |parentKey|}}
                  <span class="parent-char">
                    {{uppercase parentKey}}
                    ({{lookup ../../system.characteristics parentKey 'value'}})
                  </span>
                {{/each}}
              </div>
              <div class="subattribute-description">
                {{localize subAttr.description}}
              </div>
            </div>
          </div>
        {{/with}}
      {{/each}}
    </div>
  </div>
</section>

  <div class="subattributes-wrapper">
    {{! Character Header with Age, Length, Weight, Sex, Skin, Hair }}
    <div class="character-bio-header">
      <div class="bio-row">
        <div class="bio-field">
          <label>Age</label>
          {{formInput
            systemFields.bio.fields.age
            value=system.bio.age
            disabled=isPlayMode
          }}
        </div>
        <div class="bio-field">
          <label>Length</label>
          {{formInput
            systemFields.bio.fields.length
            value=system.bio.length
            disabled=isPlayMode
          }}
        </div>
        <div class="bio-field">
          <label>Weight</label>
          {{formInput
            systemFields.bio.fields.weight
            value=system.bio.weight
            disabled=isPlayMode
          }}
        </div>
      </div>
      <div class="bio-row">
        <div class="bio-field">
          <label>Sex</label>
          {{formInput
            systemFields.bio.fields.sex
            value=system.bio.sex
            disabled=isPlayMode
          }}
        </div>
        <div class="bio-field">
          <label>Skin</label>
          {{formInput
            systemFields.bio.fields.skin
            value=system.bio.skin
            disabled=isPlayMode
          }}
        </div>
        <div class="bio-field">
          <label>Hair</label>
          {{formInput
            systemFields.bio.fields.hair
            value=system.bio.hair
            disabled=isPlayMode
          }}
        </div>
      </div>
    </div>

    {{! Sub-Attributes Table }}
    <div class="subattributes-section">
      <h3 class="section-title">Sub-Attribute</h3>
      <div class="subattributes-table">
        <div class="subattr-column">
          <div class="subattr-header">Prowess</div>
          <div class="subattr-cell">
            {{formInput
              systemFields.subattributes.fields.prowess
              value=system.subattributes.prowess
              disabled=isPlayMode
            }}
          </div>
          <div class="subattr-header">Vigor</div>
          <div class="subattr-cell">
            {{formInput
              systemFields.subattributes.fields.vigor
              value=system.subattributes.vigor
              disabled=isPlayMode
            }}
          </div>
          <div class="subattr-header">Competence</div>
          <div class="subattr-cell">
            {{formInput
              systemFields.subattributes.fields.competence
              value=system.subattributes.competence
              disabled=isPlayMode
            }}
          </div>
          <div class="subattr-header">Authority</div>
          <div class="subattr-cell">
            {{formInput
              systemFields.subattributes.fields.authority
              value=system.subattributes.authority
              disabled=isPlayMode
            }}
          </div>
          <div class="subattr-header">Presence</div>
          <div class="subattr-cell">
            {{formInput
              systemFields.subattributes.fields.presence
              value=system.subattributes.presence
              disabled=isPlayMode
            }}
          </div>
        </div>

        <div class="subattr-column">
          <div class="subattr-header">Willpower</div>
          <div class="subattr-cell">
            {{formInput
              systemFields.subattributes.fields.willpower
              value=system.subattributes.willpower
              disabled=isPlayMode
            }}
          </div>
          <div class="subattr-header">Resilience</div>
          <div class="subattr-cell">
            {{formInput
              systemFields.subattributes.fields.resilience
              value=system.subattributes.resilience
              disabled=isPlayMode
            }}
          </div>
          <div class="subattr-header">Cunning</div>
          <div class="subattr-cell">
            {{formInput
              systemFields.subattributes.fields.cunning
              value=system.subattributes.cunning
              disabled=isPlayMode
            }}
          </div>
          <div class="subattr-header">Guile</div>
          <div class="subattr-cell">
            {{formInput
              systemFields.subattributes.fields.guile
              value=system.subattributes.guile
              disabled=isPlayMode
            }}
          </div>
          <div class="subattr-header">Sovereignty</div>
          <div class="subattr-cell">
            {{formInput
              systemFields.subattributes.fields.sovereignty
              value=system.subattributes.sovereignty
              disabled=isPlayMode
            }}
          </div>
        </div>

        <div class="subattr-column">
          <div class="subattr-header">Stamina</div>
          <div class="subattr-cell">
            {{formInput
              systemFields.subattributes.fields.stamina
              value=system.subattributes.stamina
              disabled=isPlayMode
            }}
          </div>
          <div class="subattr-header">Initiative</div>
          <div class="subattr-cell">
            {{formInput
              systemFields.subattributes.fields.initiative
              value=system.subattributes.initiative
              disabled=isPlayMode
            }}
          </div>
          <div class="subattr-header">Wit</div>
          <div class="subattr-cell">
            {{formInput
              systemFields.subattributes.fields.wit
              value=system.subattributes.wit
              disabled=isPlayMode
            }}
          </div>
          <div class="subattr-header">Grace</div>
          <div class="subattr-cell">
            {{formInput
              systemFields.subattributes.fields.grace
              value=system.subattributes.grace
              disabled=isPlayMode
            }}
          </div>
          <div class="subattr-header">Tenacity</div>
          <div class="subattr-cell">
            {{formInput
              systemFields.subattributes.fields.tenacity
              value=system.subattributes.tenacity
              disabled=isPlayMode
            }}
          </div>
        </div>
      </div>
    </div>

    {{! Proficiencies Section }}
    <div class="proficiencies-section">
      <h3 class="section-title">Proficiencies</h3>
      <div class="proficiencies-box">
        {{formInput
          systemFields.proficiencies
          value=system.proficiencies
          disabled=isPlayMode
          type="textarea"
        }}
      </div>
    </div>
  </div>
</section>