{{#if devices}}
<div id="trustedDevices" class="panel panel-default">
<div class="panel-heading" role="tab" id="trustedDeviceCollapseHeading">
<h4 class="panel-title collapse-title">
<a data-toggle="collapse" href="#trustedDeviceCollapse" aria-expanded="true" aria-controls="trustedDeviceCollapseHeading" class="">{{t "openam.trusted.devices.header"}}</a>
</h4>
</div>
<div id="trustedDeviceCollapse" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="trustedDeviceCollapse" aria-expanded="true">
<div class="panel-body">
<div class="table-container">
<table id="trustedDevicesTable" class="table">
<thead>
<th id="trustedDevicesDeviceName" class="col-md-7" scope="col">{{t "openam.trusted.devices.deviceName"}}</th>
<th id="trustedDevicesLastUsed" class="col-md-3" scope="col">{{t "openam.trusted.devices.lastUsed"}}</th>
<th id="trustedDevicesDeleteBtn" class="col-md-2" scope="col"></th>
</thead>
<tbody>
{{#each devices}}
<tr id="trustedDevice_{{@index}}">
<td>{{this.name}}</td>
<td>{{this.lastSelectedDate}}</td>
<td>
<div class="pull-right">
<a href="#" class="deleteDevice" id="{{this.uuid}}" role="button"
data-toggle="tooltip" title="{{t 'openam.trusted.devices.deleteDevice'}}">
<i class="fa fa-times" aria-hidden="true"></i>
<span class="sr-only">{{t 'openam.trusted.devices.deleteDevice'}}</span>
</div>
</td>
</tr>
{{/each}}
</tbody>
</table>
</div>
</div>
</div>
</div>
{{/if}}