ATLYSS TechPendium

exports = {
  character(options = {}) {
    const version = options.version || 'latest';

    return `
<div class="lgws-calculator lgws-calculator-character" data-calculator="character" data-version="${version}">

  <!-- ATTRIBUTES -->
  <div class="lgws-calc-section">
    <div class="lgws-calc-title">
      Attributes
    </div>

    <div class="lgws-calc-row">
      <span class="lgws-calc-label">STR</span>
      <input type="number" data-attr="strength" value="10">
    </div>

    <div class="lgws-calc-row">
      <span class="lgws-calc-label">MND</span>
      <input type="number" data-attr="mind" value="10">
    </div>

    <div class="lgws-calc-row">
      <span class="lgws-calc-label">DEX</span>
      <input type="number" data-attr="dexterity" value="10">
    </div>

    <div class="lgws-calc-row">
      <span class="lgws-calc-label">VIT</span>
      <input type="number" data-attr="vitality" value="10">
    </div>
  </div>

  <!-- EQUIPMENT -->
  <div class="lgws-calc-section">
    <div class="lgws-calc-title">
      Equipment
    </div>

    <select data-slot="weapon" class="lgws-calc-select">
      <option value="">— Weapon —</option>
    </select>

    <select data-slot="armor" class="lgws-calc-select">
      <option value="">— Armor —</option>
    </select>
  </div>

  <!-- RESULTS -->
  <div class="lgws-calc-results">
    <div class="lgws-calc-title">
      Results
    </div>

    <div data-result="attack" class="lgws-calc-result">
      Attack: —
    </div>

    <div data-result="hp" class="lgws-calc-result">
      HP: —
    </div>
  </div>

</div>
    `.trim();
  }
};