<div ng-cloak class="top-panel panel-gradient clearfix" ng-controller="headerCtrl">
	<i class="icon-chevron icon-right-arrow-circle" title="{{'expand_collapse_megamenu' | translate}}" ng-class="{'collapsed': isActive}" ng-click="hideShowMenu()"></i>
	<div class="logo">
		<a href="http://www.cisco.com" target="_blank"><img src="utils/megamenu/images/ciscoprime.png" alt="cisco"></a>
	</div>
	<h1 class="main-title"> Cisco {{platform}} {{deviceDescription}}
	<br/>
	<span class="deviceVersion">{{version}}</span></h1>

	<div class="top-panel-tools">
                <!-- Not required as of now
		<div class="top-panel-section">
			{{"com_welcome" | translate}} <i>{{username}}</i>
		</div>
                -->
		<div class="top-panel-section">
			<span class="fieldinput">
                                        <select style="float: left;  margin-right: 15px; width: 90px; font-size: 14px; text-align: center;" kendo-drop-down-list="languageSelector" name="languageSelector" id="languageSelector"
                                                        ng-model="prefLang"
                                                        k-data-source="supportedLanguages"
                                                        k-data-text-field="'name'"
                                                        k-data-value-field="'value'"
							ng-change="updateLanguageSelection()"
							k-ng-delay="prefLang">
                                        </select>
                        </span>
			<a href="javascript://" title="{{'com_help' | translate}}" ng-click="openOnlineHelpWindow()"><i class="fa fa-question-circle"></i></a>

			<a href="" title="{{'system_information' | translate}}" ng-click="showWindow('systemInformationWindow')"><i class="fa fa-info-circle"></i></a>

			<a href="" title="{{'save_configuration' | translate}}" ng-click="showWindow('saveConfigConfirmWindow')"><i class="fa fa-save"></i></a>

			<a ng-if="isUserPrivilegeBool" title="{{'com_telnet' | translate}}" href="#/telnet"><i class="fa fa-desktop"></i></a>
		</div>

		<div class="top-panel-section" title="{{'com_supported_browsers' | translate}}" class="supportedBrowsers" ng-if="!isHTML5SupportedBrowser()">
			<a href="javascript://"  title="{{'com_supported_browsers' | translate}}" ng-click="showConfirmWindow(true,supportedBrowsersWindow)"><i class="fa fa-times-circle" ></i></a>
		</div>

		<!-- not required now as there is no session management
		<div class="top-panel-section withoutRightBorder">
			<a href="" title="{{'com_logout' | translate}}" ng-click="showWindow('logoutConfirmWindow')"><i class="fa fa-sign-out"></i></a>
		</div>
		-->

		<div style="display:none">

			<!--Window for Supported Browsers Action-->
			<div kendo-window="supportedBrowsersWindow" title="{{'com_supported_browsers' | translate}}" k-modal="true" k-width="500" k-visible="false">
				<div class="windowContent">
					<div class="title">
						{{'com_supported_browsers' | translate}}
					</div>
					<div>
						<label>IE</label>
						<span>&gt;9</span>
					</div>
					<div>
						<label>Google Chrome</label>
						<span>>=6</span>
					</div>
					<div>
						<label>Mozilla</label>
						<span>>=4</span>
					</div>
					<div>
						<label>Safari</label>
						<span>>=11.1</span>
					</div>
				</div>
				<div class="windowButtonContainer">
					<button kendo-button="supportedBrowsersCancelButton" class="btn btn-primary " ng-click="showConfirmWindow(false,supportedBrowsersWindow)">
						{{'com_ok' | translate}}
					</button>
				</div>
			</div>
		</div>
	</div>
</div>
