<div class="section">
	<div class="section-head">
		<h2 class="section-title">{{ localize 'shadowrun6.section.focus.title' }}</h2>
		<a class="item-control focus-create" title="{{localize 'shadowrun6.section.focus.add' }}"><h2 class="fas fa-plus"></h2></a>
	</div>
	<table>
		<thead>
			<tr>
				<th></th>
				<th style="text-align:left;">{{ localize 'shadowrun6.label.column.name' }}</th>
				<th style="width: 15%;">{{ localize 'shadowrun6.section.focus.column.rating' }}</th>
				<th style="width: 5%;">{{ localize 'shadowrun6.label.column.action' }}</th>
			</tr>
		</thead>
		{{#each actor.items as |item id|}}
		{{#iff item.type '==' 'focus'}}
		<tr class="item list-item draggable" data-item-id="{{item.id}}" data-uuid="{{item.uuid}}">
      		<td style="width:1rem"><button type="button" name="collapseSpell{{id}}" class="collapsible closed" data-item-id="{{this.id}}">+</button></td>
			<td>{{item.name}}</td>
			<td class="centered" style="width: 2em">{{item.system.rating}}</td>
			<td class="centered">
				<a class="item-control item-edit" title='{{localize 'shadowrun6.label.edit' }}'><i class="fas fa-edit"></i></a>
				<a class="item-control item-delete" title='{{localize 'shadowrun6.label.delete' }}'><i class="fas fa-trash"></i></a>
			</td>
		</tr>
		<tr>
			<td colspan="4">
				<div class="collapsible-content closed" style="font-size: 0.8em;">
					<div style="font-weight: bold;">{{ localize 'shadowrun6.item.description' }}</div>
					<div>{{{item.enriched.description}}}</div>
				</div>
			</td>
		</tr>
		{{/iff}}
		{{/each}}
	</table>
</div>