<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<body>
<div th:fragment="menu">
<!-- Вариант без алфавита -->
<div th:if="${alphabet == null or !alphabet}">
<div id="main_menu">
<ul class="menu sopdsmenu" style="font-size:100%;">
<li th:classappend="${current == 'catalog'} ? 'active'">
<a th:href="@{/catalog}">Каталоги</a>
</li>
<li th:classappend="${current == 'book'} ? 'active'">
<a th:href="@{/books(lang=0)}">Книги</a>
</li>
<li th:classappend="${current == 'author'} ? 'active'">
<a th:href="@{/authors(lang=0)}">Авторы</a>
</li>
<li th:classappend="${current == 'genre'} ? 'active'">
<a th:href="@{/genres}">Жанры</a>
</li>
<li th:classappend="${current == 'series'} ? 'active'">
<a th:href="@{/series(lang=0)}">Серии</a>
</li>
</ul>
</div>
</div>
<!-- Вариант с алфавитом (выпадающие меню) -->
<div th:if="${alphabet != null and alphabet}">
<div id="main_menu">
<ul class="dropdown menu sopdsmenu" style="font-size:100%;" data-dropdown-menu data-close-on-click-inside="false">
<li th:classappend="${current == 'catalog'} ? 'active'">
<a th:href="@{/catalog}">Каталоги</a>
</li>
<!-- Books dropdown -->
<li th:classappend="${current == 'book'} ? 'active'">
<a href="#">Книги</a>
<ul class="menu sopdsmenu" th:if="${langMenu != null}">
<li th:each="entry : ${langMenu}">
<a th:href="@{/books(lang=${entry.key})}" th:text="${entry.value}">Язык</a>
</li>
</ul>
</li>
<!-- Authors dropdown -->
<li th:classappend="${current == 'author'} ? 'active'">
<a href="#">Авторы</a>
<ul class="menu sopdsmenu" th:if="${langMenu != null}">
<li th:each="entry : ${langMenu}">
<a th:href="@{/authors(lang=${entry.key})}" th:text="${entry.value}">Язык</a>
</li>
</ul>
</li>
<!-- Genres (без выпадающего меню) -->
<li th:classappend="${current == 'genre'} ? 'active'">
<a th:href="@{/genres}">Жанры</a>
</li>
<!-- Series dropdown -->
<li th:classappend="${current == 'series'} ? 'active'">
<a href="#">Серии</a>
<ul class="menu sopdsmenu" th:if="${langMenu != null}">
<li th:each="entry : ${langMenu}">
<a th:href="@{/series(lang=${entry.key})}" th:text="${entry.value}">Язык</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</body>
</html>