</span>
						</div>
					</div>
					<div class="text-center">
						<button type="submit" name="login"
							class="btn btn-primary btn-block"
							value="<la:message key="labels.login"/>">
							<i class="fa fa-sign-in" aria-hidden="true"></i>
							<la:message key="labels.login" />
						</button>
					</div>
				</la:form>
			</div>
		</div>
	</div>

                                <button type="submit" class="btn btn-primary" name="download"
                                        value="<la:message key="labels.bad_word_button_download" />">
                                    <i class="fa fa-download" aria-hidden="true"></i>
                                    <la:message key="labels.bad_word_button_download"/>
                                </button>
                            </div>

                                </div>
                            </div>
                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary" name="download"
                                        value="<la:message key="labels.elevate_word_button_download" />">

							</span>
						</div>
					</div>
					<div class="text-center">
						<button type="submit" name="changePassword"
							class="btn btn-primary btn-block"
							value="<la:message key="labels.login.update"/>">
							<i class="fa fa-pencil-alt" aria-hidden="true"></i>
							<la:message key="labels.login.update" />
						</button>
					</div>
				</la:form>
			</div>
		</div>
	</div>

							</span>
						</div>
					</div>
					<div class="text-center">
						<button type="submit" name="login"
							class="btn btn-primary btn-block"
							value="<la:message key="labels.login"/>">
							<i class="fa fa-sign-in" aria-hidden="true"></i>
							<la:message key="labels.login" />
						</button>
					</div>
				</la:form>
			</div>
		</div>
	</div>

                                </p>
                            </div>
                            <div class="card-footer">
                                <c:if test="${editable}">
                                    <button type="submit" class="btn btn-primary"
                                            name="crawlingConfigForm"
                                            value="<la:message key="labels.wizard_start_button"/>">

        <h1>WebSocket Chat</h1>
        <h2>Your ID: <span id="ws-id"></span></h2>
        <form action="" onsubmit="sendMessage(event)">
            <input type="text" id="messageText" autocomplete="off"/>
            <button>Send</button>
        </form>
        <ul id='messages'>
        </ul>
        <script>
            var client_id = Date.now()
            document.querySelector("#ws-id").textContent = client_id;

                                </div>
                            </c:if>
                        </div>
                        <div class="card-footer">
                            <button type="submit" class="btn btn-success" name="upload"
                                    value="<la:message key="labels.elevate_word_button_upload" />">
                                <i class="fa fa-upload" aria-hidden="true"></i>

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

                                </div>
                            </div>
                            <div class="card-footer">
                                <button type="submit" class="btn btn-primary" name="download"
                                        value="<la:message key="labels.dict_stemmeroverride_button_download" />">