﻿<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
				xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl">
	<xsl:import href="Reports/UpComingTaskFilter.xslt"/>

	<xsl:template name="TopMenuBar">
		<xsl:param name="Settings" select="'N/A'"></xsl:param>
		<xsl:param name="BrandXml" select="'N/A'"></xsl:param>
		<xsl:param name="CustomXML" select="'N/A'"></xsl:param>
		<xsl:param name="LogOffURL" select="'N/A'"></xsl:param>
		<xsl:param name="Protocol" select="'N/A'"></xsl:param>
		<xsl:param name="HostName" select="'N/A'"></xsl:param>
		<xsl:param name="MBrandItemID" select="'N/A'"></xsl:param>
		<xsl:param name="ClientManagerItemID" select="'N/A'"></xsl:param>
		<xsl:param name="LoggedInUser" select="'N/A'"></xsl:param>
		<xsl:param name="MenuType" select="'N/A'"></xsl:param>
		<xsl:param name="PortalItemID" select="'N/A'"></xsl:param>
		<xsl:param name="HeaderCssClass" select="'N/A'"></xsl:param>
		<header class="{$HeaderCssClass}">
			<!--newtheme fixed css-->
			<div class="row">
				<!-- navigation -->
				<div class="container-fluid cont_rem" style="padding-left: 40px;">
					<div class="row">
						<div class="col-sm-2 col-xs-4 logo">
							<a href="{$Protocol}{$HostName}">
								<img src="{$Settings/Logo/LogoURL}" class="auto smal380"></img>
							</a>
						</div>
						<div class="col-sm-10 col-xs-8 header_height">
							<xsl:if test="$Settings/DisplayUpcomingNotificationYN=1 and $PortalItemID!=0">
								<div class="dropdown notic ">
									<button id="btnShowCalenderDashboardPopDown" style="display:none" onclick="selectLoadUpComingGoalTask('ddlUpcomingTaskTypeNoti', 'divDisplayDateTaskNotification', '-99', 'divShowCalenderDashboardPopDown',1, {$LoggedInUser/UserID}, {$MBrandItemID}, '-99', '', '', '','-99','','spanDisplayCurrentDateNotification');"
										 class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
									</button>
									<div  class="dropdown-menu bell_dropdown" onmouseover="$('body').css('position','fixed');$('body').css('overflow-y','scroll');"
										  onmouseout="$('body').css('position','absolute');$('body').css('overflow-y','auto');">
										<div class="bell_head">
											<p class="text-left text_custom">Upcoming Tasks</p>
											<p class="text-right text_custom" >
												<xsl:call-template name="UpComingTaskFilter">
													<xsl:with-param name="DisplayDateDiv" select="'divDisplayDateTaskNotification'"></xsl:with-param>
													<xsl:with-param name="GoalItemID" select="-99"></xsl:with-param>
													<xsl:with-param name="DivID" select="'divShowCalenderDashboardPopDown'"></xsl:with-param>
													<xsl:with-param name="PageNumber" select="'1'"></xsl:with-param>
													<xsl:with-param name="ResponsibleID" select="$LoggedInUser/UserID"></xsl:with-param>
													<xsl:with-param name="MasterPortalItemID" select="$MBrandItemID"></xsl:with-param>
													<xsl:with-param name="PortalItemID" select="'-99'"></xsl:with-param>
													<xsl:with-param name="SuccessKey" select="''"></xsl:with-param>
													<xsl:with-param name="ItemType" select="''"></xsl:with-param>
													<xsl:with-param name="CompletePercentage" select="''"></xsl:with-param>
													<xsl:with-param name="CurrentDate" select="'-99'"></xsl:with-param>
													<xsl:with-param name="SelectedText" select="'Today'"></xsl:with-param>
													<xsl:with-param name="PageType" select="'Notification'"></xsl:with-param>
													<xsl:with-param name="SpanCalenderID" select="'spanDisplayCurrentDateNotification'"></xsl:with-param>
												</xsl:call-template>
											</p>
										</div>
										<div class="bell_body" >
											<div class="section-title" style="text-align:center;border:none;" id="divDisplayDateTaskNotification">
											</div>
											<div id="divShowCalenderDashboardPopDown" class="bell_fullwidth scrollbar">
											</div>
										</div>
										<div class="bell_foot onMouseOver"
											 onclick="$('#divClientPortalOperations_Container').html(''); loadBasePortalUserTasks_3_0('divClientPortalOperations_Container','{$PortalItemID}','{$LoggedInUser/UserID}','1','Header','1');">
											View All Tasks
										</div>
									</div>
								</div>
							</xsl:if>
							<xsl:if test="$Settings/DisplayNotificationYN=1 and $PortalItemID!=0">
								<div class="dropdown notic ">
									<button id="btnShowNotifiction" style="display:none" class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown"
											onclick="$('#divRecenAcitivityPopDown').text('');loadGoalUserNotifications(-99,'divRecenAcitivityPopDown',{$MBrandItemID},-99,{$LoggedInUser/UserID},1,'top');updateUserSettings('spanPendingRecentActivityCount');">
									</button>
									<xsl:variable name="CallNotificationFunc">
										<xsl:text>getPendingUserNotificationCount('spanPendingRecentActivityCount',</xsl:text>
										<xsl:value-of select="$MBrandItemID"></xsl:value-of>
										<xsl:text>)</xsl:text>
									</xsl:variable>
									<script>
										<xsl:value-of select="$CallNotificationFunc"/>
										<xsl:text>;</xsl:text>
										<xsl:text> $(document).ready(function(){setInterval(function(){</xsl:text>
										<xsl:value-of select="$CallNotificationFunc"></xsl:value-of>
										<xsl:text>}, 60000);});</xsl:text>
									</script>
									<xsl:variable name="HitScrollFunction">
										<xsl:text>checkIfScrollBottom('divRecenAcitivityPopDown');</xsl:text>
									</xsl:variable>
									<div id="divNotifyPopDropDown" class="dropdown-menu bell_dropdown" onmouseover="$('body').css('position','fixed');$('body').css('overflow-y','scroll');"
										  onmouseout="$('body').css('position','absolute');$('body').css('overflow-y','auto');">
										<div class="bell_head">
											<p class="text-left text_custom" >Notifications</p>
											<p class="text-right text_custom" onclick="LoadCustmiseOperationsDiv()">
												<a href="#">Customize</a>
											</p>
										</div>
										<div class="bell_body" >
											<div pageNumber="1"  source="RecentActivityTopDown" onTouchStart="{$HitScrollFunction}" onmouseover="{$HitScrollFunction}"
												 id="divRecenAcitivityPopDown"	 LastRowID="0" TotalRec="0" class="col-md-12 RecentAct bell_fullwidth scrollbar">
											</div>
											<input style="display:none" type="button"  id="btnLoadMoreRecenActivity"   onclick="loadGoalUserNotificationsScroll(-99,'divRecenAcitivityPopDown',{$MBrandItemID},-99,{$LoggedInUser/UserID},'btnLoadMoreRecenActivity');"></input>
										</div>
										<div class="bell_foot" style="display:none">View All Recent Activity </div>
									</div>
								</div>
							</xsl:if>
							<div id="navbar">
								<nav class="navbar navbar-default navbar-static-top" role="navigation">
									<!--<i onClick="getUserNotification_3_0({$MBrandItemID},'divClientPortalOperations_Container');" style="cursor: pointer;font-size:20px;line-height: 52px;color:#2a4570;" class="pull-left glyphicon glyphicon-bell"></i>-->

									<div class="navbar-header">
										<button type="button" class="navbar-toggle m-R-0" data-toggle="collapse" data-target="#navbar-collapse-1">
											<span class="sr-only">Toggle navigation</span>
											<span class="icon-bar"></span>
											<span class="icon-bar"></span>
											<span class="icon-bar"></span>
										</button>
									</div>
									<div class="collapse navbar-collapse navbar-right cstm" id="navbar-collapse-1">
										<ul class="nav navbar-nav ">
											<xsl:if test="normalize-space($MenuType)='Detail' and $PortalItemID!=0">
												<xsl:for-each select="$CustomXML/Tab[(count($BrandXml/Brand[PermissionID > 1]) &gt; 0) 
															  or (TabName != 'CompanyAdmin' and count($BrandXml/Brand[PermissionID > 1]) = 0)]">
													<xsl:variable name="onClickFunction">
														<xsl:choose>
															<xsl:when test="TabName = 'CompanyAdmin'">
																<xsl:text>window.location.href = '</xsl:text>
																<xsl:value-of select="$Protocol"/>
																<xsl:value-of select="$HostName"/>
																<xsl:text>/';</xsl:text>
															</xsl:when>
															<xsl:when test="TabName = 'HomeWorkouts'">
																<xsl:text>loadLifespacesDashboardContent('</xsl:text>
																<xsl:number value="0"/>
																<xsl:text>', 'Limit', '</xsl:text>
																<xsl:value-of select="$MBrandItemID"/>
																<xsl:text>', 'divDashboardLayout', 'MyWorkouts');</xsl:text>
															</xsl:when>
															<xsl:when test="TabName = 'Journey' or TabName = 'WorkGoals'">
																<xsl:text>loadLifespacesDashboardContent('</xsl:text>
																<xsl:number value="0"/>
																<xsl:text>', 'Limit', '</xsl:text>
																<xsl:value-of select="$MBrandItemID"/>
																<xsl:text>', 'divDashboardLayout', 'default');</xsl:text>
															</xsl:when>
															<xsl:when test="TabName = 'PersonalGoals'">
																<xsl:text>loadLifespacesDashboardContent('</xsl:text>
																<xsl:number value ="0"/>
																<xsl:text>', 'Exclude', '</xsl:text>
																<xsl:value-of select="$MBrandItemID"/>
																<xsl:text>', 'divDashboardLayout', 'default');</xsl:text>
															</xsl:when>
															<xsl:when test="TabName = 'Opportunities'">
																<xsl:text>loadLifespacesDashboardContent('</xsl:text>
																<xsl:number value="0"/>
																<xsl:text>', 'Limit', '</xsl:text>
																<xsl:value-of select="$MBrandItemID"/>
																<xsl:text>', 'divDashboardLayout', 'MyPipeLine');</xsl:text>
															</xsl:when>
															<xsl:when test="TabName = 'ClientManager'">
																<xsl:text>loadLifespacesDashboardContent('</xsl:text>
																<xsl:value-of select="$ClientManagerItemID"/>
																<xsl:text>', 'All', '</xsl:text>
																<xsl:value-of select="$MBrandItemID"/>
																<xsl:text>', 'divDashboardLayout', 'ClientManager');</xsl:text>
															</xsl:when>
															<xsl:when test="TabName = 'Scorecard'">
																<xsl:text>loadLifespacesDashboardContent('</xsl:text>
																<xsl:number value="0"/>
																<xsl:text>', 'Limit', '</xsl:text>
																<xsl:value-of select="$MBrandItemID"/>
																<xsl:text>', 'divDashboardLayout', 'Scorecard');</xsl:text>
															</xsl:when>
															<xsl:when test="TabName = 'JoinChallenge' or TabName = 'Challenges'">
																<xsl:text>getChallengesList('', 0, '-99','divDashboardLayout');</xsl:text>
															</xsl:when>
															<xsl:when test="TabName = 'Communities' or TabName = 'Community'">
															</xsl:when>
														</xsl:choose>
													</xsl:variable>

													<xsl:choose>
														<xsl:when test="TabName = 'ClientManager'">
															<xsl:choose>
																<xsl:when test="count($BrandXml/Brand) &gt; 1 ">
																	<li>
																		<a href="#" class="dropdown-toggle" data-toggle="dropdown">
																			<xsl:value-of select="DisplayName"/>
																			<b class="caret"></b>
																		</a>
																		<ul class="dropdown-menu">
																			<xsl:for-each select="$BrandXml/Brand">
																				<li>
																					<a href="#" onClick="loadLifespacesDashboardContent('{ItemID}', 'All', '{$MBrandItemID}', 'divDashboardLayout', 'default');">
																						<xsl:value-of select="Item"/>
																					</a>
																				</li>
																			</xsl:for-each>
																		</ul>
																	</li>
																</xsl:when>
																<xsl:otherwise>
																	<li>
																		<a href="#" onClick="{$onClickFunction}">
																			<xsl:value-of select="DisplayName"/>
																		</a>
																	</li>
																</xsl:otherwise>
															</xsl:choose>
														</xsl:when>
														<xsl:when test="TabName = 'CompanyAdmin' and count($BrandXml/Brand[PermissionID &gt; 1]) = 1 and MenuType='Detail'">
															<li>
																<a href="#" onClick="{$onClickFunction}">
																	<xsl:value-of select="DisplayName"/>
																</a>
															</li>
														</xsl:when>
														<xsl:when test="TabName = 'CompanyAdmin' and count($BrandXml/Brand[PermissionID &gt; 1]) &gt; 1">
															<xsl:choose>
																<xsl:when test="count($BrandXml/Brand) = 1">
																	<li>
																		<a href="#">
																			<xsl:value-of select="DisplayName"/>
																		</a>
																	</li>
																</xsl:when>
																<xsl:otherwise>
																	<li>
																		<a href="#" class="dropdown-toggle" data-toggle="dropdown">
																			<xsl:value-of select="DisplayName"/>
																			<b class="caret"></b>
																		</a>
																		<ul class="dropdown-menu">
																			<xsl:for-each select="$BrandXml/Brand[PermissionID &gt; 1]">
																				<li>
																					<a href="#" onClick="loadLifespacesDashboardContent('{ItemID}', 'All', '{$MBrandItemID}', 'divDashboardLayout', 'default');">
																						<xsl:value-of select="Item"/>
																					</a>
																				</li>
																			</xsl:for-each>
																		</ul>
																	</li>
																</xsl:otherwise>
															</xsl:choose>
														</xsl:when>
														<xsl:when test="TabName = 'Community'">
															<li>
																<a href="#">
																	<xsl:value-of select="DisplayName"/>
																</a>
															</li>
														</xsl:when>
														<xsl:otherwise>
															<xsl:if test="TabName != 'CompanyAdmin' and TabName != 'ClientManager'">
																<li>
																	<a href="#" onClick="{$onClickFunction}">
																		<xsl:value-of select="DisplayName"/>
																	</a>
																</li>
															</xsl:if>
														</xsl:otherwise>
													</xsl:choose>
												</xsl:for-each>
											</xsl:if>
											<xsl:if test="$Settings/GoogleTranslate = 1 and $LoggedInUser/UserID &gt; 0">
												<li class="mrginT15">
													<div id="google_translate_element"></div>
													<script type="text/javascript">
														function googleTranslateElementInit()
														{
														new google.translate.TranslateElement
														(
														{pageLanguage: 'en'
														, layout: google.translate.TranslateElement.InlineLayout.SIMPLE
														, multilanguagePage: true, gaTrack: true, gaId: 'UA-119246-44'
														}
														, 'google_translate_element'
														);
														}
													</script>
													<script type="text/javascript"
															src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
													</script>
												</li>
											</xsl:if>
											<xsl:if test="$Settings/DisplayUpcomingNotificationYN=1 and $PortalItemID!=0">
												<li class="showdesk notic">
													<button  onclick="callToggleButton('btnShowCalenderDashboardPopDown',event);"  class="btn btn-default dropdown-toggle" type="button">
														<span class="glyphicon glyphicon-calendar topBarLinks"></span>
													</button>
												</li>
											</xsl:if>
											<xsl:if test="$Settings/DisplayNotificationYN=1 and $PortalItemID!=0">
												<li class="showdesk notic">
													<button onclick="callToggleButton('btnShowNotifiction',event);" class="btn btn-default dropdown-toggle" type="button">
														<span id="spanPendingRecentActivityCount_Full" class="notify"></span>
														<span class="glyphicon glyphicon-bell topBarLinks"></span>
														<!--<span class="caret" style="margin-top: -12px;"></span>-->
													</button>
												</li>
											</xsl:if>
											<li class="dropdown">
												<a  class="dropdown-toggle topBarLinks" data-toggle="dropdown">
													<xsl:value-of select="$LoggedInUser/FirstName"/>
													<b class="caret"></b>
												</a>
												<ul class="dropdown-menu">
													<li onclick="LoadCustmiseOperationsDiv()">
														<a >Settings</a>
													</li>
													<li>
														<a href="{$LogOffURL}">Log Out</a>
													</li>

												</ul>
											</li>
										</ul>
									</div>
									<xsl:if test="$Settings/DisplayNotificationYN=1">
										<div class="dropdown notic  m-R-0">
											<button  class="btn btn-default dropdown-toggle showMobTop" type="button" data-toggle="dropdown"
													onclick="callToggleButton('btnShowNotifiction',event);">
												<span id="spanPendingRecentActivityCount" class="notify"></span>
												<span class="glyphicon glyphicon-bell font18"></span>
											</button>
										</div>
									</xsl:if>
									<xsl:if test="$Settings/DisplayUpcomingNotificationYN=1">
										<div class="dropdown notic m-R-0 ">
											<button onclick="callToggleButton('btnShowCalenderDashboardPopDown',event);"  class="btn btn-default dropdown-toggle showMobTop" type="button" data-toggle="dropdown">
												<span class="glyphicon glyphicon-calendar font18 topBarLinks"></span>
											</button>
										</div>
									</xsl:if>

									<!-- /.navbar-collapse -->
								</nav>
							</div>
						</div>
					</div>
					<!-- end -->
				</div>
			</div>
		</header>
	</xsl:template>
	<xsl:template name="NewTopMenuBar">
		<div class="nwtheme">
			<div class="layout-fixed ">
				<div class="navbar navbar-default" role="navigation">

					<div class="container">

						<div class="navbar-header">
							<div class="navbar-brand">
								<a href="./index.html" class="logo">
									<img src="http://metarocket.space/mockups/mvpready-2.3.2/templates/admin/img/logo.png" alt=""></img>
								</a>
							</div>

							<button class="navbar-toggle pull-right" type="button" data-toggle="collapse" data-target=".navbar-collapse">
								<span class="sr-only">Toggle navigation</span>
								<i class="fa fa-cog"></i>
							</button>
						</div>
						<!-- /.navbar-header -->

						<div class="navbar-collapse collapse">

							<form1 class="navbar-form navbar-search-form navbar-left">
								<div class="form-group nwthmetxt">
									<input type="text" class="form-control navbar-search-field" placeholder="Type here for search..."></input>
								</div>
							</form1>

							<ul class="nav navbar-nav navbar-right">

								<li class="divider"></li>

								<li class="dropdown navbar-profile">
									<a class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" href="javascript:;">
										<img src="./ThemeMVP/global/img/avatars/avatar-6-sm.jpg" class="navbar-profile-avatar" alt=""></img>
										<span class="visible-xs-inline">@peterlandt </span>
										<i class="fa fa-caret-down"></i>
									</a>

									<ul class="dropdown-menu" role="menu">

										<li>
											<a href="./page-profile.html">
												<i class="fa fa-user"></i>
												My Profile
											</a>
										</li>

										<li>
											<a href="./page-pricing-plans.html">
												<i class="fa fa-dollar"></i>
												Billing
											</a>
										</li>

										<li>
											<a href="./page-settings.html">
												<i class="fa fa-cogs"></i>
												Settings
											</a>
										</li>

										<li class="divider"></li>

										<li>
											<a href="/website/Logoff.aspx">
												<i class="fa fa-sign-out"></i>
												Logout
											</a>
										</li>

									</ul>

								</li>

							</ul>

							<ul class="nav navbar-nav navbar-right">

								<li class="dropdown">

									<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">
										Templates
										<i class="fa fa-caret-down"></i>
									</a>

									<ul class="dropdown-menu mega-menu-2" role="menu">

										<li>
											<div class="mega-menu-content">

												<div class="mega-menu-col">

													<div class="demo-block">
														<a href="../admin-1/index.html" class="demo-launcher">
															<img src="../../previews/img/theme-drop-admin-1.png" class="img-responsive" alt=""></img>

															View Admin Layout #1
														</a>

														<div class="demo-external">
															<a href="../admin-1/index.html" target="_blank">
																<small>
																	<i class="fa fa-external-link"></i>(Open in new tab)
																</small>
															</a>
														</div>
													</div>
													<!-- /.demo-block -->

													<div class="demo-block">
														<a href="../landing/index.html" class="demo-launcher">
															<img src="../../previews/img/theme-drop-landing.png" class="img-responsive" alt=""></img>

															View Frontend Template
														</a>

														<div class="demo-external">
															<a href="../landing/index.html" target="_blank">
																<small>
																	<i class="fa fa-external-link"></i>(Open in new tab)
																</small>
															</a>
														</div>
													</div>
													<!-- /.demo-block -->
												</div>
												<!-- /.mega-menu-col -->

												<div class="mega-menu-col">
													<div class="demo-block">
														<a href="../admin-2/index.html" class="demo-launcher">
															<img  src="../../previews/img/theme-drop-admin-2.png" class="img-responsive" alt=""></img>

															View Admin Layout #2
														</a>

														<div class="demo-external">
															<a href="../admin-2/index.html" target="_blank">
																<small>
																	<i class="fa fa-external-link"></i>(Open in new tab)
																</small>
															</a>
														</div>
													</div>
													<!-- /.demo-block -->

													<div class="demo-block">
														<a href="../launch/index.html" class="demo-launcher">
															<img src="../../previews/img/theme-drop-launch.png" class="img-responsive" alt=""></img>

															View Launch Template
														</a>

														<div class="demo-external">
															<a href="../launch/index.html" target="_blank">
																<small>
																	<i class="fa fa-external-link"></i>(Open in new tab)
																</small>
															</a>
														</div>
													</div>
													<!-- /.demo-block -->
												</div>
												<!-- /.mega-menu-col -->

											</div>
											<!-- /.mega-menu-content -->
										</li>

									</ul>

								</li>

								<li class="navbar-divider"></li>
								<!-- /.navbar-divider -->

								<li class="dropdown navbar-notification">

									<a href="./page-notifications.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">
										<i class="fa fa-bell navbar-notification-icon"></i>
										<span class="visible-xs-inline">Notifications</span>
										<b class="badge badge-primary">3</b>
									</a>

									<div class="dropdown-menu">

										<div class="dropdown-header">Notifications</div>

										<div class="notification-list">

											<a href="./page-notifications.html" class="notification">
												<span class="notification-icon">
													<i class="fa fa-cloud-upload text-primary"></i>
												</span>
												<span class="notification-title">Notification Title</span>
												<span class="notification-description">Praesent dictum nisl non est sagittis luctus.</span>
												<span class="notification-time">20 minutes ago</span>
											</a>
											<!-- / .notification -->

											<a href="./page-notifications.html" class="notification">
												<span class="notification-icon">
													<i class="fa fa-ban text-secondary"></i>
												</span>
												<span class="notification-title">Notification Title</span>
												<span class="notification-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit...</span>
												<span class="notification-time">20 minutes ago</span>
											</a>
											<!-- / .notification -->

											<a href="./page-notifications.html" class="notification">
												<span class="notification-icon">
													<i class="fa fa-warning text-tertiary"></i>
												</span>
												<span class="notification-title">Storage Space Almost Full!</span>
												<span class="notification-description">Praesent dictum nisl non est sagittis luctus.</span>
												<span class="notification-time">20 minutes ago</span>
											</a>
											<!-- / .notification -->

											<a href="./page-notifications.html" class="notification">
												<span class="notification-icon">
													<i class="fa fa-ban text-danger"></i>
												</span>
												<span class="notification-title">Sync Error</span>
												<span class="notification-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit...</span>
												<span class="notification-time">20 minutes ago</span>
											</a>
											<!-- / .notification -->

										</div>
										<!-- / .notification-list -->

										<a href="./page-notifications.html" class="notification-link">View All Notifications</a>

									</div>
									<!-- / .dropdown-menu -->

								</li>



								<li class="dropdown navbar-notification">

									<a href="./page-notifications.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">
										<i class="fa fa-envelope navbar-notification-icon"></i>
										<span class="visible-xs-inline">Messages</span>
									</a>

									<div class="dropdown-menu">

										<div class="dropdown-header">Messages</div>

										<div class="notification-list">

											<a href="./page-notifications.html" class="notification">
												<div class="notification-icon">
													<img src="../../global/img/avatars/avatar-3-md.jpg" alt=""></img>
												</div>
												<div class="notification-title">New Message</div>
												<div class="notification-description">Praesent dictum nisl non est sagittis luctus.</div>
												<div class="notification-time">20 minutes ago</div>
											</a>
											<!-- / .notification -->

											<a href="./page-notifications.html" class="notification">
												<div class="notification-icon">
													<img src="../../global/img/avatars/avatar-3-md.jpg" alt=""></img>
												</div>
												<div class="notification-title">New Message</div>
												<div class="notification-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit...</div>
												<div class="notification-time">20 minutes ago</div>
											</a>
											<!-- / .notification -->

											<a href="./page-notifications.html" class="notification">
												<div class="notification-icon">
													<img src="../../global/img/avatars/avatar-4-md.jpg" alt=""></img>
												</div>
												<div class="notification-title">New Message</div>
												<div class="notification-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit...</div>
												<div class="notification-time">20 minutes ago</div>
											</a>
											<!-- / .notification -->

											<a href="./page-notifications.html" class="notification">
												<div class="notification-icon">
													<img src="../../global/img/avatars/avatar-5-md.jpg" alt=""></img>
												</div>
												<div class="notification-title">New Message</div>
												<div class="notification-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit...</div>
												<div class="notification-time">20 minutes ago</div>
											</a>
											<!-- / .notification -->

										</div>
										<!-- / .notification-list -->

										<a href="./page-notifications.html" class="notification-link">View All Messages</a>

									</div>
									<!-- / .dropdown-menu -->

								</li>


								<li class="dropdown navbar-notification empty">

									<a href="./page-notifications.html" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown">
										<i class="fa fa-warning navbar-notification-icon"></i>
										<span class="visible-xs-inline">Alerts</span>
									</a>

									<div class="dropdown-menu">

										<div class="dropdown-header">Alerts</div>

										<div class="notification-list">

											<h4 class="notification-empty-title">No alerts here.</h4>
											<p class="notification-empty-text">Check out what other makers are doing on Explore!</p>

										</div>
										<!-- / .notification-list -->

										<a href="./page-notifications.html" class="notification-link">View All Alerts</a>

									</div>
									<!-- / .dropdown-menu -->

								</li>



								<li class="navbar-divider"></li>
								<!-- /.navbar-divider -->

							</ul>

						</div>

					</div>
					<!--/.container -->

				</div>
				<!--/.navbar -->
			</div>
		</div>
	</xsl:template>
</xsl:stylesheet>
