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

<div id="discover" 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('discover')"></a>
  
   <img src ="/oc/oc/static/images/auto-discover.png" style="height:100%;width:100%;" class="img-responsive" >
   
   <a  class="gotbtn cursor" ng-click="GotNav('discover')" 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="overflow:hidden" >
				<div class="tab-content" id="tabs">
					<div class="tab-pane active" id="configure" style="overflow:hidden">

								<!--Discover Solutions-->
								<div class="container-fluid containerSettings" id="start-collection" style="overflow:hidden">
								<div>
									<form	 name ="disForm"	>
									<div class="panels3 pull-left configure-new-collection">

									<label  class="radio-inline" >
									<input id="rangeId" type="radio" style="top:-2px;" name="range" ng-model="range"  ng-click="showRangeContent()" value="rangeId"	>IP /IP Range

									</label>
									<br />
									<br />


									<label  for="exampleInput" class="left radio-inline">
									<input  id="imp" type="radio" name="range" ng-model="range" ng-click="showImportContent();" value="imp" ng-disabled="showprogress">
									<input type="file" id="exampleInput" style="display: none" on-read-file="showDiscoverContent($fileContent)" onclick="this.value=null" />
									</label>
									
									<span ng-if="showprogress"><label class="fileContainer cursor" style="margin-left: 10%;margin-top: -4%;width:100%;"><span class="normal" >  Import Devices </span></label></span>
									<span ng-if="!showprogress"><label class="fileContainer cursor" style="margin-left: 10%;margin-top: -4%;width:100%;"><span class="cursor normal" ng-click="showImportContent();">  Import Devices </span></label></span>
									
									
									</div>
										<div class="panels3 pull-left configure-new-collection" ng-show="range=='rangeId'">

											<input type="text" class="form-control3" name="hostid" placeholder="IP Range" ng-model = "ip"  ng-pattern='handlePatternHost'  style="height:30px;" ng-required="true" ng-class="{ 'has-error' : disForm.hostid.$invalid && !disForm.hostid.$pristine ,redBorder: disForm.hostid.$invalid && !disForm.hostid.$pristine && disForm.hostid.$viewValue!='' }">

										</div>

										<div class="panels3 pull-left configure-new-collection" ng-show="range=='rangeId'">

											<button type="submit" class="btn btn-default pull-right" ng-click = "getDiscovery(ip);import_error='';norecords='';" ng-disabled="disForm.$invalid || showdiscoverbutton" style="height:30px;" >Discover</button>

										</div>
                                        <div class="clear" style="margin-left:8px;"><span ng-if="range=='rangeId' && dict && norecords==''">
									<i  class="glyphicon glyphicon-info-sign" style="font-size:small;"></i> &nbsp;<span>{{discoveryInfotext}}</span>
									
									</span></div>
                                        <div>

											<span ng-if="showiperror!=''" class="red">{{showiperror}}</span>
                                            <span ng-if="ipformat!=''" class="red" ng-show="formaterror">{{ipformat}}</span>
										</div>



									
									</form>
									</div>



									<div class="clear"></div>
							<!-- for import-->

							<div><span ng-show="content == 'import' && showNoDataFound==true" style="min-height:0%;max-height:70%;height:65%;overflow-y:auto;overflow-x:hidden" >

							<div>
								
								<span ng-if="showCheckboxError!=''" class="red">{{showCheckboxError}}</span>
								<span ng-if="showValidateError!=''" class="red">{{showValidateErrorMessage}}</span>
								<div style="margin-top: -2%;" class="right"><a style="margin-top:-7px;margin-right:5px;" ng-click="openAutoForm();" ng-disabled = "!deviceHosts"><span class="family cursor">{{bulkEdit}}</span></a>
								</div>
							 </div>
							<br />

								        <div class="">
          <table class="table table-striped topics" style = "width:99%;margin-left:19px;margin-bottom:0px;border:1px solid #ccc;">
            <tr class="gridStyle">
              <td class="border1px" style="height:5%;"><input type="checkbox" ng-model="allSelected1" ng-click="toggleAll()"  /></td>
				<td class="border1px" style="width:2%;height:5%;padding:4px;"><i style= "padding:0px;" class="btn btn-warning  glyphicon glyphicon-filter right" ng-click="showFilter();"></i></td>
											
				<td class="border1px" style="width:15%;height:5%;" >
												Hostname/IP	
											
											<input type="text" class="form-control-discover " placeholder="Search" ng-model="searchFish.hostname" ng-show="showFilterHost">
				</td>
											<td class="border1px" style="width:20%;height:5%;">
												Type
											
											<input type="text" class="form-control-discover " placeholder="Search" ng-model="searchFish.typeTitle" ng-show="showFilterType">
											</td>

											<td class="border1px" style="width:20%;height:5%;">
												Sub Type
											<input type="text" class="form-control-discover " placeholder="Search" ng-model="searchFish.title" ng-show="showFilterSub">
											</td>

											<td class="border1px" style="width:20%;height:5%;">
												Persona
											
											<input type="text" class="form-control-discover " placeholder="Search" ng-model="searchFish.personasTitle" ng-show="showFilterPersona">
											</td>

											<td class="border1px" style="width:15%;height:5%;">
												Username
											</td>
											<td class="border1px" style="width:15%;height:5%;">
												Password
											</td>
              
            </tr>
          </table>
        
        <div class="scrollData" block-ui="myDiscoverBlockUI">
          <table class="table table-striped topics" style = "width:100%;border:1px solid #ccc;">
            <tr ng-click="startEdit()"ng-repeat = "choice in choices | orderBy:sortType:sortReverse  | filter:searchFish" >
              <td class="border1px" style="height:5%;"><input type="checkbox" ng-disabled="choice.typeTitle=='UNKNOWN' || choice.title=='UNKNOWN' || choice.hostname=='' || choice.personasTitle =='UNKNOWN'" ng-model="choice.check" ng-click="cbChecked();" ></td>
											<td class="border1px" style="width:2%;height:5%;" id="showValidResult_{{choice.id}}" >

                                                 <span ng-if="errorTxtImport[choice.id] != null">

                                                        <a class='glyphicon glyphicon-remove'  uib-tooltip ={{validationerrorImport}} tooltip-placement="right" aria-hidden="true" ></a>
                                                    </span>

                                                    <span ng-if ="successTxtImport[choice.id] != null">

                                                        <a class='glyphicon glyphicon-ok'></a>
                                                    </span>
                                            </td>

												<td class="" style="width:15%;height:5%;" id="host_{{choice.id}}">

													<span ng-show="!showHostDropdown[choice.id]" >{{choice.hostname}}<span><i class="fa fa-pencil-square-o fa-2x cursor black right" uib-tooltip="Edit" tooltip-placement="bottom" aria-hidden="true" ng-click="showHostDropdown[choice.id]=true;"  ></i></span></span>

													<input ng-show="showHostDropdown[choice.id]" type="text" class="form-control3" ng-model="choice.hostname" name="deviceInput{{choice.id}}" ng-pattern='handlePatternHost' placeholder="Hostname/IP" ng-class="{redBorder: deviceForm.deviceInput{{choice.id}}.$invalid}" >
													<span ng-if="choice.privileged_flag == true && choice.privileged_flag">&nbsp;
                                                          <i class="fa fa-question-circle blueColor"  ng-click = "displaypwd(choice.id,'import',choice.privileged_password);"></i>


                                                    </span>
												</td>

											<td class="" style="width:20%;height:5%;" id="type_{{choice.id}}">

											<span ng-show="!showTypeDropdown" style="width:20%" >
											<span ng-if="choice.typeTitle=='UNKNOWN'" style="color:red">{{choice.typeTitle}}</span>
											<span ng-if="choice.typeTitle!='UNKNOWN'">{{choice.typeTitle}}</span>
											<span>

											<i class="fa fa-pencil-square-o fa-2x cursor black right" uib-tooltip="Edit" tooltip-placement="bottom" aria-hidden="true" ng-click="showTypeDropdown=true;"  ></i></span></span>

											<span ng-show="showTypeDropdown" style="width:20%" id="{{choice.id}}"><select name="hosts" ng-options="deviceH.device_id as deviceH.title for deviceH in discoverHosts | orderBy:'deviceH.title'" ng-model="choice.type" ng-change="onDeviceTypeChange(choice.type,choice.id)" style="text-overflow:ellipsis;width:100%" class="col-sm-7 col-lg-7 col-xl-7 col-md-7 col-xs-7 padding0">
														</select></span>
											</td>

											<td class="" style="width:20%;height:5%;" id="subtype_{{choice.id}}">
											<span ng-show="!showSubTypeDropdown" style="width:20%" id="{{choice.id}}">

											<span ng-if="choice.title=='UNKNOWN'" style="color:red">{{choice.title}}</span>
											<span ng-if="choice.title!='UNKNOWN'">{{choice.title}}</span>
											<span><i class="fa fa-pencil-square-o fa-2x cursor black right" uib-tooltip="Edit" tooltip-placement="bottom" aria-hidden="true" ng-click="showSubTypeDropdown=true;"  ></i></span></span>

											<span ng-show="showSubTypeDropdown" style="width:20%" id="{{choice.id}}"><select id="subTypeChange{{choice.id}}"class="selectpicker" ng-disabled="isProcessingType" ng-options="subTypesDevice.id as subTypesDevice.title for subTypesDevice in deviceHostdetails[choice.id].subtypes" ng-model="choice.subTypes" ng-change="onDeviceSubTypeChange(choice.subTypes,choice.id)" style="text-overflow:ellipsis;width:100%" class="col-sm-8 col-lg-8 col-xl-8 col-md-8 col-xs-8 padding0"></select></span>
											</td>

											<td class="" style="width:20%;height:5%;" id="persona_{{choice.id}}">

											<span ng-show="!showPersonaDropdown[choice.id]" style="width:15%" id="{{choice.id}}">
											<span ng-if="choice.personasTitle=='UNKNOWN'" style="color:red">{{choice.personasTitle }}</span>
											<span ng-if="choice.personasTitle!='UNKNOWN'">{{choice.personasTitle | capitalize}}</span>

											<span><i class="fa fa-pencil-square-o fa-2x cursor black right" uib-tooltip="Edit" tooltip-placement="bottom" aria-hidden="true" ng-click="showPersonaDropdown[choice.id]=true;"  ></i></span></span>

											<span ng-show="showPersonaDropdown[choice.id]" style="width:15%" id="{{choice.id}}">
											<select class="selectpicker" ng-disabled="isProcessingType" ng-options="personaDevice.id as personaDevice.name | capitalize for personaDevice in deviceHostdetails[choice.id].personasData" ng-model="choice.personas" style="text-overflow:ellipsis;width:100%" class="col-sm-8 col-lg-8 col-xl-8 col-md-8 col-xs-8 padding0" ng-change="onPersonaChange(choice.personas,choice.id)"></select></span>
											</td>


												<td class="" style="width:15%;height:5%;" id="user_{{choice.id}}">
													<span ng-show="!showUserDropdown" >{{choice.username}}<span><i class="fa fa-pencil-square-o fa-2x cursor black right" uib-tooltip="Edit" tooltip-placement="bottom" aria-hidden="true" ng-click="showUserDropdown=true;"  ></i></span></span>
													<input ng-show="showUserDropdown"  type="text" class="form-control3" ng-model="choice.username" name="" placeholder="Username">


												</td>
												<td class="width23" style="width:15%;height:5%;" id="pass_{{choice.id}}">
													<span ng-show="!showPassDropdown" class="bold" >{{choice.password1}}<span><i class="fa fa-pencil-square-o fa-2x cursor black right" uib-tooltip="Edit" tooltip-placement="bottom" aria-hidden="true" ng-click="showPassDropdown=true;"  ></i></span></span>
													<input ng-show="showPassDropdown"  type="password" class="form-control3" ng-model="choice.password" name="" placeholder="Password">

												</td>

            </tr>
            
          </table>
        </div>
     
</div>
								</span>
								<span ng-show="content == 'import' && showNoDataFound==false" style="min-height:0%;max-height:70%;height:65%;overflow-y:auto;overflow-x:hidden" class="red bold" >{{norecords}}</span>
								</div>
                                    <div>
                               </div>
								<span ng-show="content == 'discover' && norecords!=''"> <span ng-if="norecords!=''" class="red bold" ng-show="inactive">{{norecords}}</span></span>
								<span ng-show="content == 'discover' && norecords==''"> 
								<!--Discover Solutions-->
								<!--<div class="configure-solution" >-->
                                 <div>


                                 </div>

									<div class="clear">

										 <form name="autodiscover" id="autodiscover">
											<div class="auto"   ng-show="showFormTable" >
                                                <span ng-if="showValidateError!=''" class="red" ng-show="validate_error">{{showValidateErrorMessage}}</span>
												<span ng-if="discovermsg!=''" class="red">{{discovermsg}}</span>


											</br></br>
                                            <span ng-if="showCheckboxError1!=''" class="red" ng-show="displayerror">{{showCheckboxError1}}</span>
                                                <span ng-if="disvalidate!=''" class="red">{{disvalidate}}</span>
												<span ng-if ="progress_bar != ''" ng-show="showprogress" style="font-size:150%;padding-left: 40%;color:#a9a9a9">{{progress_bar}}</span>
                                                <div style="margin-top: -2%;" class="right" ng-repeat = "data in dict" ng-if="data.devicesubtype"><a style="margin-top:-7px;margin-right:5px;" ng-click="openAutoDiscoverForm();" ng-disabled = "!deviceHosts"><span class="family cursor">{{bulkEdit}}</span></a>
								                </div>

                                                <div class="panels" style="min-height:0%;max-height:70%;height:65%;overflow-y:auto;overflow-x:hidden" >

												<table id="autotableid" class="table table-striped topics" style = "width:98%;margin-left:19px;;margin-bottom:0px;border:1px solid #ccc;" block-ui="autoDiscoverFormBlockUI">
                                            <thead>
											<tr class="gridStyle">
                                                <th class="border1px">
                                                    <input type="checkbox" ng-model="selectedAll" name = "selectedAll" ng-checked="checkA" ng-click="checkAll()"/>

                                                </th>
                                                <th class="border1px" style="width:2%;height:5%;padding:4px;">
                                                    <i style= "padding:0px;" class="btn btn-warning  glyphicon glyphicon-filter right" ng-click="showFilter();"></i>
                                                </th>
												<th class="border1px">
													<span>
													Active IP</span>

                                                    <input type="text" class="form-control-discover " placeholder="Search" ng-model="searchFish.activeip" ng-show="showFilterHost">
                                                </th>
												<th class="border1px">
                                                    <span>
													Device Type</span>

                                                    <input type="text" class="form-control-discover " placeholder="Search" ng-model="searchFish.device_type" ng-show="showFilterType">
                                                </th>
												<th class="border1px">
                                                    <span>
													Subtype</span>

                                                    <input type="text" class="form-control-discover " placeholder="Search" ng-model="searchFish.device_subtype" ng-show="showFilterSub">
                                                </th>
												<th class="border1px">
                                                    <span>
													Hardware</span>

                                                </th>
												<th class="border1px">
                                                    <span>
													OS Version</span>

                                                </th>
												<th class="border1px"><span>Username</span></th>
												<th class="border1px"><span>Password</span></th>

											</tr>
                                            </thead>

											<tr ng-repeat = "data in dict | filter:searchFish"  ng-scrollbars style="">

                                                <td class="border1px">

													 <input type="checkbox" ng-model="data.test"  name="myCheck" ng-if="data.device_type=='no SNMP response'" ng-disabled="disablechck[data.id]"  value={{data.activeip}} ng-click = "checkItem()"/>
                                                    <input type="checkbox" ng-model="data.test"  name="myCheck" ng-if="data.device_type == 'no mapping found'" ng-disabled="disablemap"  value={{data.activeip}} />
                                                    <input type="checkbox" ng-model="data.test" name="myCheck" ng-if="data.device_type == 'FC Switch'&& data.device_subtype == null" ng-disabled="disablesub[data.id]" value="{{data.activeip}}" ng-click = "checkItem()"/>
													 <!--<input type="checkbox" ng-model="myCheck[$index]" ng-if="data.device_type!='no SNMP response' && data.device_type != ('Cisco Nexus Switch' || 'Ethernet switch' || 'FC Switch' || 'Host' || 'Storage Controller')" disabled>-->
													<input type="checkbox" ng-model="data.test"  name="myCheck" ng-if="data.device_type!='no SNMP response'&& data.device_type != 'no mapping found' && data.device_type != 'FC Switch'"  value={{data.activeip}} ng-click = "checkItem()" />
												</td>
                                                <td class="border1px"id="showDiscoverResult{{data.id}}" >

                                                    <span ng-if="errorTxt[data.id] != null">

                                                        <a class='glyphicon glyphicon-remove'  uib-tooltip ={{validationerror}} tooltip-placement="right" aria-hidden="true" ></a>
                                                    </span>

                                                    <span ng-if ="successTxt[data.id] != null">

                                                        <a class='glyphicon glyphicon-ok'></a>
                                                    </span>
                                                </td>
												<td class="border1px" style="width:15%;height:5%;"name="activeip[$index]">{{data.activeip}}

                                                    <span ng-if="(data.enable_priv == 'true' || data.enable_priv == true )&& (data.enable_vdc == 'false' || data.enable_vdc ==false ) ">&nbsp;
                                                          <i class="fa fa-question-circle blueColor"  ng-click = "displaypwd(data.id,'discover');"></i>


                                                    </span>




                                                </td>

												<td class="border1px" style="width:15%;height:5%;" name="devicetype">
													<span ng-if="data.device_type != 'no SNMP response'">{{data.device_type}}</span>
												    <div>
                                                        <span ng-if="data.device_type == 'no SNMP response'" ng-show="!showTypeDropdownA[data.id]">{{data.device_type}}
															<i class="fa fa-pencil-square-o fa-2x cursor black right" uib-tooltip=Edit tooltip-placement="bottom" aria-hidden="true"
															   ng-click="showTypeDropdownA[data.id] = true; update(data.id); " id="type_edit"></i>
                                                        </span>

														 <span ng-if="autodiscoverHosts && data.device_type =='no SNMP response' " ng-show="showTypeDropdownA[data.id];showSubTypeDropdownA[data.id]" id="{{data.id}}">

                    <select class="selectpicker" name="auto_hosts" ng-options="deviceH.device_id as deviceH.title for deviceH in autodiscoverHosts | orderBy:'deviceH.title'" ng-model="data.type" ng-change="AutoonDeviceTypeChange(data.type,data.id)" style="text-overflow:ellipsis;width:100%" />
														</span>
                                                    </div>
                                                    <div></div>
												</td>

												<td  class="border1px" style="width:15%;height:5%;">
                                                    <div>
                                                    	<span ng-if="data.device_type !='no SNMP response' ">{{data.device_subtype}}</span>
                                                    </div>
													<div>
														<span ng-if="data.device_type == 'FC Switch'&& data.device_subtype == null" ng-show="!showTypeDropdown1[data.id]">
															<i class="fa fa-pencil-square-o fa-2x cursor black right" uib-tooltip=Edit tooltip-placement=\"right\" aria-hidden=\"true\"   ng-click="showTypeDropdown1[data.id] = true; update_sub(data.device_type,data.id)" value ={{data.device_type}}></i>
														</span>

														<span ng-if="data.device_type == 'FC Switch'&& data.device_subtype == null" ng-show = "showTypeDropdown1[data.id]">

															<select id="autosubTypeChange1{{$index}}" name ="autosubTypeChange1{{$index}}" class="selectpicker" ng-disabled="isProcessingType" ng-options="subTypesDevice.id as subTypesDevice.title for subTypesDevice in discoverHostdetails1.subtypes" ng-model="data.subtype" ng-change="onAutoDiscoverSubTypeChange(data.subtype,$index)" style="text-overflow:ellipsis;width:100%"></select>
														</span>
                                                    </div>
													<div>


														<span ng-if="data.device_type =='no SNMP response'  " ng-show="showSubTypeDropdownA[data.id]">

															<select id="autosubTypeChange{{$index}}" class="selectpicker" ng-disabled="isProcessingType" ng-options="subTypesDevice.id as subTypesDevice.title for subTypesDevice in hostdetails[data.id].subtypes" ng-model="data.subtype" ng-change="onAutoDeviceSubTypeChange(data.subtype,$index,data.id)" style="text-overflow:ellipsis;width:100%"></select>

														</span>



                                                    </div>
                                                </td>

												<td class="border1px" style="width:15%;height:5%;">{{data.hardware}}</td>

												<td class="border1px" style="width:15%;height:5%;">{{data.os_version}}</td>

												<td class="border1px">
                                                    <span ng-show="!showUserDropdown" ><span><i class="fa fa-pencil-square-o fa-2x cursor black right" uib-tooltip="Edit" tooltip-placement="bottom" aria-hidden="true"  ng-click="showUserDropdown=true;"  ></i></span></span>
													<input ng-show="showUserDropdown" type="text"  class="form-control3" placeholder="username" ng-model = "username[$index]" value = "user" id = "usertxt"/>
												</td>
												<td class="border1px">
                                                    <span ng-show="!showPassDropdown" class="bold" ><span><i class="fa fa-pencil-square-o fa-2x cursor black right" uib-tooltip="Edit" tooltip-placement="bottom" aria-hidden="true" ng-click="showPassDropdown=true;"  ></i></span></span>
													<input ng-show="showPassDropdown"  type="password" class="form-control3" placeholder="password" ng-model = "password[$index]" value="password" />
												</td>

											</tr>

										</table></div></br>

									    </div>
										</form>

									</div>

								<!--</div>-->

							<!--ends here-->


								


								<!-- ends here-->



<!-- configure solution-->
                            <br/><br/>
						</div>
						<div class="startFooterDiscovery" ng-show="content == 'discover'" style="z-index:0;">

										<button type="button"  ng-click="confirmClickAutocollect()" confirm-click-autocollect='Do you want to collect the data without Save?' class="btnD btn-primary-own pull-right marginButton" ng-disabled="b4discover || !validateProcessing">Collect</button>

                                        <button type="button"  ng-click="confirmValidateDiscover()" class="btnD btn-primary-own pull-right marginButton" ng-disabled="b4discover || !validateProcessing">Validate</button>

										<button type="button"  ng-click="confirmClickAuto()" confirm-click-auto='saveform' class="btnD btn-primary-own pull-right marginButton" ng-disabled="b4discover || !validateProcessing">Save & Collect</button>

										
								</div>
								<div class="startFooterDiscovery" ng-show="content == 'import'">

										<button type="button"  ng-click="confirmClickSave()" confirm-click-save='Do you want to collect the data without Save?' class="btnD btn-primary-own pull-right marginButton" ng-disabled="!showNoDataFound || !validateProcessing">Collect</button>

										<button type="button"  ng-click="confirmValidate()"  class="btnD btn-primary-own pull-right marginButton" ng-disabled="!showNoDataFound  || !validateProcessing">Validate</button>

										<button type="button"  ng-click="confirmClickDiscover()" confirm-click-discover='saveform' class="btnD btn-primary-own pull-right marginButton" ng-disabled="!showNoDataFound  || !validateProcessing">Save & Collect</button>

										
								</div><div class="startFooterDiscovery" ng-show="!content" style="z-index:0;">

										<button type="button"  class="btnD btn-primary-own pull-right marginButton" ng-disabled="true">Collect</button>

										<button type="button" ng-disabled="true"class="btnD btn-primary-own pull-right marginButton" >Validate</button>

										<button type="button"  ng-disabled="true" class="btnD btn-primary-own pull-right marginButton" >Save & Collect</button>

										
								</div>
						</div>
						</div>
						</div>



				{% endverbatim %}