<header>
			<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
				<div id="content" class="container">
					<div class="navbar-brand"></div>
					<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar"
							aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>

							class="btn btn-primary">
							<i class="fa fa-search" aria-hidden="true"></i>
						</button>
						<button type="button" class="btn btn-light"
							data-bs-toggle="collapse" data-bs-target="#searchOptions"
							id="searchOptionsButton">
							<i class="fa fa-cog" aria-hidden="true"></i> <span class="visually-hidden"><la:message
									key="labels.header_form_option_btn" /></span>

							class="btn btn-primary">
							<i class="fa fa-search" aria-hidden="true"></i>
						</button>
						<button type="button" class="btn btn-light"
							data-bs-toggle="collapse" data-bs-target="#searchOptions"
							id="searchOptionsButton">
							<i class="fa fa-cog" aria-hidden="true"></i> <span class="visually-hidden"><la:message
									key="labels.header_form_option_btn" /></span>

		<header>
			<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
				<div id="content" class="container">
					<div class="navbar-brand"></div>
					<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar"
							aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>

						</div>
						<div class="d-flex gap-2">
							<button type="button" id="filterToggleBtn" class="btn btn-outline-secondary btn-sm" data-bs-toggle="collapse" data-bs-target="#filterPanel" aria-expanded="false" aria-controls="filterPanel">
								<i class="fa fa-filter" aria-hidden="true"></i>
								<la:message key="labels.chat_filter" />

						</div>
						<div class="d-flex gap-2">
							<button type="button" id="filterToggleBtn" class="btn btn-outline-secondary btn-sm" data-bs-toggle="collapse" data-bs-target="#filterPanel" aria-expanded="false" aria-controls="filterPanel">
								<i class="fa fa-filter" aria-hidden="true"></i>
								<la:message key="labels.chat_filter" />

				href="#searchOptions" class="badge text-bg-primary text-decoration-none"
				data-bs-toggle="collapse"> <la:message
						key="labels.searchoptions_num" arg0="${f:h(num)}" />
			</a></li>
			<li class="list-inline-item"><la:message key="labels.searchoptions_menu_lang" /> <a
				href="#searchOptions" class="badge text-bg-primary text-decoration-none"
				data-bs-toggle="collapse"> <c:if test="${empty lang}">

						<img src="${fe:url('/images/logo-head.png')}"
							alt="<la:message key="labels.header_brand_name" />"
							class="align-items-center" />
					</la:link>
					<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar"
						aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>
					<div class="collapse navbar-collapse" id="navbar">

		</p>
	</div>
</c:if>
<c:if test="${facetResponse != null}">
<div class="d-md-none mb-2">
	<button class="btn btn-outline-secondary btn-sm" type="button" data-bs-toggle="offcanvas" data-bs-target="#facetOffcanvas" aria-controls="facetOffcanvas">
		<i class="fa fa-filter" aria-hidden="true"></i> <la:message key="labels.facet_filter_button" />
	</button>
</div>

		</p>
	</div>
</c:if>
<c:if test="${facetResponse != null}">
<div class="d-md-none mb-2">
	<button class="btn btn-outline-secondary btn-sm" type="button" data-bs-toggle="offcanvas" data-bs-target="#facetOffcanvas" aria-controls="facetOffcanvas">
		<i class="fa fa-filter" aria-hidden="true"></i> <la:message key="labels.facet_filter_button" />
	</button>
</div>