<div class="modal-header">
	<h3 class="modal-title">{{ 'tspdTitle' | translate }}</h3>
</div>
<div class="modal-body">
	
	<form class="form-horizontal" role="form">

		<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>

		<div class="form-group">
			<label class="col-sm-3 control-label">{{ 'name' | translate }}</label>
			<div class="col-sm-9">
				<p ng-hide="renaming" class="form-control-static">
					{{model.name}}
					<button class="btn btn-default btn-xs" type="button" ng-click="rename()">{{ 'change' | translate }}</button>
				</p>
				<div ng-show="renaming" class="input-group">
					<input type="text" class="form-control" ng-model="newName">
					<span class="input-group-btn">
						<button class="btn btn-primary" type="button" ng-click="renameConfirm()">{{ 'ok' | translate }}</button>
						<button class="btn btn-default" type="button" ng-click="renameCancel()">{{ 'cancel' | translate }}</button>
					</span>
				</div>
			</div>
		</div>

	</form>

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