extends master.pug

block tab-content
	table#main-table.table.table-sm.table-borderless.table-striped.table-hover.sticky-header
		thead: tr.header
			+sortHeader('Name', 'name')
			+sortHeader('Type', 'type')
			+sortHeader('MP', 'mp')
			+sortHeader('Power', 'power')
			+sortHeader('Heals', 'heals')
			+sortHeader('Element', 'element')
			+sortHeader('Targets', 'targets')
			th.align-middle Effect
		tbody.data: each spell in spells
			tr(
				data-name=spell.name
				data-type=spell.type
				data-mp=spell.mp
				data-power=(spell.power || 0)
				data-heals=(spell.healingPower === 'max' ? 999 : spell.healingPower || 0)
				data-element=(spell.element || '')
				data-targets=spell.targets
			)
				td: strong= spell.name
				td= spell.type
				td= spell.mp
				td: +na(spell.power)
					code= spell.power
				td: +na(spell.healingPower)
					code= spell.healingPower
				td: +na(spell.element)= spell.element
				td= spell.targets
				td: small: em= spell.effect