<ul xmlns:th="http://www.thymeleaf.org"
    th:fragment="menu-generator(elements)"
    class="navbar-nav ml-auto">
    <li
        th:each="element: ${elements}"
        class="nav-item">
        <a class="nav-link"
           th:href="${element[1]}">[[${element[0]}]]</a>
    </li>
</ul>

<nav xmlns:th="http://www.thymeleaf.org"
     th:fragment="menu"
     class="navbar navbar-expand-lg static-top" style="background-color: #e3f2fd;">
    <div class="container-fluid">
        <a class="navbar-brand"
           href="/">ПЦП</a>
        <button class="navbar-toggler"
                type="button"
                data-bs-toggle="collapse"
                data-bs-target="#navbarResponsive"
                aria-controls="navbarResponsive"
                aria-expanded="false"
                aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
            <ul class="navbar-nav ms-auto">
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle"
                       href="#"
                       role="button"
                       data-bs-toggle="dropdown"
                       aria-expanded="false">Группировки</a>
                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="/groups">Управление</a></li>
                        <li><a class="dropdown-item" href="/group-state">Состояние ОГ</a></li>
                    </ul>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle"
                       href="#"
                       role="button"
                       data-bs-toggle="dropdown"
                       aria-expanded="false">Спутники</a>
                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="/satellites">Управление</a></li>
                        <li><a class="dropdown-item" href="/satellites/pdcm">ПДЦМ</a></li>
                        <li><a class="dropdown-item" href="/tle-comparison">Сравнение TLE</a></li>
                        <li><a class="dropdown-item" href="/tle-analysis">Анализ TLE</a></li>
                    </ul>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle"
                       href="#"
                       role="button"
                       data-bs-toggle="dropdown"
                       aria-expanded="false">Станции</a>
                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item" href="/stations">Управление</a></li>
                        <li><a class="dropdown-item" href="/rva">ЗРВ</a></li>
                    </ul>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/map">Карта</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/com-plan">Ком.План</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/dynamic-plan">Dynamic Plan</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/angular-motion">ПУУД</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/current-plans">Текущие планы</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/tgu-planning">Планирование ТГУ</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="/bookings">Бронирования</a>
                </li>
            </ul>
        </div>

    </div>
</nav>
