<script type="text/ng-template" id="seeMessageModal.html">
	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="close()">
			<i class="ti ti-close"></i>
		</button>
		<h4 class="modal-title">Message</h4>
	</div>
	<div class="modal-body">
		<table class="table">
			<tbody>
				<tr>
					<th width="15%">From:</th>
					<td>{{_message.employee.name}}</td>
				</tr>
				<tr>
					<th>To:</th>
					<td>
						<span ng-repeat="to in _message.send_to track by $index" style="margin-right: 10px;">
							<a href="#">{{to}}</a>
						</span>
					</td>
				</tr>
				<tr>
					<th>Date:</th>
					<td>{{_message.created_at_formatted}}</td>
				</tr>
				<tr>
					<th>By:</th>
					<td>{{_message.send_by}}</td>
				</tr>
				<tr>
					<th>Subject:</th>
					<td>{{_message.subject}}</td>
				</tr>
				<tr>
					<td colspan="2">
						<div ng-bind-html="_message.description"></div>
					</td>
				</tr>
				<tr ng-if="_message.attachments.length">
					<th>Attachments:</th>
					<td>
						<div ng-repeat="attachment in _message.attachments">
							<a href="{{attachment.url}}" target="_blank">{{attachment.name}}</a>
						</div>
					</td>
				</tr>
			</tbody>
		</table>
	</div>
	<div class="modal-footer">
		<button class="btn btn-danger" ng-click="close()">
			<i class="ti ti-close" style="margin-right: 5px;"></i>
			Close
		</button>
	</div>
</script>