{# styles/infozone/template/overall_header.html #}
<!DOCTYPE html>
<html dir="{{ S_CONTENT_DIRECTION }}" lang="{{ S_USER_LANG }}">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<meta name="author" content="InfoZone Forum">
	<meta name="robots" content="index, follow">
	<meta http-equiv="content-language" content="{{ S_USER_LANG }}">
	<meta name="description" content="{{ SITE_DESCRIPTION }}">
	<meta name="keywords" content="InfoZone Forum, discussions, community, infozonelive.com">

	<meta property="og:site_name" content="{{ SITENAME }}">
	<meta property="og:title" content="{{ PAGE_TITLE }} - {{ SITENAME }}">
	<meta property="og:description" content="{{ SITE_DESCRIPTION }}">
	<meta property="og:url" content="{{ U_CANONICAL }}">
	<meta property="og:type" content="website">
	<meta property="og:image" content="{{ T_THEME_PATH }}/images/logo.png">
	<meta property="og:locale" content="{{ S_USER_LANG }}">

	<meta name="twitter:card" content="summary_large_image">
	<meta name="twitter:site" content="@infozonelive">
	<meta name="twitter:title" content="{{ PAGE_TITLE }} - {{ SITENAME }}">
	<meta name="twitter:description" content="{{ SITE_DESCRIPTION }}">
	<meta name="twitter:image" content="{{ T_THEME_PATH }}/images/logo.png">

	{# EVENT overall_header_meta #}
	{% EVENT overall_header_meta %}

	{{ META }}
	<link rel="stylesheet" href="{{ T_THEME_PATH }}/stylesheet.css">


	<title>
		{% if UNREAD_NOTIFICATIONS_COUNT %}
			({{ UNREAD_NOTIFICATIONS_COUNT }})&nbsp;
		{% endif %}
		{% if S_IN_MCP %}
			{{ L_MCP }}&nbsp;-&nbsp;
		{% elseif S_IN_UCP %}
			{{ L_UCP }}&nbsp;-&nbsp;
		{% endif %}
		{{ PAGE_TITLE }}&nbsp;-&nbsp;{{ SITENAME }}
	</title>

	{% if S_ENABLE_FEEDS %}
		{% if S_ENABLE_FEEDS_OVERALL %}
			<link rel="alternate" type="application/atom+xml" title="{{ L_FEED }} - {{ SITENAME }}" href="{{ U_FEED }}">
		{% endif %}
		{% EVENT overall_header_feeds %}
	{% endif %}

	{% if U_CANONICAL %}
		<link rel="canonical" href="{{ U_CANONICAL }}">
	{% endif %}



{# Theme CSS #}

	{% if S_PLUPLOAD %}
	{% endif %}

	{% EVENT overall_header_stylesheets_after %}

	{{ STYLESHEETS }}

	{% if S_ALLOW_CUSTOMCSS %}
	{% endif %}
	{% EVENT override_custom_css %}

	{% EVENT overall_header_head_append %}
</head>

<body id="phpbb" class="section-{{ SCRIPT_NAME }} {{ S_CONTENT_DIRECTION }} {{ BODY_CLASS }}">
{% EVENT overall_header_body_before %}

<header id="top" class="iz-header" role="banner">
	<div class="iz-container iz-header__row">
		<div class="iz-header__brand">
			<button class="iz-navtoggle" type="button"
				aria-controls="iz-site-nav"
				aria-expanded="false"
				aria-label="{{ L_TOGGLE_NAV }}">
				<span class="iz-navtoggle__bar"></span>
				<span class="iz-navtoggle__bar"></span>
				<span class="iz-navtoggle__bar"></span>
			</button>

			{% if LOGO_IMAGE_EXIST %}
				<a class="iz-brand" href="{% if U_SITE_HOME %}{{ U_SITE_HOME }}{% else %}{{ U_INDEX }}{% endif %}">
					<img class="iz-brand__img"
						 src="{{ T_THEME_PATH }}/images/logo.png"
						 alt="{{ LOGO_TEXT }}" />
				</a>
			{% elseif LOGO_TEXT %}
				<a class="iz-brand" href="{% if U_SITE_HOME %}{{ U_SITE_HOME }}{% else %}{{ U_INDEX }}{% endif %}">{{ LOGO_TEXT }}</a>
			{% else %}
				<a class="iz-brand" href="{% if U_SITE_HOME %}{{ U_SITE_HOME }}{% else %}{{ U_INDEX }}{% endif %}">InfoZone Forum</a>
			{% endif %}
		</div>

		{# IMPORTANT: container only. navigation.html contains the <nav> element #}
		<div id="iz-site-nav" class="iz-site-nav" aria-label="Primary navigation container">
			{% if FLATBOOTS_MINI_CMS_ENABLED is defined and FLATBOOTS_MINI_CMS_ENABLED %}
				{% EVENT flatboots_navigation_instead %}
			{% else %}
				{% include 'addons/navigation.html' %}
			{% endif %}
		</div>
</header>


{% if not HIDE_HEADER %}
	{% if IN_BADGE is defined and IN_BADGE %}
		{% include '@infozone_badge/header_badge_teaser.html' %}
	{% else %}
		{% include 'addons/header_teaser_body.html' %}
	{% endif %}
{% else %}
	<div class="iz-space-teaser" style="padding-top:30px;"></div>
{% endif %}

<div id="wrap" class="iz-wrap">
<div class="iz-container iz-content">
	<div id="content-forum">

		{% EVENT header_breadcrumb_before %}

		<nav class="iz-breadcrumb" aria-label="breadcrumb">
			<ol class="iz-breadcrumb__list" itemscope itemtype="BreadcrumbList">
				{# Breadcrumbs (skip Board index and the first forum crumb) #}
				{% for navlink in navlinks %}
					{% if loop.index > 1 %}
						<li class="iz-breadcrumb__item" itemprop="itemListElement" itemscope itemtype="ListItem">
							{% if navlink.U_BREADCRUMB %}
								<a class="iz-breadcrumb__link" href="{{ navlink.U_BREADCRUMB }}" itemprop="item"{% if navlink.MICRODATA %} {{ navlink.MICRODATA }}{% endif %}>
									<span itemprop="name">{{ navlink.BREADCRUMB_NAME }}</span>
								</a>
							{% else %}
								<a class="iz-breadcrumb__link" href="{{ navlink.U_VIEW_FORUM }}" itemprop="item"{% if navlink.MICRODATA %} {{ navlink.MICRODATA }}{% endif %}>
									<span itemprop="name">{{ navlink.FORUM_NAME }}</span>
								</a>
							{% endif %}
							<meta itemprop="position" content="{{ loop.index }}">
						</li>
					{% endif %}
				{% endfor %}
			</ol>

			{% if S_USER_LOGGED_IN and (SCRIPT_NAME == 'viewforum' or SCRIPT_NAME == 'viewtopic') %}
				<button class="iz-breadcrumb__mapbtn" type="button"
						data-iz-open-map="1" aria-haspopup="dialog" aria-controls="iz-map-modal">
					{{ L_TOPIC_TOOLS }}
				</button>
			{% endif %}
		</nav>

		<div id="page-body">

			{% if S_BOARD_DISABLED and S_USER_LOGGED_IN and (U_MCP or U_ACP) %}
				<div class="iz-alert iz-alert--warning" role="alert">
					<strong>{{ L_INFORMATION }}{{ L_COLON }}</strong>&nbsp;{{ L_BOARD_DISABLED }}
				</div>
			{% endif %}

			{% EVENT overall_header_content_before %}
