{% verbatim %}					<span ng-controller="constantscontroller" data-ng-init="openNav('wizard_1')">

<div id="wizard_1" class="overlay" style="z-index:999;"  ng-if="showOverlay==true">

  <!-- Button to close the overlay navigation -->
    <!-- Overlay content -->
  <div class="overlay-content">
  <a  class="closebtn fa fa-times-circle-o fa-3x cursor" ng-click="closeNav('wizard_1')"></a>
  
   <img src ="/oc/oc/static/images/configure.png" style="height:100%;width:100%;" class="img-responsive" >
   
   <a  class="gotbtn cursor" ng-click="GotNav('wizard_1')" style="left:30px;"><button class="btn black-b-overlay left">I got it</button></a>
  
  
  </div>

</div>

</span>
			<div class="col-sm-12 col-lg-12 col-xl-12 col-md-12 col-xs-12 " >
				<div class="tab-content" id="tabs">
					<div class="tab-pane active" id="configure" style="margin-top:1%">
					
						<div class="configure-new-collection" >
							<h5> {{configureNewCollection}} </h5>
							
							 <form>					  
							
							  <label  class="radio-inline">
							  <input id="other" type="radio" name="content" ng-model="content" value="other" ng-click="getDeviceSolutions();">{{deviceBased}}</label>
							  <label  class="radio-inline" >
							  <input id="first" type="radio" name="content" ng-model="content" value="first" ng-click="getConfigureDetails();">{{solutionBased}}</label>

							</form>
							</div>
							
							
							  <span ng-show="content == 'first'">
							  <form name="configureForm" style="width:100%;height:100%"  >
							  
							  <div class="wrapper" >
							  
							  <div id = "configure-solution" class="configure-solution col-sm-12 col-lg-12 col-xl-12 col-md-12 col-xs-12" block-ui="myFormBlockUI" style="margin-bottom: 5%;" >
							
								<h5> {{configureSolution}} </h5>
								<br/>
							<div style="height:20%;">
							<div class="col-sm-12 col-lg-12 col-xl-12 col-md-12 col-xs-12 marginSpace" >
								<div class="left col-sm-3 col-lg-3 col-xl-3 col-md-3 col-xs-3 form-group">
								
								<label class="radio-inline bold col-sm-4 col-lg-4 col-xl-4 col-md-4 col-xs-4">{{profileTextName}}</label>
									<select name="person" ng-options="person.profile_id as person.title for person in profilesData" ng-model="profile_id" ng-change="changedValue(profile_id)" class="text-overFlowP col-sm-8 col-lg-8 col-xl-8 col-md-8 col-xs-8 padding0">
									</select>
								</div>
								
								<div class="left col-sm-4 col-lg-4 col-xl-4 col-md-4 col-xs-4 form-group" ng-if="personasData" >
									<label class="radio-inline bold col-sm-4 col-lg-4 col-xl-4 col-md-4 col-xs-4">{{personaTextName}}</label>
									<select name="persona" ng-options="persona.persona_id as persona.name | capitalize for persona in personasData" ng-model="persona_id" ng-selected = "persona_id"  class="text-overFlowP col-sm-8 col-lg-8 col-xl-8 col-md-8 col-xs-8 padding0" ng-change="changePersona(persona_id)"></select>										
								</div>
								
								<div class="nexus pull-left left col-sm-5 col-lg-5 col-xl-5 col-md-5 col-xs-5 form-group" ng-if="subprofilesData">
								<label class="radio-inline bold col-sm-4 col-lg-4 col-xl-4 col-md-4 col-xs-4">{{subProfileTextName | capitalize}}</label>
							
								<select name="personprofile"  ng-options="subperson.id as subperson.title | capitalize for subperson in subprofilesData" ng-model="subprofile_id" ng-change="changedValueSubProfiles(subprofile_id)"  class="text-overFlow1 col-sm-6 col-lg-6 col-xl-6 col-md-6 col-xs-6 padding0"></select>
																
									
								<i ng-if="subprofilesData" ng-controller="PopupDesc" class=" glyphicon glyphicon-info-sign col-lg-2 col-xs-2 col-sm-2 col-md-2" ng-click="open(subProfileTitle,subProfileDescription)">										
										
									</i></div>
							
							</div>
							<div class="clear"><br /></div>		
							
							<div class="col-sm-12 col-lg-12 col-xl-12 col-md-12 col-xs-12 marginSpace" style="height:48%;overflow-y:auto;">						
							<div ng-repeat = "subCombo in subprofilesNextData" class="col-sm-6 col-lg-6 col-xl-6 col-md-6 col-xs-6 form-group" >
								<div class="" >
									<label class="radio-inline bold text-overFlow col-sm-6 col-lg-6 col-xl-6 col-md-6 col-xs-6">{{subCombo.title}}</label>												
										<select name="subItems"  class="text-overFlow col-sm-6 col-lg-6 col-xl-6 col-md-6 col-xs-6" ng-options="subitems.next_id as subitems.name for subitems in subCombo.Item_list" data-ng-model="nextid[$index]" ng-change="changedValueNextSubProfiles(nextid[$index], $index,subCombo.name)" id="combo_{{nextid[$index]}}" ></select>										
								</div>
							</div>
							</div>
							</div>
							<div style="">
						
							   <span class="bulkUpdateClass">
   <a  ng-disabled="!subprofilesFormData || subprofilesFormData=='error'"  ng-click="openAutoFormSolutions();" class="right"><span class="family cursor" uib-tooltip="{{bulkEditToolTip}}" tooltip-placement="bottom">{{bulkEdit}}</span></a>
							  </span>
								<hr/>	
							
							<div class="bold formText" fullscreen-block style="width:100%;">	 						
							<div class="panels scrollbar col-sm-12 col-lg-12 col-xl-12 col-md-12 col-xs-12 padding0 " id="showFormPanel" style="overflow-y:auto;height:50%;" ng-if="subprofilesFormData!='error'" >		

<div  class="col-sm-4 col-lg-4 col-xl-4 col-md-4 col-xs-4 padding0">
<fieldset  name = "componentForm" data-ng-repeat="subForms in subprofilesFormData " class="panels1 pull-left" ng-class="fullScreenOff" ng-if="($index % 3) == 0">
						<h5>{{subForms.title}}</h5>
								
								<div ng-repeat="(key, value) in subForms.fields | orderObjectBy:'order':false" ng-init="mName = value.id">
								
								<input type="text" style="display:none">
								<input type="password" style="display:none">
								<input type="hidden" ng-model="form[value.cid].category" ng-init="form[value.cid].category = subForms.category" >
								<span ng-if="value.size>1" >
								
								<input type="{{value.type}}" class="form-control" name="{{value.id}}_{{subForms.component_id}}"  
								ng-required='subForms.is_optional' ng-model="form[value.cid][mName]" 
								placeholder="{{value.tooltip}}"
								ng-class="{ 'has-error' : configureForm.{{value.id}}_{{subForms.component_id}}.$invalid &&
								!configureForm.{{value.id}}_{{subForms.component_id}}.$pristine }" 
								ng-init="form[value.cid][mName] = value.default" ng-if="value.type=='text' || value.type=='password'" >
								
								<input type="{{value.type}}" class="form-control" name="{{value.id}}_{{subForms.component_id}}"  
								ng-required='subForms.is_optional' ng-model="form[value.cid][mName]" 
								placeholder="{{value.tooltip}}"
								ng-class="{ 'has-error' : configureForm.{{value.id}}_{{subForms.component_id}}.$invalid &&
								!configureForm.{{value.id}}_{{subForms.component_id}}.$pristine }" 
								ng-init="form[value.cid][mName] = value.default" min="{{value.min}}" max="{{value.max}}" 
								ng-if="value.type=='number'" only-num >
								</span>
																						
								<span ng-if="value.size==1">
								<input type="{{value.type}}" class="form-control-size" name="{{value.id}}_{{subForms.component_id}}"  
								ng-required='subForms.is_optional' ng-model="form[value.cid][mName]" 
								placeholder="{{value.tooltip}}"
								ng-class="{ 'has-error' : configureForm.{{value.id}}_{{subForms.component_id}}.$invalid &&
								!configureForm.{{value.id}}_{{subForms.component_id}}.$pristine }" 
								ng-init="form[value.cid][mName] = value.default" ng-if="value.type=='text' || value.type=='password'">
								
								<input type="{{value.type}}" class="form-control-size" name="{{value.id}}_{{subForms.component_id}}"  
								ng-required='subForms.is_optional' ng-model="form[value.cid][mName]" 
								placeholder="{{value.tooltip}}"
								ng-class="{ 'has-error' : configureForm.{{value.id}}_{{subForms.component_id}}.$invalid &&
								!configureForm.{{value.id}}_{{subForms.component_id}}.$pristine }" 
								ng-init="form[value.cid][mName] = value.default" min="{{value.min}}" max="{{value.max}}" 
								ng-if="value.type=='number'" only-num step="any" >	</span>							
								
								</div>
									
								</fieldset></div>
<div  class="col-sm-4 col-lg-4 col-xl-4 col-md-4 col-xs-4 ">
<fieldset  name = "componentForm" data-ng-repeat="subForms in subprofilesFormData " class="panels1 pull-left" ng-class="fullScreenOff" ng-if="($index % 3) == 1">
							<h5>{{subForms.title}}</h5>
								
								<div ng-repeat="(key, value) in subForms.fields | orderObjectBy:'order':false" ng-init="mName = value.id">
								
								<input type="text" style="display:none">
								<input type="password" style="display:none">
								<input type="hidden" ng-model="form[value.cid].category" ng-init="form[value.cid].category = subForms.category" >
								<span ng-if="value.size>1" >
								
								<input type="{{value.type}}" class="form-control" name="{{value.id}}_{{subForms.component_id}}"  
								ng-required='subForms.is_optional' ng-model="form[value.cid][mName]" 
								placeholder="{{value.tooltip}}"
								ng-class="{ 'has-error' : configureForm.{{value.id}}_{{subForms.component_id}}.$invalid &&
								!configureForm.{{value.id}}_{{subForms.component_id}}.$pristine }" 
								ng-init="form[value.cid][mName] = value.default" ng-if="value.type=='text' || value.type=='password'" >
								
								<input type="{{value.type}}" class="form-control" name="{{value.id}}_{{subForms.component_id}}"  
								ng-required='subForms.is_optional' ng-model="form[value.cid][mName]" 
								placeholder="{{value.tooltip}}"
								ng-class="{ 'has-error' : configureForm.{{value.id}}_{{subForms.component_id}}.$invalid &&
								!configureForm.{{value.id}}_{{subForms.component_id}}.$pristine }" 
								ng-init="form[value.cid][mName] = value.default" min="{{value.min}}" max="{{value.max}}" 
								ng-if="value.type=='number'" only-num >
								</span>
																						
								<span ng-if="value.size==1">
								<input type="{{value.type}}" class="form-control-size" name="{{value.id}}_{{subForms.component_id}}"  
								ng-required='subForms.is_optional' ng-model="form[value.cid][mName]" 
								placeholder="{{value.tooltip}}"
								ng-class="{ 'has-error' : configureForm.{{value.id}}_{{subForms.component_id}}.$invalid &&
								!configureForm.{{value.id}}_{{subForms.component_id}}.$pristine }" 
								ng-init="form[value.cid][mName] = value.default" ng-if="value.type=='text' || value.type=='password'">
								
								<input type="{{value.type}}" class="form-control-size" name="{{value.id}}_{{subForms.component_id}}"  
								ng-required='subForms.is_optional' ng-model="form[value.cid][mName]" 
								placeholder="{{value.tooltip}}"
								ng-class="{ 'has-error' : configureForm.{{value.id}}_{{subForms.component_id}}.$invalid &&
								!configureForm.{{value.id}}_{{subForms.component_id}}.$pristine }" 
								ng-init="form[value.cid][mName] = value.default" min="{{value.min}}" max="{{value.max}}" 
								ng-if="value.type=='number'" only-num step="any" >	</span>							
								
								</div>
									
								</fieldset></div>
<div  class="col-sm-4 col-lg-4 col-xl-4 col-md-4 col-xs-4 paddingLeft0">
<fieldset  name = "componentForm" data-ng-repeat="subForms in subprofilesFormData " class="panels1 pull-left" ng-class="fullScreenOff" ng-if="($index % 3) == 2">
<h5>{{subForms.title}}</h5>
								
								<div ng-repeat="(key, value) in subForms.fields | orderObjectBy:'order':false" ng-init="mName = value.id">
								
								<input type="text" style="display:none">
								<input type="password" style="display:none">
								<input type="hidden" ng-model="form[value.cid].category" ng-init="form[value.cid].category = subForms.category" >
								<span ng-if="value.size>1" >
								
								<input type="{{value.type}}" class="form-control" name="{{value.id}}_{{subForms.component_id}}"  
								ng-required='subForms.is_optional' ng-model="form[value.cid][mName]" 
								placeholder="{{value.tooltip}}"
								ng-class="{ 'has-error' : configureForm.{{value.id}}_{{subForms.component_id}}.$invalid &&
								!configureForm.{{value.id}}_{{subForms.component_id}}.$pristine }" 
								ng-init="form[value.cid][mName] = value.default" ng-if="value.type=='text' || value.type=='password'" >
								
								<input type="{{value.type}}" class="form-control" name="{{value.id}}_{{subForms.component_id}}"  
								ng-required='subForms.is_optional' ng-model="form[value.cid][mName]" 
								placeholder="{{value.tooltip}}"
								ng-class="{ 'has-error' : configureForm.{{value.id}}_{{subForms.component_id}}.$invalid &&
								!configureForm.{{value.id}}_{{subForms.component_id}}.$pristine }" 
								ng-init="form[value.cid][mName] = value.default" min="{{value.min}}" max="{{value.max}}" 
								ng-if="value.type=='number'" only-num >
								</span>
																						
								<span ng-if="value.size==1">
								<input type="{{value.type}}" class="form-control-size" name="{{value.id}}_{{subForms.component_id}}"  
								ng-required='subForms.is_optional' ng-model="form[value.cid][mName]" 
								placeholder="{{value.tooltip}}"
								ng-class="{ 'has-error' : configureForm.{{value.id}}_{{subForms.component_id}}.$invalid &&
								!configureForm.{{value.id}}_{{subForms.component_id}}.$pristine }" 
								ng-init="form[value.cid][mName] = value.default" ng-if="value.type=='text' || value.type=='password'">
								
								<input type="{{value.type}}" class="form-control-size" name="{{value.id}}_{{subForms.component_id}}"  
								ng-required='subForms.is_optional' ng-model="form[value.cid][mName]" 
								placeholder="{{value.tooltip}}"
								ng-class="{ 'has-error' : configureForm.{{value.id}}_{{subForms.component_id}}.$invalid &&
								!configureForm.{{value.id}}_{{subForms.component_id}}.$pristine }" 
								ng-init="form[value.cid][mName] = value.default" min="{{value.min}}" max="{{value.max}}" 
								ng-if="value.type=='number'" only-num step="any" >	</span>							
								
								</div>
									
								</fieldset></div>
							
																				
									</div>
									<div class="panels" ng-if="subprofilesFormData=='error'" >
									
									<div class="growl-item alert  alert-error alert-danger icon alert-dismissable" ng-class="alertClasses(message)" style="margin-bottom:2px;"><h4 class="growl-title ng-binding" >There is some error encountered. Please try Again!!</h4></div></div>
									
									</div>
									
									</div>
									<div class="clear"></div>
									<div class="startFooter">		
										
										 <button type="submit" ng-disabled="isProcessing || !configureForm.$valid" class="btnD btn-primary-own pull-right marginButton" ng-click="submitConfigureForm($event);">
										 <span>Next</span></button>
										<button type="button"  ng-click="confirmClick();" ng-disabled="true" confirm-click='saveform' class="btnD btn-primary-own pull-right marginButton"><span>Save & Collect</span> </button>
										<button type="submit" ng-disabled="true" class="btnD 	 btn-primary-own pull-right marginButton" >
										 <span>Prev</span></button>
										<!--i class="fa fa-arrow-left fa-2x pull-right" aria-hidden="true"></i-->
										<br/><br/>
										
								</div>
									</div>
									
								</div>
								
								</form>{% endverbatim%}<!-- ends here--></span>
							  <span ng-show="content == 'other'"><!--device Solutions-->{% verbatim %}<form name="deviceForm" >	
								<div class="configure-solution col-sm-12 col-lg-12 col-xl-12 col-md-12 col-xs-12" id="configure-solution-device"  style="">
									<h5> Device Solution </h5>
									<br/>
																
									<div class="defaultHeight" block-ui="myFormBlockUI" >									
									<div class="col-sm-12 col-lg-12 col-xl-12 col-md-12 col-xs-12 padding0">
									
									<div id="startPlus" class="col-sm-4 col-lg-4 col-xl-4 col-md-4 col-xs-4 padding0" style="margin-top:-1%;" ng-click="addNewChoice()" >
									<label><span  class="glyphicon glyphicon-plus startPlus cursor" style="color:#008000;"></span>
									<span class="blue cursor" style="font-size: small;font-weight: bold;font-family: 'Gotham SSm A', 'Gotham SSm B', Helvetica, Arial, sans-serif;"> Add Devices</span></label></div>
									
									<div class="col-sm-4 col-lg-4 col-xl-4 col-md-4 col-xs-4 padding0" style="margin-top:-1%;">
									
									<label class="fileContainer cursor"><span  class="glyphicon glyphicon-import cursor"></span><span class="blue cursor">  Import Devices </span><input type="file" on-read-file="showContent($fileContent)"  onclick="this.value=null"/></label>
									</div>															  
							  
									<div class="col-sm-4 col-lg-4 col-xl-4 col-md-4 col-xs-4 padding0" style="margin-top:0px;" ng-disabled="isProcessingType ||   isProcessingTypeDeleted" >
									<a style="float:right;" ng-click="openAutoForm();" ng-disabled = "!deviceHosts"><span class="family cursor" uib-tooltip="{{bulkEditToolTip}}" tooltip-placement="bottom">{{bulkEdit}}</span></a>
									 </div>
									 
									</div>
									<div class="clear"></div>
									<span class="red" id="errorFormat" ng-if="errorFormat>0">Format of {{errorFormat}} row/rows in CSV are not correct.</span>
									<hr/>

									<div class="" style="width:100%" fullscreen-block>
									<div class="panels col-sm-12 col-lg-12 col-xl-12 col-md-12 col-xs-12 padding0" style="overflow-y:auto;" id="deviceFormId">
									
									<div    class=" col-sm-6 col-lg-6 col-xl-6 col-md-6 col-xs-6 padding0">	
									
									<fieldset  data-ng-repeat="choice in choices " class="panelsDevice  " ng-style="style(color)" ng-if="choice.id!='deleted' && $even" ng-class="fullScreenOff" >
											
									<div >
									<div><h5>Device</h5><button type="button"  class="remove right" style="margin-top:-33px;"  ng-click="removeChoice($index);">x</button>
									 </div>
									 <div >
									<div style="width: 100%; margin-left: -12px;	">
									
									<div  class="col-sm-7 col-lg-7 col-xl-7 col-md-7 col-xs-7 padding0" style="padding-left:7px;"><div><label class="radio-inline bold ">Type</label>
										<select name="hosts" ng-options="deviceH.device_id as deviceH.title for deviceH in deviceHosts | orderBy:'deviceH.title'" ng-model="choice.type" ng-change="onDeviceTypeChange(choice.type,$index)" style="text-overflow:ellipsis;width:55%">
									</select>
										</div></div><div  class="col-sm-5 col-lg-5 col-xl-5 col-md-5 col-xs-7 padding0"><div style="width:-1%;text-overflow:ellipsis;"><label class="radio-inline bold">{{personaTextName}}</label>
											<select class="selectpicker" ng-disabled="isProcessingType" ng-options="personaDevice.id as personaDevice.name | capitalize for personaDevice in deviceHostdetails[$index].personasData" ng-model="choice.personas" style="text-overflow:ellipsis;width:55%" ng-change="changePersonaDevice(choice.subTypes,choice.personas,choice.id,$index )"></select></div></div>
									
									
									
									<div  class="col-sm-12 col-lg-12 col-xl-12 col-md-12 col-xs-12 padding0" ><div>
									<label class="radio-inline bold " style="padding-left:12px">Sub Type</label>
									
									<select id="subTypeChange{{$index}}"class="selectpicker" ng-disabled="isProcessingType" ng-options="subTypesDevice.id as subTypesDevice.title for subTypesDevice in deviceHostdetails[$index].subtypes" ng-model="choice.subTypes" ng-change="onDeviceSubTypeChange(choice.subTypes,$index)" style="text-overflow:ellipsis;width:47%"></select>
									</div></div>
									</div>
									
									<div class="clear"></div>
									<input type="text" style="display:none">
								<input type="password" style="display:none">
								
								<div ng-repeat="(key, value) in choice.formData | orderObjectBy:'order':false" ng-init="mName = value.id">
								
								
								<span ng-if="value.size>1" >
								
								<input type="{{value.type}}" class="form-control" name="deviceInput{{$index}}" ng-pattern='handlePatternHost'  ng-class="{redBorder: deviceForm.deviceInput{{$index}}.$invalid}" ng-model="choice[mName]" 
								placeholder="{{value.tooltip}}"
								
								ng-init="choice[mName] = value.default" ng-if="value.type=='text' || value.type=='password'" >
								
								<input type="{{value.type}}" class="form-control" 
								 ng-model="choice[mName]" 
								placeholder="{{value.tooltip}}"
								name="deviceInput{{$index}}" ng-pattern='handlePatternHost'  ng-class="{redBorder: deviceForm.deviceInput{{$index}}.$invalid}"
								ng-init="choice[mName] = value.default" min="{{value.min}}" max="{{value.max}}" 
								ng-if="value.type=='number'" only-num >
								</span>
															
								<span ng-if="value.size==1">
								<input type="{{value.type}}" class="form-control-size" 
								ng-model="choice[mName]" 
								placeholder="{{value.tooltip}}"
								name="deviceInput{{$index}}" ng-pattern='handlePatternHost'  ng-class="{redBorder: deviceForm.deviceInput{{$index}}.$invalid}"
								ng-init="choice[mName] = value.default" ng-if="value.type=='text' || value.type=='password'">
								
								<input type="{{value.type}}" class="form-control-size" 	ng-model="choice[mName]" 
								placeholder="{{value.tooltip}}"
								name="deviceInput{{$index}}" ng-pattern='handlePatternHost'  ng-class="{redBorder: deviceForm.deviceInput{{$index}}.$invalid}"
								ng-init="choice[mName] = value.default" min="{{value.min}}" max="{{value.max}}" 
								ng-if="value.type=='number'" only-num >	</span>							
								
								</div>
																
									
																										
									<!--div ng-if="choice.enable_priv == 'true' && choice.enable_vdc == 'false'">&nbsp;
										
									<input type="{{inputType}}" class="form-control" ng-model="choice.privileged_password" name="" placeholder="Privileged Password">
									</div>
									
									<div ng-if="choice.enable_priv == 'false' && choice.enable_vdc == 'true'">&nbsp;
									
									<input type="text" class="form-control" ng-model="choice.evd" name="" placeholder="Ethernet VDC">
									<input type="text" class="form-control" ng-model="choice.svd" name="" placeholder="Storage VDC">
									</div-->		
									
									</div>	</div>
								</fieldset>	</div>	
								
									<div  class=" col-sm-6 col-lg-6 col-xl-6 col-md-6 col-xs-6 padding0" >

									<fieldset  data-ng-repeat="choice in choices"   class="panelsDevice " ng-style="style(color)" ng-if="choice.id!='deleted' && $odd" ng-class="fullScreenOff" >
											
									<div >
									<div><h5>Device</h5><button type="button"  class="remove right" style="margin-top:-33px;"  ng-click="removeChoice($index);">x</button>
									 </div>
									 <div >
									<div style="width: 100%; margin-left: -12px;	">
									
									<div  class="col-sm-7 col-lg-7 col-xl-7 col-md-7 col-xs-7 padding0" style="padding-left:7px;"><div><label class="radio-inline bold ">Type</label>
										<select name="hosts" ng-options="deviceH.device_id as deviceH.title for deviceH in deviceHosts | orderBy:'deviceH.title'" ng-model="choice.type" ng-change="onDeviceTypeChange(choice.type,$index)" style="text-overflow:ellipsis;width:55%">
									</select>
										</div></div><div  class="col-sm-5 col-lg-5 col-xl-5 col-md-5 col-xs-7 padding0"><div style="width:-1%;text-overflow:ellipsis;"><label class="radio-inline bold">{{personaTextName}}</label>
											<select class="selectpicker" ng-disabled="isProcessingType" ng-options="personaDevice.id as personaDevice.name | capitalize for personaDevice in deviceHostdetails[$index].personasData" ng-model="choice.personas" style="text-overflow:ellipsis;width:55%" ng-change="changePersonaDevice(choice.subTypes,choice.personas,choice.id,$index )"></select></div></div>
																	
									
									<div  class="col-sm-12 col-lg-12 col-xl-12 col-md-12 col-xs-12 padding0" ><div>
									<label class="radio-inline bold " style="padding-left:12px">Sub Type</label>
									
									<select id="subTypeChange{{$index}}"class="selectpicker" ng-disabled="isProcessingType" ng-options="subTypesDevice.id as subTypesDevice.title for subTypesDevice in deviceHostdetails[$index].subtypes" ng-model="choice.subTypes" ng-change="onDeviceSubTypeChange(choice.subTypes,$index)" style="text-overflow:ellipsis;width:47%"></select>
									</div></div>
									</div>
									
									<div class="clear"></div>
									<input type="text" style="display:none">
								<input type="password" style="display:none">
								
								<div ng-repeat="(key, value) in choice.formData | orderObjectBy:'order':false" ng-init="mName = value.id">
								
								
								<span ng-if="value.size>1" >
								
								<input type="{{value.type}}" class="form-control" name="deviceInput{{$index}}" ng-pattern='handlePatternHost'  ng-class="{redBorder: deviceForm.deviceInput{{$index}}.$invalid}" ng-model="choice[mName]" 
								placeholder="{{value.tooltip}}"
								
								ng-init="choice[mName] = value.default" ng-if="value.type=='text' || value.type=='password'" >
								
								<input type="{{value.type}}" class="form-control" 
								 ng-model="choice[mName]" 
								placeholder="{{value.tooltip}}"
								name="deviceInput{{$index}}" ng-pattern='handlePatternHost'  ng-class="{redBorder: deviceForm.deviceInput{{$index}}.$invalid}"
								ng-init="choice[mName] = value.default" min="{{value.min}}" max="{{value.max}}" 
								ng-if="value.type=='number'" only-num >
								</span>
															
								<span ng-if="value.size==1">
								<input type="{{value.type}}" class="form-control-size" 
								ng-model="choice[mName]" 
								placeholder="{{value.tooltip}}"
								name="deviceInput{{$index}}" ng-pattern='handlePatternHost'  ng-class="{redBorder: deviceForm.deviceInput{{$index}}.$invalid}"
								ng-init="choice[mName] = value.default" ng-if="value.type=='text' || value.type=='password'">
								
								<input type="{{value.type}}" class="form-control-size" 	ng-model="choice[mName]" 
								placeholder="{{value.tooltip}}"
								name="deviceInput{{$index}}" ng-pattern='handlePatternHost'  ng-class="{redBorder: deviceForm.deviceInput{{$index}}.$invalid}"
								ng-init="choice[mName] = value.default" min="{{value.min}}" max="{{value.max}}" 
								ng-if="value.type=='number'" only-num >	</span>							
								
								</div>																
																	
									</div>	</div>
								</fieldset></div>	
								
								</div>
								</div>
									</div><div class="clear"></div><div class="startFooter">
														
										<button type="submit" ng-disabled="isProcessingType ||  !deviceForm.$valid || isProcessingTypeDeleted" class="btnD btn-primary-own pull-right marginButton" ng-click="submitDeviceConfigureForm($event);">
										 <span>Next</span></button>
										<button type="button"  ng-click="confirmClickDevice();" ng-disabled="true" confirm-click-device='saveform' class="btnD btn-primary-own pull-right marginButton"><span>Save & Collect</span></button>
										<button type="submit" ng-disabled="true" class="btnD btn-primary-own pull-right marginButton" >
										<span> Prev</span></button>
										<br/><br/>
								</div></div>
								<!-- ends here--></form></span>
																
							
							<br/><br/>
															
<!-- configure solution-->		
															
							
							
							
						</div>
					</div>			
					</div>			
				{% endverbatim %}