<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="functionSelectForm" role="form" novalidate>
				<div class="modal-body" >
					<label>Select a variable</label>
					<div class="form-group">
						<p>Variables</p>
						<select class="form-control" name="variable" ng-model="sfunc.variable" placeholder="Select a variable..." ng-options="var as var.name for var in variables" auto-focus required> </select>
					</div>      
				</div>
				<div class="modal-footer">
					<div class="row">
						<div class="col-sm-5">
							<button type="button" class="btn btn-primary" ng-click="$hide()" system="system" select-variable-type>Add new</button>
							<button type="button" class="btn btn-danger" ng-disabled="functionSelectForm.$invalid" ng-click="$hide()" system="system" steps="steps" variable="sfunc.variable" delete-variable>Delete</button>
						</div>
						<div class="col-sm-7">
							<button type="button" class="btn btn-primary" ng-disabled="functionSelectForm.$invalid" ng-click="$hide()" steps="steps" sfunc="sfunc" add-special-function>Select</button>
							<button type="button" class="btn btn-danger" ng-click="$hide()">Cancel</button>
						</div>
					</div>
				</div>
			</form>
		</div>
	</div>
</div>
