<div class="section" style="display: inline-block; width:100%">
 <div class="section-head">
	<h2 class="section-title">{{ localize 'shadowrun6.section.contacts.title' }}</h2>
	<a class="item-control contact-create" title="{{localize 'shadowrun6.section.contacts.add' }}">
		<h2 class="fas fa-plus"></h2>
	</a>
</div>
<table>
	<thead>
		<tr>
		  <th style="width: 8em; text-align:left">{{ localize 'shadowrun6.label.column.nameAnimate' }}</th>
		  <th style="width: 3em">{{ localize 'shadowrun6.contact.type' }}</th>
		  <th style="width: 1em">{{ localize 'shadowrun6.contact.rating_short' }}</th>
		  <th style="width: 1em">{{ localize 'shadowrun6.contact.loyalty_short' }}</th>
		  <th style="width: 1em">{{localize 'shadowrun6.contact.favors_short'}}</th>
		  <th style="width: 1em"><i class="fa-solid fa-phone-volume" title="{{localize 'shadowrun6.contact.legwork'}}"></i></th>
		  <th style="width: 2em">{{ localize 'shadowrun6.label.column.action' }}</th>
		</tr>
	  </thead>
		{{#each actor.items as |item id|}}
		{{#iff item.type '==' 'contact'}}
		<tr class="item list-item" data-item-id="{{item.id}}">
			<td>{{item.name}}</td>
			<td class="centered">{{item.system.type}}</td>
			<td class="centered">{{item.system.rating}}</td>
			<td class="centered">{{item.system.loyalty}}</td>
			<td class="centered"><input name="contactFavors{{id}}" type="number" value="{{item.system.favors}}" data-field="system.favors" class="box" /></td>
			<td class="centered" style="font-size: 16px;"><a class="item-control legwork-roll" data-connection="{{item.system.rating}}" data-loyalty="{{item.system.loyalty}}" data-contact="{{item.name}}" data-roll-id="legwork"><i class="fas fa-dice-six" title="{{localize 'shadowrun6.contact.legwork'}}"></i></a></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>
		{{/iff}}
		{{/each}}
</table>
</div>