<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<c:if test="${crudMode == 1}">
	<button type="submit" class="btn btn-outline-secondary" name="list"
		value="<la:message key="labels.crud_button_back" />">
		<i class="fa fa-arrow-circle-left" aria-hidden="true"></i>
		<la:message key="labels.crud_button_back" />
	</button>
	<c:if test="${editable}">
	<button type="submit" class="btn btn-primary" name="create"

		<p>
			<la:message key="labels.process_time_is_exceeded" />
		</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>

							<span class="status-text"><la:message key="labels.chat_status_ready" /></span>
						</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" />

					<p>
						<c:forEach var="item" varStatus="s" items="${popularWords}">
							<la:link href="/search?q=${f:u(item)}${fe:facetQuery()}${fe:geoQuery()}"
								styleClass="btn btn-outline-secondary btn-sm me-1 mb-1">${f:h(item)}</la:link>
						</c:forEach>
					</p>
				</div>
			</c:if>
		</div>
	</div>
	<div class="col-md-4"><%-- Side Content --%></div>

		<p>
			<la:message key="labels.process_time_is_exceeded" />
		</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>

							<span class="status-text"><la:message key="labels.chat_status_ready" /></span>
						</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" />

						<i class="fa fa-search" aria-hidden="true"></i>
						<la:message key="labels.search" />
					</button>
					<la:link href="/search/advance" styleClass="btn btn-outline-secondary">
						<i class="fa fa-cog" aria-hidden="true"></i>
						<la:message key="labels.advance" />
					</la:link>
				</div>
			</div>
		</div>
		<main class="container">
			<div class="row">

					<p>
						<c:forEach var="item" varStatus="s" items="${popularWords}">
							<la:link href="/search?q=${f:u(item)}${fe:facetQuery()}${fe:geoQuery()}"
								styleClass="btn btn-outline-secondary btn-sm me-1 mb-1">${f:h(item)}</la:link>
						</c:forEach>
					</p>
				</div>
			</c:if>
		</div>
	</div>
	<div class="col-md-4"><%-- Side Content --%></div>

<%@page pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<nav class="main-header navbar navbar-expand navbar-dark navbar-secondary">
	<ul class="navbar-nav">
		<li class="nav-item">
			<a class="nav-link" data-widget="pushmenu" href="#">
				<i class="fas fa-bars" aria-hidden="true"></i>
				<span class="sr-only"><la:message
						key="labels.admin_toggle_navi" /></span>
			</a>
		</li>
	</ul>
	<ul class="navbar-nav ml-auto">

						<i class="fa fa-search" aria-hidden="true"></i>
						<la:message key="labels.search" />
					</button>
					<la:link href="/search/advance" styleClass="btn btn-outline-secondary">
						<i class="fa fa-cog" aria-hidden="true"></i>
						<la:message key="labels.advance" />
					</la:link>
				</div>
			</div>
		</div>
		<main class="container">
			<div class="row">