<div class="modal" tabindex="-1" role="dialog">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header" ng-show="title">
				<button type="button" class="close" ng-click="$hide()">&times;</button>
				<h4 class="modal-title">{{title}}</h4>
			</div>

			<form name="varTypeSelectForm" role="form" novalidate>
				<div class="modal-body" >
					<label>Select type of variable to create</label>
					<div class="form-group">
						<select class="form-control" name="type" ng-model="newVar.type" placeholder="Select variable type..." ng-options="type.value as type.name for type in variableTypes" auto-focus required> </select>
					</div>      
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" ng-disabled="varTypeSelectForm.$invalid" ng-click="$hide()" system="system" new-var="newVar" new-variable>Select</button>
					<button type="button" class="btn btn-danger" ng-click="$hide()">Cancel</button>
				</div>
			</form>
		</div>
	</div>
</div>
