<div id="HostEvent" class="HostEvent modal" role="dialog">
	<div class="modal-dialog">
		<div class="modal-content">
		<!-- modal body -->
		<div class="modal-body">
			<div class="HostEvent-header">
				<a class="HostEvents-status">
					<i class="fa fa-circle"  ng-class="processEventStatus(event).class"></i>
				</a>
				<span class="HostEvent-title">{{event.host_name}}</span>
				<!-- close -->
				<button ng-click="closeHostEvent()" type="button" class="close">
					<i class="fa fa-times-circle"></i>
				</button>
			</div>

			<div class="HostEvent-details">
			    <div class="HostEvent-field">
			        <span class="HostEvent-field--label">CREATED</span>
			        <span class="HostEvent-field--content">{{(event.created | longDate) || "No result found"}}</span>
			    </div>
				<div class="HostEvent-field">
			        <span class="HostEvent-field--label">ID</span>
			        <span class="HostEvent-field--content">{{event.id || "No result found"}}</span>
			    </div>
			    <div class="HostEvent-field">
			        <span class="HostEvent-field--label">PLAY</span>
			        <span class="HostEvent-field--content">{{event.play || "No result found"}}</span>
			    </div>
			    <div class="HostEvent-field">
			        <span class="HostEvent-field--label">TASK</span>
			        <span class="HostEvent-field--content">{{event.task || "No result found"}}</span>
			    </div>
			    <div class="HostEvent-field">
			        <span class="HostEvent-field--label">MODULE</span>
			        <span class="HostEvent-field--content HostEvent-field--monospaceContent">{{module_name}}</span>
			    </div>
			</div>


			<div class="HostEvent-nav">
				<!-- view navigation buttons -->
				<button ui-sref="jobz.host-event.json" type="button"
					class="btn btn-sm btn-default HostEvent-tab"
					ng-class="{'HostEvent-tab--selected' : isActiveState('jobz.host-event.json')}">
					JSON
				</button>
				<button ng-if="stdout" ui-sref="jobz.host-event.stdout"
					type="button" class="btn btn-sm btn-default HostEvent-tab"
					ng-class="{'HostEvent-tab--selected' : isActiveState('jobz.host-event.stdout')}">
					Standard Out
				</button>
				<button ng-if="stderr" ui-sref="jobz.host-event.stderr"
					type="button" class="btn btn-sm btn-default HostEvent-tab"
					ng-class="{'HostEvent-tab--selected' : isActiveState('jobz.host-event.stderr')}">
					Standard Error
				</button>

			</div>
			<div class="HostEvent-body">
			<!-- views -->
			<div class="HostEvent-view--container" ui-view></div>
			</div>

			<!-- controls -->
			<div class="HostEvent-controls">
				<button ng-click="closeHostEvent()" class="btn btn-sm btn-default HostEvent-close">Close</button>
			</div>
		</div>
		</div>
	</div>
</div>
