<%@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>

s-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(173, 181, 189, 0.75);--bs-secondary-color-rgb:173,181,189;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(173, 181, 189, 0.5);--bs-tertiary-color-rgb:173,181,189;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;...

							<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>

th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{...

		<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>