extends master.pug

block tab-content
	div.row: div.col-12: div.table-responsive
		table.table.table-sm.table-borderless.table-hover.table-striped
			thead: tr
				+sortHeader('Name')
				+sortHeader('Cost')
				th.align-middle Effect
				th.align-middle Locations
			tbody: each item in items
				tr(
					data-name=item.name
					data-cost=item.cost
				)
					td: strong= item.name
					td.text-right: code= item.cost.toLocaleString()
					td: em= item.effect
					td: ul.list-horizontal
						each location in item.locations
							li= location