<div class="top_left">

    <div th:if="${theme.config.base_top_set.top_nav_on_web}" class="top_nav top_tool not_mobile">
        <a class="top_nav_btn"><i class="ri-menu-2-line"></i></a>
        <div class="top_menu_box"
            uk-dropdown="mode: click;flip: false;offset: 12;toggle:.top_nav_btn;animation:uk-animation-slide-top-small;animate-out:uk-animation-slide-top-small;delay-hide:5000;boundary: .top_bar;stretch: x;">
            <div class="inner"
                th:with="topMenu = ${#strings.isEmpty(theme.config.base_top_set.top_nav) ? menuFinder.getPrimary() : menuFinder.getByName(theme.config.base_top_set.top_nav)}">
                <div class="menu-top-container" th:if="${not #lists.isEmpty(topMenu)}">
                    <ul id="top_menu" class="menu">
                        <li class="menu-item menu-item-type-post_type menu-item-object-page"
                            th:each="menuItem : ${topMenu.menuItems}">
                            <a th:href="@{${menuItem.status.href}}">
                                <i th:class="${#annotations.getOrDefault(menuItem, 'icon', '')}"></i>
                                <span class="nav_title" th:text="${menuItem.status.displayName}"></span>
                            </a>
                        </li>
                    </ul>
                </div>
                <div th:unless="${not #lists.isEmpty(topMenu)}" class="nav_tips">请前往后台设置顶部菜单</div>
            </div>
        </div>
    </div>

    <!-- <div class="m_top_nav top_tool is_mobile">
        <a class="top_nav_btn" uk-toggle="target: #m_offcanvas"><i class="ri-menu-2-line"></i></a>
        <div id="m_offcanvas" class="m_offcanvas uk-animation-fast"
            uk-offcanvas="overlay: true;mode: push;container:.main_wrap">
            <div class="uk-offcanvas-bar inner"
                 th:with="topMenu = ${#strings.isEmpty(theme.config.base_set.left_nav) ? menuFinder.getPrimary() : menuFinder.getByName(theme.config.base_set.left_nav)}">

                <div class="m_logo"><a href="/"><img th:src="${theme.config.base_top_set.mobile_logo}"></a></div>

                <div class="menu-top-container" th:if="${not #lists.isEmpty(topMenu)}">
                    <ul id="top_menu" class="menu">
                        <th:block th:each="menuItem : ${topMenu.menuItems}">
                            <li th:unless="${not #lists.isEmpty(menuItem.children)}"
                                class="menu-item menu-item-type-post_type menu-item-object-page">
                                <a th:target="${menuItem.spec.target?.value}" th:href="@{${menuItem.status.href}}"
                                   th:with="icon = ${#annotations.getOrDefault(menuItem, 'icon', '')}">
                                    <th:block th:if="${not #strings.isEmpty(icon)}"
                                              th:with="index = ${icon.lastIndexOf('.')}">
                                        <i th:unless="${index!=-1}" th:class="${icon}"></i>
                                        <img th:if="${index!=-1}" th:src="${icon}">
                                    </th:block>
                                    <span class="nav_title" th:text="${menuItem.status.displayName}"></span>
                                </a>
                            </li>
                            <li th:if="${not #lists.isEmpty(menuItem.children)}"
                                class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children has_children"
                                th:classappend="${'menu-item-'+iterStat.index}">
                                <a href="#" th:with="icon = ${#annotations.getOrDefault(menuItem, 'icon', '')}">
                                    <th:block th:if="${not #strings.isEmpty(icon)}"
                                              th:with="index = ${icon.lastIndexOf('.')}">
                                        <i th:unless="${index!=-1}" th:class="${icon}"></i>
                                        <img th:if="${index!=-1}" th:src="${icon}">
                                    </th:block>
                                    <span class="nav_title">[[${menuItem.status.displayName}]]</span>
                                    <i class="ri-arrow-down-s-line drop_icon"></i>
                                </a>
                                <ul class="sub-menu">
                                    <li th:each="childMenu,iterStat : ${menuItem.children}"
                                        th:id="${'menu-item-'+iterStat.index}"
                                        class="menu-item menu-item-type-custom menu-item-object-custom"
                                        th:classappend="${'menu-item-'+iterStat.index}">
                                        <a th:href="@{${childMenu.status.href}}"
                                           th:with="icon = ${#annotations.getOrDefault(childMenu, 'icon', '')}"
                                           th:target="${childMenu.spec.target?.value}">
                                            <th:block th:if="${not #strings.isEmpty(icon)}"
                                                      th:with="index = ${icon.lastIndexOf('.')}">
                                                <i th:unless="${index!=-1}" th:class="${icon}"></i>
                                                <img th:if="${index!=-1}" th:src="${icon}">
                                            </th:block>
                                            <span class="nav_title">[[${childMenu.status.displayName}]]</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                        </th:block>

                    </ul>
                </div>

                <div th:unless="${not #lists.isEmpty(topMenu)}" class="nav_tips">请前往后台设置左侧菜单/移动端菜单</div>
            </div>
        </div>
    </div> -->

    <!-- 搜索区域 -->
    <div class="search_mod">
        <div th:if="${pluginFinder.available('PluginSearchWidget')}" class="t_search_on top_tool icon_color">
            <a onclick="SearchWidget.open()"><i class="ri-search-line s_toogle_btn"></i></a>
        </div>
    </div>

    <!-- 回到顶部 -->
    <div class="is_mobile">
        <a class="tool_top" href="#page" uk-scroll="" data-pjax-state="">
            <i class="ri-skip-up-line"></i></a>
    </div>
</div>