{{-- Widget start here --> --}}
<div class="widget">

	{{-- widget header --}}
	<div class="widget-header">
		<h3><i class="fa fa-user"></i> Selected Client: {[{clientManager.getClient().name}]}</h3>
	</div>
	{{-- end of widget header --}}

	{{-- widget content --}}
	<div class="widget-content">

		<table class="table table-condensed table-striped">
			<tbody>
				<tr>
					<td><strong>Name</strong></td>
					<td>{[{clientManager.getClient().name}]}</td>
				</tr>
				<tr>
					<td><strong>Primary Site</strong></td>
					<td>{[{clientManager.getClient().primary_site.name}]}</td>
				</tr>
				<tr>
					<td><strong>Primary Contact</strong></td>
					<td>{[{clientManager.getClient().primary_contact.first_name+' '+clientManager.getClient().primary_contact.last_name}]}</td>
				</tr>
				<tr>
					<td><strong>Contract</strong></td>
					<td>{[{clientManager.getClient().contract.name}]}</td>
				</tr>
				<tr>
					<td><strong>SLA</strong></td>
					<td>{[{clientManager.getClient().sla.name}]}</td>
				</tr>
				<tr>
					<td><strong>Website</strong></td>
					<td>{[{clientManager.getClient().website}]}</td>
				</tr>
			</tbody>
		</table>

		<div class="form-actions text-right">
			<a href="/clients/#client/{[{ clientManager.getClient().id }]}" class="btn btn-warning">
				<i class="fa fa-pencil"></i> Edit
			</a>
		</div>

	</div> {{-- end of widget content --}}

</div> {{-- end of widget --}}