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

<div id="wizard_3" 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_3')"></a>
  
   <img src ="/oc/oc/static/images/summary.png" style="height:100%;width:100%;" class="img-responsive" >
   
   <a  class="gotbtn cursor" ng-click="GotNav('wizard_3')" 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" style="height:80%;overflow:hidden;" >
						<div class="tab-content active" id="tabs" style="border:1px solid #ccc;">							
							
							<div class="tab-pane active" id="summary" style="">
								<div class="table-responsive" style="" >
									<table class="table table-striped" style="border:1px solid #ccc;" class="col-sm-12 col-lg-12 col-xl-12 col-md-12 col-xs-12" >
										  <thead>
											<tr class="bold gridStyle" class="col-sm-12 col-lg-12 col-xl-12 col-md-12 col-xs-12">
											  <td style="border:1px solid #ccc;width" class="col-sm-3 col-lg-3 col-xl-3 col-md-3 col-xs-3">Device Type</td>
											  <td style="border:1px solid #ccc;" class="col-sm-3 col-lg-3 col-xl-3 col-md-3 col-xs-3">Model</td>
											  <td style="border:1px solid #ccc;" class="col-sm-3 col-lg-3 col-xl-3 col-md-3 col-xs-3">OS/Software</td>
											  <td style="border:1px solid #ccc;" class="col-sm-3 col-lg-3 col-xl-3 col-md-3 col-xs-3">Commands</td>
											</tr>
										  </thead>
										  <tbody>
										
										   <tr ng-repeat="(key, value) in summDataResponse | orderObjectBy:'component_id':false">
										
											  <td style="border:1px solid #ccc;" class="col-sm-3 col-lg-3 col-xl-3 col-md-3 col-xs-3"scope="row">{{value.name}}</td>
											  <td style="border:1px solid #ccc;" class="col-sm-3 col-lg-3 col-xl-3 col-md-3 col-xs-3">{{value.model}}</td>
											  <td style="border:1px solid #ccc;" class="col-sm-3 col-lg-3 col-xl-3 col-md-3 col-xs-3">{{value.os}}</td>
											  <td style="border:1px solid #ccc;" class="col-sm-3 col-lg-3 col-xl-3 col-md-3 col-xs-3">
											  <div >
												
												<i class="fa fa-search-plus mouseHand" aria-hidden="true"  ng-click="openDesc(value,value.component_id)"><span>&nbsp;View</span></i>
												</div></td>
																							  
											</tr>
																					  											
										  </tbody>
									</table>
									</div>
									<br />
									<div class=" startFooter" style="z-index:0;">
									
									<div class="col-lg-6 col-xs-6 col-sm-6 col-md-6 padding0" style="padding-left:43px;">
									<div ng-if="content=='first'" class="time cursor schedule "  id ="summarySave" ng-click="confirmClick();  $event.preventDefault(); $event.stopPropagation();" confirm-click='saveform' >
										<i class="fa fa-floppy-o fa-2x " aria-hidden="true"></i>
										<label class="cursor"> <span> Save </span> </label>
									</div>
									<div ng-if="content=='other'" class="time cursor schedule "  id ="summarySave" ng-click="confirmClickDevice();  $event.preventDefault(); $event.stopPropagation();" confirm-click-device='saveform' >
										<i class="fa fa-floppy-o fa-2x " aria-hidden="true"></i>
										<label class="cursor"><span>  Save</span>  </label>
									</div>
																	
									<!--div class="time"  ng-controller="scheduledGridController" ng-click="schedForm(row.entity.name);">
										<i class="fa fa-clock-o schedule fa-2x mouseHand" aria-hidden="true"  ></i>
										<label class="schedule1 cursor"> Schedule </label>
									</div-->
									<div ng-if="content=='first'" id = "summaryCollect" class="time cursor"  ng-click="confirmClickCollect()" confirm-click-collect='Do you want to collect the data without Save?'>
										<i class=" schedule fa fa-play fa-2x" aria-hidden="true"></i>
										<label class=" schedule cursor"><span> Collect</span> </label>
									</div><div ng-if="content=='other'" id = "summaryCollect" class="time cursor"  ng-click="confirmClickColldevice()" confirm-click-colldevice='Do you want to collect the data without Save?'>
										<i class=" schedule fa fa-play fa-2x" aria-hidden="true"></i>
										<label class=" schedule cursor"><span> Collect</span> </label>
									</div>
									
									</div>
									<div class="col-lg-6 col-xs-6 col-sm-6 col-md-6 padding0">
									<button type="button" class="btnD btn-primary-own pull-right marginButton " ng-disabled="true"><span>Next</span></button>
									<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(2)" ng-class="{ active: isSet(2) }"><button type="button" class="btnD 	 btn-primary-own pull-right marginButton "><span>Prev</span></button></a>
									
											</div>
										<br/><br/>											
																			
								</div>
									
							</div>
						</div>
					</div>	

					
								
	{% endverbatim %}