{% set quick_links_first_block %}
	<!-- EVENT navbar_header_quick_links_before -->

	<!-- IF S_DISPLAY_SEARCH -->
		<li class="separator"></li>
		<!-- IF S_REGISTERED_USER -->
							<li>
								<a href="{U_SEARCH_SELF}" role="menuitem">
									<i class="icon fa-file-o fa-fw icon-gray" aria-hidden="true"></i><span>{L_SEARCH_SELF}</span>
								</a>
							</li>
		<!-- ENDIF -->
		<!-- IF S_USER_LOGGED_IN -->
							<li>
								<a href="{U_SEARCH_NEW}" role="menuitem">
									<i class="icon fa-file-o fa-fw icon-red" aria-hidden="true"></i><span>{L_SEARCH_NEW}</span>
								</a>
							</li>
		<!-- ENDIF -->
		<!-- IF S_LOAD_UNREADS -->
							<li>
								<a href="{U_SEARCH_UNREAD}" role="menuitem">
									<i class="icon fa-file-o fa-fw icon-red" aria-hidden="true"></i><span>{L_SEARCH_UNREAD}</span>
								</a>
							</li>
		<!-- ENDIF -->
							<li>
								<a href="{U_SEARCH_UNANSWERED}" role="menuitem">
									<i class="icon fa-file-o fa-fw icon-gray" aria-hidden="true"></i><span>{L_SEARCH_UNANSWERED}</span>
								</a>
							</li>
							<li>
								<a href="{U_SEARCH_ACTIVE_TOPICS}" role="menuitem">
									<i class="icon fa-file-o fa-fw icon-blue" aria-hidden="true"></i><span>{L_SEARCH_ACTIVE_TOPICS}</span>
								</a>
							</li>
							<li class="separator"></li>
							<li>
								<a href="{U_SEARCH}" role="menuitem">
									<i class="icon fa-search fa-fw" aria-hidden="true"></i><span>{L_SEARCH}</span>
								</a>
							</li>	
	<!-- ENDIF -->
{% endset %}

{% set quick_links_last_block %}
	<!-- EVENT navbar_header_quick_links_after -->
{% endset %}

{% set quick_links_all %}{{ quick_links_first_block|trim }}{{ quick_links_last_block|trim }}{% endset %}

<div class="navbar tabbed not-static" role="navigation">
	<div class="inner page-width">
		<div class="nav-tabs" data-current-page="<!-- IF $NAV_SECTION -->{$NAV_SECTION}<!-- ELSE -->{SCRIPT_NAME}<!-- ENDIF -->">
			<ul class="leftside">
				<li id="quick-links" class="quick-links tab responsive-menu dropdown-container{% if quick_links_all == '' %} empty{% endif %}">
					<a href="#" class="nav-link dropdown-trigger">{L_QUICK_LINKS}</a>
					<div class="dropdown">
						<div class="pointer"><div class="pointer-inner"></div></div>
						<ul class="dropdown-contents" role="menu">
							{{ quick_links_first_block }}
							{% if quick_links_last_block|trim %}
								<li class="separator"></li>
								{{ quick_links_last_block }}
							{% endif %}
						</ul>
					</div>
				</li>
				<!-- EVENT navtabs_left_before -->
				<!-- IF U_SITE_HOME -->
					<li class="tab home" data-responsive-class="small-icon icon-home">
						<a class="nav-link" href="{U_SITE_HOME}" data-navbar-reference="home">{L_SITE_HOME}</a>
					</li>
				<!-- ENDIF -->
				<li class="tab forums selected" data-responsive-class="small-icon icon-forums">
					<a class="nav-link" href="{U_INDEX}">{L_FORUMS}</a>
				</li>
				<!-- IF not S_IS_BOT and (S_DISPLAY_MEMBERLIST or U_TEAM) -->
					<li class="tab members dropdown-container" data-select-match="member" data-responsive-class="small-icon icon-members">
						<a class="nav-link dropdown-trigger" href="{U_MEMBERLIST}">{L_MEMBERLIST}</a>
						<div class="dropdown">
							<div class="pointer"><div class="pointer-inner"></div></div>
							<ul class="dropdown-contents" role="menu">
								<!-- IF S_DISPLAY_MEMBERLIST -->
									<li>
										<a href="{U_MEMBERLIST}" role="menuitem">
											<i class="icon fa-group fa-fw" aria-hidden="true"></i><span>{L_MEMBERLIST}</span>
										</a>
									</li>
								<!-- ENDIF -->
								<!-- IF U_TEAM -->
									<li>
										<a href="{U_TEAM}" role="menuitem">
											<i class="icon fa-shield fa-fw" aria-hidden="true"></i><span>{L_THE_TEAM}</span>
										</a>
									</li>
								<!-- ENDIF -->
							</ul>
						</div>
					</li>
				<!-- ENDIF -->
				<!-- EVENT navtabs_left_after -->
			</ul>
			<ul class="rightside" role="menu">
				<!-- EVENT overall_header_navigation_prepend -->
				<li class="tab faq" data-select-match="faq" data-responsive-class="small-icon icon-faq">
					<a class="nav-link" href="{U_FAQ}" rel="help" title="{L_FAQ_EXPLAIN}" role="menuitem">
						<i class="icon fa-question-circle fa-fw" aria-hidden="true"></i><span>{L_FAQ}</span>
					</a>
				</li>
				<!-- EVENT overall_header_navigation_append -->
				<!-- IF U_ACP -->
					<li class="tab acp" data-last-responsive="true">
						<a class="nav-link" href="{U_ACP}" title="{L_ACP}" role="menuitem">
							<i class="icon fa-cogs fa-fw" aria-hidden="true"></i><span>{L_ACP_SHORT}</span>
						</a>
					</li>
				<!-- ENDIF -->
				<!-- IF U_MCP -->
					<li class="tab mcp" data-last-responsive="true" data-select-match="mcp">
						<a class="nav-link" href="{U_MCP}" title="{L_MCP}" role="menuitem">
							<i class="icon fa-gavel fa-fw" aria-hidden="true"></i><span>{L_MCP_SHORT}</span>
						</a>
					</li>
				<!-- ENDIF -->
				<!-- IF S_REGISTERED_USER -->
					<!-- EVENT navbar_header_user_profile_prepend -->
					<li id="username_logged_in" class="tab account dropdown-container" data-skip-responsive="true" data-select-match="ucp">
						<!-- EVENT navbar_header_username_prepend -->						<a href="{U_PROFILE}" class="nav-link dropdown-trigger">{CURRENT_USERNAME_SIMPLE}</a>
						<div class="dropdown">
							<div class="pointer"><div class="pointer-inner"></div></div>
							<ul class="dropdown-contents" role="menu">
								<!-- IF U_RESTORE_PERMISSIONS -->
									<li>
										<a href="{U_RESTORE_PERMISSIONS}">
											<i class="icon fa-refresh fa-fw" aria-hidden="true"></i><span>{L_RESTORE_PERMISSIONS}</span>
										</a>
									</li>
								<!-- ENDIF -->

								<!-- EVENT navbar_header_profile_list_before -->

						<li>
							<a href="{U_PROFILE}" title="{L_PROFILE}" role="menuitem">
								<i class="icon fa-sliders fa-fw" aria-hidden="true"></i><span>{L_PROFILE}</span>
							</a>
						</li>
						<!-- IF U_USER_PROFILE -->
							<li>
								<a href="{U_USER_PROFILE}" title="{L_READ_PROFILE}" role="menuitem">
									<i class="icon fa-user fa-fw" aria-hidden="true"></i><span>{L_READ_PROFILE}</span>
								</a>
							</li>
						<!-- ENDIF -->

								<!-- EVENT navbar_header_profile_list_after -->
			
								<li class="separator"></li>
								<li>
									<a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x" role="menuitem">
										<i class="icon fa-power-off fa-fw" aria-hidden="true"></i><span>{L_LOGIN_LOGOUT}</span>
									</a>
								</li>

							</ul>
						</div>
						<!-- EVENT navbar_header_username_append -->
					</li>
					<!-- IF S_DISPLAY_PM -->
						<li class="tab pm<!-- IF PRIVATE_MESSAGE_COUNT > 0 --> non-zero<!-- ENDIF -->" data-skip-responsive="true" data-select-match="pm">
							<a class="nav-link" href="{U_PRIVATEMSGS}" role="menuitem">
								<i class="icon fa-inbox fa-fw" aria-hidden="true"></i><span>{L_PRIVATE_MESSAGES}</span>
							</a>
							<strong>
								<span class="counter">{PRIVATE_MESSAGE_COUNT}</span>
								<span class="arrow"></span>
							</strong>
						</li>
					<!-- ENDIF -->
					<!-- IF S_NOTIFICATIONS_DISPLAY -->
						<li class="tab notifications dropdown-container<!-- IF NOTIFICATIONS_COUNT > 0 --> non-zero<!-- ENDIF -->" data-skip-responsive="true" data-select-match="notifications">
							<a href="{U_VIEW_ALL_NOTIFICATIONS}" id="notification_list_button" class="nav-link dropdown-trigger">
								<i class="icon fa-bell fa-fw" aria-hidden="true"></i><span>{L_NOTIFICATIONS}</span>
							</a>
							<strong>
								<span class="counter">{NOTIFICATIONS_COUNT}</span>
								<span class="arrow"></span>
							</strong>
							<!-- INCLUDE notification_dropdown.html -->
						</li>
					<!-- ENDIF -->
					<!-- EVENT navbar_header_user_profile_append -->
				<!-- ENDIF -->
				<!-- IF S_REGISTERED_USER -->
					<li class="tab logout"  data-skip-responsive="true"><a class="nav-link" href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x" role="menuitem">{L_LOGIN_LOGOUT}</a></li>
				<!-- ELSE IF not S_IS_BOT -->
					<li class="tab login"  data-skip-responsive="true" data-select-match="login"><a class="nav-link" href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" accesskey="x" role="menuitem">{L_LOGIN_LOGOUT}</a></li>
					<!-- IF S_REGISTER_ENABLED -->
						<li class="tab register" data-skip-responsive="true" data-select-match="register"><a class="nav-link" href="{U_REGISTER}" role="menuitem">{L_REGISTER}</a></li>
					<!-- ENDIF -->
					<!-- EVENT navbar_header_logged_out_content -->
				<!-- ENDIF -->
			</ul>
		</div>
	</div>
</div>

<div class="navbar secondary{% if definition.SEARCH_IN_NAVBAR == 1 && definition.SEARCH_BOX %} with-search{% endif %}">
	<ul role="menubar">
		{% set secondary_links %}
		<!-- EVENT secondary_navlinks_before -->
		{% if definition.NAVLINKS|trim %}
			{{ definition.NAVLINKS }}
		{% endif %}
		{% if !definition.NAVLINKS|trim || definition.NAVLINKS_SHOW_DEFAULT == 1 %}
			<!-- IF U_WATCH_FORUM_LINK and not S_IS_BOT -->
			<li data-last-responsive="true">
				<a href="{U_WATCH_FORUM_LINK}" title="{S_WATCH_FORUM_TITLE}" data-ajax="toggle_link" data-toggle-class="icon <!-- IF S_WATCHING_FORUM -->fa-check-square-o<!-- ELSE -->fa-square-o<!-- ENDIF --> fa-fw" data-toggle-text="{S_WATCH_FORUM_TOGGLE}" data-toggle-url="{U_WATCH_FORUM_TOGGLE}">
					<i class="icon <!-- IF S_WATCHING_FORUM -->fa-square-o<!-- ELSE -->fa-check-square-o<!-- ENDIF --> fa-fw" aria-hidden="true"></i><span>{S_WATCH_FORUM_TITLE}</span>
				</a>
			</li>
			<!-- ENDIF -->
		{% endif %}
		<!-- EVENT secondary_navlinks_after -->
		{% endset %}
		{% if secondary_links|trim %}
			{{ secondary_links }}
			<!-- IF $NAVLINKS_SHOW_DEFAULT && S_DISPLAY_SEARCH -->
				<li class="small-icon icon-search{% if definition.SEARCH_IN_NAVBAR == 1 && definition.SEARCH_BOX %} responsive-hide{% endif %}"><a href="{U_SEARCH}">{L_SEARCH}</a></li>
				<!-- IF S_USER_LOGGED_IN -->
					<li class="small-icon icon-new-posts"><a href="{U_SEARCH_NEW}" role="menuitem">{L_SEARCH_NEW}</a></li>
				<!-- ENDIF -->
			<!-- ENDIF -->
		{% else %}
			<!-- IF S_DISPLAY_SEARCH -->
				<li class="small-icon icon-search{% if definition.SEARCH_IN_NAVBAR == 1 && definition.SEARCH_BOX %} responsive-hide{% endif %}"><a href="{U_SEARCH}">{L_SEARCH}</a></li>
				<!-- IF S_USER_LOGGED_IN -->
					<li class="small-icon icon-new-posts"><a href="{U_SEARCH_NEW}" role="menuitem">{L_SEARCH_NEW}</a></li>
				<!-- ENDIF -->
			<!-- ENDIF -->
			<!-- IF not S_REGISTERED_USER -->
				<li class="small-icon icon-login"><a href="{U_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a></li>
				<!-- IF S_REGISTER_ENABLED -->
					<li class="small-icon icon-register"><a href="{U_REGISTER}">{L_REGISTER}</a></li>
				<!-- ENDIF -->
			<!-- ELSEIF not S_DISPLAY_SEARCH -->
				<li><a href="{U_PROFILE}" class="small-icon icon-profile">{CURRENT_USERNAME_SIMPLE}</a></li>
			<!-- ENDIF -->
		{% endif %}

		{% if definition.SEARCH_IN_NAVBAR == 1 && definition.SEARCH_BOX %}
			<li class="search-box not-responsive">{$SEARCH_BOX}</li>
		{% endif %}
	</ul>
</div>

<!-- DEFINE $BREADCRUMBS -->
<div class="navbar">
	<ul id="nav-breadcrumbs" class="nav-breadcrumbs linklist navlinks" role="menubar">
		{% set MICRODATA = 'itemtype="https://schema.org/ListItem" itemprop="itemListElement" itemscope' %}
		{% set navlink_position = 1 %}

		{% EVENT overall_header_breadcrumbs_before %}

		<li class="breadcrumbs" itemscope itemtype="https://schema.org/BreadcrumbList">

			{% if U_SITE_HOME %}
			<span class="crumb" {{ MICRODATA }}><a itemprop="item" href="{{ U_SITE_HOME }}" data-navbar-reference="home"><i class="icon fa-home fa-fw" aria-hidden="true"></i><span itemprop="name">{{ L_SITE_HOME }}</span></a><meta itemprop="position" content="{{ navlink_position }}{% set navlink_position = navlink_position + 1 %}" /></span>
			{% endif %}

			{% EVENT overall_header_breadcrumb_prepend %}
			<span class="crumb" {{ MICRODATA }}><a itemprop="item" href="{{ U_INDEX }}" accesskey="h" data-navbar-reference="index">{% if not U_SITE_HOME %}<i class="icon fa-home fa-fw"></i>{% endif %}<span itemprop="name">{{ L_INDEX }}</span></a><meta itemprop="position" content="{{ navlink_position }}{% set navlink_position = navlink_position + 1 %}" /></span>

			{% for navlink in navlinks %}
			{% set NAVLINK_NAME = navlink.BREADCRUMB_NAME | default(navlink.FORUM_NAME) %}
			{% set NAVLINK_LINK = navlink.U_BREADCRUMB | default(navlink.U_VIEW_FORUM) %}

			{% EVENT overall_header_navlink_prepend %}
			<span class="crumb" {{ MICRODATA }}{% if navlink.MICRODATA %} {{ navlink.MICRODATA }}{% endif %}><a itemprop="item" href="{{ NAVLINK_LINK }}"><span itemprop="name">{{ NAVLINK_NAME }}</span></a><meta itemprop="position" content="{{ navlink_position }}{% set navlink_position = navlink_position + 1 %}" /></span>
			{% EVENT overall_header_navlink_append %}
			{% endfor %}

			{% EVENT overall_header_breadcrumb_append %}

		</li>

		{% EVENT overall_header_breadcrumbs_after %}

		{% if S_DISPLAY_SEARCH and not S_IN_SEARCH %}

			<li class="rightside responsive-search">
				<a href="{{ U_SEARCH }}" title="{{ lang('SEARCH_ADV_EXPLAIN') }}" role="menuitem">
					<i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">{{ lang('SEARCH') }}</span>
				</a>
			</li>
		{% endif %}
		<li class="rightside dropdown-container icon-only">
			<a href="#" class="dropdown-trigger time" title="{CURRENT_TIME}"><i class="fa fa-clock-o"></i></a>
			<div class="dropdown">
				<div class="pointer"><div class="pointer-inner"></div></div>
				<ul class="dropdown-contents">
					<li>{CURRENT_TIME}</li>
					<li>{S_TIMEZONE}</li>
				</ul>
			</div>
		</li>
	</ul>
</div>
<!-- ENDDEFINE -->
<!-- IF $WRAP_HEADER != 0 -->
	{$BREADCRUMBS}
	<!-- DEFINE $BREADCRUMBS = '' -->
<!-- ENDIF -->
