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

<div id="wizard_2" 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_2')"></a>
  
   <img src ="/oc/oc/static/images/validation.png" style="height:100%;width:100%;" class="img-responsive" >
   
   <a  class="gotbtn cursor" ng-click="GotNav('wizard_2')" 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"  block-ui="myBlockUI"  style="overflow:hidden;height:100%;">
					<div class="tab-content" id="tabs">
						<div class="tab-content active" id="tabs" style="">							
							<div ng-if="validDataResponse!='error'" >
								
							<div class="tab-pane active panels"  style="overflow-y:auto;height:49%;border: 1px solid #ccc;">
							
								<fieldset  class="panels11 pull-left"  ng-repeat="vr in validDataResponse| orderObjectBy:'component_id':false">
								
											<h5>{{vr.title}}</h5>
											
											<span ng-if="vr.hostname" class="forChrome">{{vr.hostname}}</span>
											<span ng-if="!vr.hostname" class="forChrome">No Host Found</span>												
								</fieldset>
								
								
										
							</div>
							
							<div class="sucess-msg panels" ng-if="validDataResponse" >
									<div ng-repeat="vrStatus in validDataResponse">
									<div  ng-if="vrStatus.hostname && vrStatus.status=='Pass'">
										<p class= "green"> OneCollect  {{vrStatus.title}} {{vrStatus.hostname}} {{vrStatus.report}}</p>
									</div>
									<div  ng-if="vrStatus.hostname && vrStatus.status=='Failed'">
										<p class= "red"> OneCollect {{vrStatus.title}} {{vrStatus.hostname}} {{vrStatus.report}}</p>
									</div>
									<div  ng-if="!vrStatus.hostname">
										<p class= "red"> OneCollect {{vrStatus.title}}  {{vrStatus.report}}</p>
									</div>
																			
									</div>
									</div>
							
							</div>
							
						<div ng-if="validDataResponse=='error'" class="red" id="validate"  >
										<div class="growl-item alert  alert-error alert-danger icon alert-dismissable" ng-class="alertClasses(message)" style="margin: 15px;"><h4 class="growl-title ng-binding" >Validation Failed. Please try Again!!</h4></div>
						</div>
								
								<div ng-if="validDataResponse==''" class="red" id="validate" style="min-height:300px;"></div>
								
								
										
						</div>
						<div class="clear"></div>
						<div class="startFooter" style="z-index:0;"><a ng-click="checkSummaryStatus($event);" ng-class="{ active: isSet(3) }"><button type="button" class="btnD btn-primary-own pull-right marginButton" ng-disabled="isProcessingValidate"><span>Next</span></button></a>&nbsp;
										
										
										
										<span ng-if="content=='first'"><button type="button"  ng-click="confirmClick();  $event.preventDefault();"  confirm-click='saveForm1' class="btnD btn-primary-own pull-right marginButton "><span>Save & Collect</span> </button></span>
									<span ng-if="content=='other'"><button type="button"  ng-click="confirmClickDevice();  $event.preventDefault();"  confirm-click-device='saveForm1' class="btnD btn-primary-own pull-right marginButton "><span>Save & Collect</span> </button></span>
									
										<a href ng-click="setTab(1)" ng-class="{ active: isSet(1) }"><button type="button" class="btnD btn-primary-own pull-right marginButton"><span>Prev</span></button></a>
								
										<br/><br/>
										</div>
					</div>	
					</div>	

					
								
	{% endverbatim %}