extends master.pug

block tab-content
	div.table-responsive: table.table.table-sm.table-borderless.table-striped.table-hover
		thead: tr
			+sortHeader('Name')
			+sortHeader('Type')
			+sortHeader('MP')
			+sortHeader('Power')
			+sortHeader('Heals')
			+sortHeader('Element')
			+sortHeader('Targets')
			th Effect
		tbody: each spell in spells
			tr
				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