<div class="modal-header">
	<h3 class="modal-title">{{ 'tdTitle' | translate }}</h3>
</div>
<div class="modal-body">

	<form class="form-horizontal" role="form">

		<!-- Id -->
		<div class="form-group">
			<label class="col-sm-3 control-label">Id</label>
			<div class="col-sm-9">
				<p class="form-control-static">{{ model.id }}</p>
			</div>
		</div>

		<!-- Date -->
		<div class="form-group">
			<label class="col-sm-3 control-label">{{ 'date' | translate }}</label>
			<div class="col-sm-9">
				<p class="form-control-static">{{ model.date | date: 'yyyy-MM-dd HH:mm:ss' }}</p>
			</div>
		</div>

		<!-- Type -->
		<div class="form-group">
			<label class="col-sm-3 control-label">{{ 'tdType' | translate }}</label>
			<div class="col-sm-9">
				<p class="form-control-static">{{ 'transactionTypes_' + model.type | translate }}</p>
			</div>
		</div>

		<!-- Success -->
		<div class="form-group">
			<label class="col-sm-3 control-label">{{ 'tdSuccess' | translate }}</label>
			<div class="col-sm-9">
				<p class="form-control-static">
					<i class="glyphicon glyphicon-ok" style="color: green" ng-show="model.success === true"></i>
					<i class="glyphicon glyphicon-remove" style="color: red" ng-show="model.success === false"></i>
				</p>
			</div>
		</div>

		<!-- Details -->
		<div class="form-group">
			<label class="col-sm-3 control-label">
				<span class="glyphicon glyphicon-question-sign" tooltip="{{ 'tdDetailsTooltip' | translate }}" tooltip-append-to-body="true"></span>
				<span>{{ 'tdDetails' | translate }}</span>
			</label>
			<div class="col-sm-9">
				<p class="form-control-static">{{ model.details }}</p>
			</div>
		</div>

	</form>

</div>
<div class="modal-footer">
	<button class="btn btn-primary" ng-click="close()">{{ 'close' | translate }}</button>
</div>
