<!-- Modal for adding parameter point -->
<div id="modal-add-parameter" class="modal fade slide left" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" ng-controller="AddParameterCtrl as ctrl">
    <div class="modal-dialog">
	<div class="modal-content">
	    
	    <div class="modal-header">
		<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
		<h3 class="modal-title" id="modalLabel">Add Parameter Point</h3>
	    </div>
	    
	    <div class="modal-body">
		<form id="form-add-parameter-point" method="post" class="form-horizontal" novalidate
name="parameterForm">
		    <div id="form-data">
			
			<div ng-repeat="item in ctrl.items()">
			    
			    <div class="form-group required">
				<label class="control-label col-md-3" for="parameter-point">Coordinate:</label>
				<div class="col-md-4">
				    <input class="form-control" ng-model="item.name" id="coordinate-name" name="coordinate-name" type="textt" value="" placeholder="Name">		
				    <p class="text-muted"><small>Optional name</small></p>
				</div>	   
				
				<div class="col-md-4" ng-class="{ 'has-error': parameterForm.coordinate-value.$invalid }">
				    <input class="form-control" ng-model="item.value" id="coordinate-value" name="coordinate-value" type="text" value="" placeholder="Value" required>
				    <p class="text-muted"><small>Required value of type "float"</small></p>
				    <span ng-show="item.value.$touched && item.value.$valid">Required value</small></p>
				</div>		    		      
			    </div>
			    
			</div><!-- ng repeat -->
			
			<div class="col-md-12">
			    <button class="btn btn-success btn-xs pull-right" type="button" ng-click="ctrl.addCoordinate()"><i class="glyphicon glyphicon-remove"></i>&nbsp;Add&nbsp;Coordinate</button>
			</div>
			<br>
			
		    </div>
		</form>    
	    </div><!-- end of modal body -->
	    
	    
	    <div class="modal-footer">
		<button class="btn btn-warning pull-left" ng-click="ctrl.hideModal()" id="parameter-reject-data" type="button"><i class="glyphicon glyphicon-remove"></i>&nbsp;Cancel</button>
		<button class="btn btn-primary pull-right" ng-click="ctrl.submit()" id="parameter-accept-data" type="submit"><i class="glyphicon glyphicon-ok"></i>&nbsp;Submit</button>
	    </div>
	    
	</div><!-- end of modal data -->
    </div>
</div>
