{% block layout_header_top_bar %}
<div class="top-bar">
<div class="row header-row py-0">
<div class="d-none d-lg-block col-4">
{# Adapted search form (no collapsing) #}
{% block layout_header_top_bar_search %}
<div class="top-bar-search d-none d-lg-block">
<div class="header-search">
<form action="{{ path('frontend.search.page') }}"
method="get"
data-search-form="true"
data-url="{{ path('frontend.search.suggest') }}?search="
class="header-search-form">
{% block layout_header_search_input_group %}
<div class="input-group">
{% block layout_header_search_input %}
<input type="search"
name="search"
class="form-control header-search-input"
autocomplete="off"
autocapitalize="off"
placeholder="{{ "header.searchPlaceholder"|trans|striptags }}"
aria-label="{{ "header.searchPlaceholder"|trans|striptags }}"
value="{{ page.searchTerm }}"
>
{% endblock %}
{% block layout_header_search_button %}
<div class="input-group-append">
<button type="submit"
class="btn header-search-btn"
aria-label="{{ "header.searchButton"|trans|striptags }}">
<span class="header-search-icon">
{% sw_icon 'search' %}
</span>
</button>
</div>
{% endblock %}
</div>
{% endblock %}
</form>
</div>
</div>
{% endblock %}
</div>
<div class="col-10 col-lg-6">
{% block layout_header_top_bar_servicemenu %}
{% if page.header.serviceMenu %}
<div class="top-bar-servicemenu">
<ul class="d-none d-md-block list-unstyled">
{% for serviceMenuItem in page.header.serviceMenu %}
{% if serviceMenuItem.childCount == 0 %}
<li class="d-inline-block">
<a class="text-white px-2"
href="{{ category_url(serviceMenuItem) }}"
title="{{ serviceMenuItem.translated.name }}">
{{ serviceMenuItem.translated.name }}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
<div class="d-block d-md-none dropdown">
<button class="btn dropdown-toggle top-bar-nav-btn text-white"
type="button"
id="dropdown-servicemenu"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="false">
{{ "SelfdelveCms.header.serviceMenu"|trans|striptags }}
</button>
<ul class="top-bar-list dropdown-menu" aria-labelledby="dropdown-servicemenu">
{% for serviceMenuItem in page.header.serviceMenu %}
{% if serviceMenuItem.childCount == 0 %}
<li>
<a class="dropdown-item"
href="{{ category_url(serviceMenuItem) }}"
title="{{ serviceMenuItem.translated.name }}">
{{ serviceMenuItem.translated.name }}
</a>
</li>
{% endif %}
{% endfor %}
</ul>
</div>
</div>
{% endif %}
{% endblock %}
</div>
<div class="col-2">
<nav class="top-bar-nav">
{% block layout_header_top_bar_language %}
{% sw_include '@Storefront/storefront/layout/header/actions/language-widget.html.twig' %}
{% endblock %}
</nav>
</div>
</div>
</div>
{% block layout_header_top_bar_currency %}{% endblock %}
{% block layout_header_top_bar_service %}{% endblock %}
{% endblock %}