<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="ifActionForm" role="form" novalidate>
				<div class="modal-body" >
					<div class="form-group">
						<div>
							<label for="variable-name">Variable: {{sfunc.variable.name}}</label>
						</div>

						<div ng-if="0 == sfunc.variable.type">
							<div class="radio">
								<div class="row">
									<div class="col-xs-5">
										<label>
											<input type="radio" name="true" ng-model="sfunc.cond.value" value="1" class="ng-pristine ng-valid" required> True
										</label>
									</div>
									<div class="col-xs-5">
										<label>
											<input type="radio" name="false" ng-model="sfunc.cond.value" value="0" class="ng-pristine ng-valid" required> False
										</label>
									</div>
								</div>
							</div>
						</div>

						<div ng-if="1 == sfunc.variable.type">
							<div class="margin-top-md">
								Value: <input id="var-string-value" class="form-control" type="text" name="varStringValue" placeholder="Enter string" ng-model="sfunc.cond.value" ng-maxlength="256" required>
								<p class="help-block" ng-show="ifActionForm.varStringValue.$error.required && ifActionForm.varStringValue.$dirty">A valid value is required.</p>
								<p class="help-block" ng-show="ifActionForm.varStringValue.$error.maxlength && ifActionForm.varStringValue.$dirty">The value cannot be longer than 256 
							</div>
							<div class="margin-top-md">
								Compare: <button type="button" class="btn btn-default" ng-model="sfunc.cond.operate" ng-options="op for op in opStrTypes" bs-select>  <span class="caret"></span></button>
							</div>      
						</div>

						<div ng-if="2 == sfunc.variable.type">
							<div class="margin-top-md">
								Value: <input id="var-int-value" class="form-control" type="number" name="varIntValue" placeholder="Enter numeric value" ng-model="sfunc.cond.value" min="-2147483648" max="2147483647" ng-maxlength="11" required>
								<p class="help-block" ng-show="ifActionForm.varIntValue.$error.required && ifActionForm.varIntValue.$dirty">A valid value is required.</p>
								<p class="help-block" ng-show="ifActionForm.varIntValue.$error.maxlength && ifActionForm.varIntValue.$dirty">The value cannot be longer than 11 characters.</p>
							</div>
							<div class="margin-top-md">
								Compare: <button type="button" class="btn btn-default" ng-model="sfunc.cond.operate" ng-options="op for op in opIntTypes" bs-select>  <span class="caret"></span></button>
							</div>
						</div>

					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" ng-disabled="ifActionForm.$invalid" ng-click="addStep()">Set</button>
					<button type="button" class="btn btn-danger" ng-click="$hide()">Cancel</button>
				</div>
			</form>
		</div>
	</div>
</div>
