ATLYSS TechPendium

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

    return `
<div class="lgws-calculator lgws-calculator-character" data-calculator="character" data-version="${version}">
<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>
<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="weapon-mod" class="lgws-calc-select"><option value="">— Weapon Modifier —</option></select>
<select data-slot="shield" class="lgws-calc-select" data-requires="weapon:one-handed"><option value="">— Shield —</option></select>
<select data-slot="shield-mod" class="lgws-calc-select" data-requires="weapon:one-handed"><option value="">— Shield Modifier —</option></select>
<select data-slot="trinket" class="lgws-calc-select"><option value="">— Trinket —</option></select>
<select data-slot="trinket-mod" class="lgws-calc-select"><option value="">— Trinket Modifier —</option></select>
<select data-slot="helmet" class="lgws-calc-select"><option value="">— Helmet —</option></select>
<select data-slot="helmet-mod" class="lgws-calc-select"><option value="">— Helmet Modifier —</option></select>
<select data-slot="cape" class="lgws-calc-select"><option value="">— Cape —</option></select>
<select data-slot="cape-mod" class="lgws-calc-select"><option value="">— Cape Modifier —</option></select>
<select data-slot="chestpiece" class="lgws-calc-select"><option value="">— Chestpiece —</option></select>
<select data-slot="chestpiece-mod" class="lgws-calc-select"><option value="">— Chestpiece Modifier —</option></select>
<select data-slot="leggings" class="lgws-calc-select"><option value="">— Leggings —</option></select>
<select data-slot="leggings-mod" class="lgws-calc-select"><option value="">— Leggings Modifier —</option></select>
</div>
<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();
  }
};