{% include "qcr.theme.qcr::partials/notices-global" %}
<header class="primary-header">
	<div class="primary-header__fdic container{{ page.display_fdic.isTrue() or strpos(app.request.url, "/posts") > 0 ? ' --active' : '' }}">
		{% if page.display_fdic.isTrue() or strpos(app.request.url, "/posts") > 0 %}
			FDIC-Insured - Backed by the full faith and credit of the U.S. Government
		{% endif %}
	</div>
	<div class="primary-header__container container">

		<a class="primary-header__logo" href="{{ url("/") }}" title="{{ setting_value('streams::name', config_get('streams::distribution.name')) }}">
			{{ img(template.theme.logo).alt(setting_value('streams::name')).height(70).class('primary-header__logo__image')|raw }}
		</a>

		<div class="search mobile">
			<form action="/search">
				<label for="term">Explore our Services</label>
				<input type="search" placeholder="Search" name="term" title="Search" value="{{ request_get('term') }}">
				<button type="submit" value="Search" aria-label="Search">
					{{ img(template.theme.search_icon).class('no-hover')|raw }}
					{{ img(template.theme.search_icon_hover).class('on-hover')|raw }}
				</button>
			</form>
			<div class="search__controls">
				<button class="open-search" type="button" aria-label="Open Search" onclick="
					$(this).closest('.search').addClass('open');
					return false;
				">
					{{ img(template.theme.search_icon).class('no-hover')|raw }}
					{{ img(template.theme.search_icon_hover).class('on-hover')|raw }}
				</button>
				<button class="close-search" type="button" aria-label="Close Search" onclick="
					$(this).closest('.search').removeClass('open');
					return false;
				">
					{{ img('qcr.theme.qcr::img/icon-close-blue.svg')|raw }}
				</button>
			</div>
		</div>

		<a class="primary-header__nav-toggle"></a>
		<nav class="primary-header__nav">
			<div class="primary-header__nav__container">
				<ul class="primary-header__top-menu">
					{% for link in links('top').get() %}
						<li><a href="{{ link.url }}" target="{{ link.target.key }}">{{ link.title }}</a></li>
					{% endfor %}
					<li>
						<div class="search">
							<form action="/search">
								<label for="term">Explore our Services</label>
								<input type="search" placeholder="Search" name="term" title="Search" value="{{ request_get('term') }}">
								<button type="submit" value="Search" aria-label="Search">
									{{ img(template.theme.search_icon).class('no-hover')|raw }}
									{{ img(template.theme.search_icon_hover).class('on-hover')|raw }}
								</button>
							</form>
							<div class="search__controls">
								<button class="open-search" type="button" aria-label="Open Search" onclick="
									$(this).closest('.search').addClass('open');
									return false;
								">
									{{ img(template.theme.search_icon).class('no-hover')|raw }}
									{{ img(template.theme.search_icon_hover).class('on-hover')|raw }}
								</button>
								<button class="close-search" type="button" aria-label="Close Search" onclick="
									$(this).closest('.search').removeClass('open');
									return false;
								">
									{{ img('qcr.theme.qcr::img/icon-close-blue.svg')|raw }}
								</button>
							</div>
						</div>
					</li>
				</ul>
				{{ menu('main').listClass('primary-header__main-menu')|raw }}
				{{ menu('menu_buttons').listClass('primary-header__nav__buttons')|raw }}
			</div>
		</nav>

	</div>
</header>
<nav class="primary-header__buttons">
	{{ menu('menu_buttons').listClass('primary-header__buttons__items')|raw }}
</nav>
