{% sw_extends '@Storefront/storefront/layout/header/top-bar.html.twig' %}

{% block layout_header_top_bar %}
	{% set topbarQuicklinks = theme_config('bct-topbar-quicklinks-activate')  %}
	{% set activateTopBar = theme_config('topbar-activate') %} 

	{% if activateTopBar %}
		{% set showByDefault = theme_config('bct-topbar-default-open') %}

		<div class="collapse{{ showByDefault ? ' show' : '' }}" id="topbarCollapse">
			<div class="top-bar d-none d-lg-block">
				<nav class="top-bar-nav">
					<div class="topbar-max-width-container">
						<div class="top-bar-content-left">
						{% if topbarQuicklinks %}
							<div class="bc-ups-topbar-item-1">{{ "BrandCrockAquaTheme.header.topbar.option1"|trans|sw_sanitize }}</div>
							<div class="bc-ups-topbar-item-1">{{ "BrandCrockAquaTheme.header.topbar.option2"|trans|sw_sanitize }}</div>
							<div class="bc-ups-topbar-item-1">{{ "BrandCrockAquaTheme.header.topbar.option3"|trans|sw_sanitize }}</div>
						{% endif %}
						</div>
						<div class="top-bar-content-right">
							{% block layout_header_top_bar_language %}
								{{ parent() }}
							{% endblock %}

							{% block layout_header_top_bar_currency %}
								{{ parent() }}
							{% endblock %}

							<button class="btn header-actions-btn-toggle topbar-toggle" type="button" data-bs-toggle="collapse" data-bs-target="#topbarCollapse" aria-expanded="false" aria-controls="topbarCollapse" aria-label="{{ "header.searchButton"|trans|striptags }}">
								<span class="icon icon-collpase">
									<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewbox="0 0 32 32">
										<path d="M25.333 5.333q0.573 0 0.953 0.38t0.38 0.953q0 0.563-0.385 0.948l-8.396 8.385 8.396 8.385q0.385 0.385 0.385 0.948 0 0.573-0.38 0.953t-0.953 0.38q-0.563 0-0.948-0.385l-8.385-8.396-8.385 8.396q-0.385 0.385-0.948 0.385-0.573 0-0.953-0.38t-0.38-0.953q0-0.563 0.385-0.948l8.396-8.385-8.396-8.385q-0.385-0.385-0.385-0.948 0-0.573 0.38-0.953t0.953-0.38q0.563 0 0.948 0.385l8.385 8.396 8.385-8.396q0.385-0.385 0.948-0.385z"></path>
									</svg>
								</span>
							</button>
						</div>
					</div>
				</nav>
			</div>
		</div>
	{% endif %}
{% endblock %}
