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">Character</div>
<div class="lgws-calc-row"><span class="lgws-calc-label">Level</span><input type="number" data-field="level" min="1"></div>
</div>
<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"></div>
<div class="lgws-calc-row"><span class="lgws-calc-label">MND</span><input type="number" data-attr="mind"></div>
<div class="lgws-calc-row"><span class="lgws-calc-label">DEX</span><input type="number" data-attr="dexterity"></div>
<div class="lgws-calc-row"><span class="lgws-calc-label">VIT</span><input type="number" data-attr="vitality"></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 class="lgws-calc-stat" data-result="max_health">Max Health: —</div>
<div class="lgws-calc-stat" data-result="max_mana">Max Mana: —</div>
<div class="lgws-calc-stat" data-result="max_stamina">Max Stamina: —</div>
<div class="lgws-calc-stat" data-result="attack_power">Attack Power: —</div>
<div class="lgws-calc-stat" data-result="magic_power">Mgk. Power: —</div>
<div class="lgws-calc-stat" data-result="dex_power">Dex Power: —</div>
<div class="lgws-calc-stat" data-result="crit_rate">Phys. Crit %: —</div>
<div class="lgws-calc-stat" data-result="magic_crit_rate">Mgk. Crit %: —</div>
<div class="lgws-calc-stat" data-result="defense">Defense: —</div>
<div class="lgws-calc-stat" data-result="magic_defense">Mgk. Defense: —</div>
<div class="lgws-calc-stat" data-result="evasion">Evasion %: —</div>
<div class="lgws-calc-stat" data-result="move_speed">Mov Spd: 100%</div>
</div>
</div>
</div>
    `.trim();
  }
};