
<div class="form-group">

	<!-- Label -->
	<label class="col-sm-4 control-label">
		<span class="glyphicon glyphicon-question-sign" tooltip="{{ description }}" ng-show="isDescriptionVisible()" tooltip-append-to-body="true"></span>
		<span ng-transclude="label"></span>
	</label>

	<div class="col-sm-8" ng-switch="isEditing()">

		<!-- Static -->
		<p ng-switch-when="false" class="form-control-static">
			<span ng-transclude="value"></span>
			<span class="glyphicon glyphicon-pencil glyphicon-btn" ng-click="edit()" ng-show="isEditable()" tooltip="{{ 'editTooltip' | translate }}"></span>
		</p>

		<!-- Editing -->
		<div ng-switch-when="true" class="input-group">

			<!-- Control -->
			<div ng-transclude="editor"></div>

			<!-- Buttons -->
			<span class="input-group-btn">
				<button class="btn btn-info" type="button" ng-click="save()">
					<span class="glyphicon glyphicon-ok"></span>
				</button>
				<button class="btn btn-warning" type="button" ng-click="cancel()">
					<span class="glyphicon glyphicon-remove"></span>
				</button>
			</span>

		</div>

	</div>

</div>
