<ul class="list-unstyled action d-flex align-items-center mb-0">
    <li class="dropdown mx-3">
        <a href="#" data-bs-toggle="dropdown" aria-expanded="false">
            <svg class="svg-stroke" xmlns="http://www.w3.org/2000/svg" width="22" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                <path d="M3 3m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z"></path>
                <path d="M9 12l6 0"></path>
                <path d="M12 9l0 6"></path>
            </svg>
        </a>
        <div class="dropdown-menu dropdown-menu-end px-2 shadow">
            <table class="table mb-0">
                <tbody>
                    <tr>
                        <td class="border-end text-center"><a href="{$currentDir}?action=add-pages" style="color: var(--theme-color1);"><i class="fa fa-plus mt-1"></i></a></td>
                        <td class=""><a href="{$currentDir}?action=pages" style="color: var(--theme-color1);">{$lang.topmenu.pages}</a></td>
                    </tr>
                    {if $lotsAvailable && $lotsUsed}
                        <tr>
                            <td class="border-end text-center"><a href="{$currentDir}?action=lots/add" style="color: var(--theme-color7);"><i class="fa fa-plus mt-1"></i></a></td>
                            <td class=""><a href="{$currentDir}?action=lots/list" style="color: var(--theme-color7);">{$lang.topmenu.lots}</a></td>
                        </tr>
                    {/if}
                    {if $adsAvailable && $adsUsed}
                        <tr>
                            <td class="border-end text-center"><a href="{$currentDir}?action=ads/add" style="color: var(--theme-color2);"><i class="fa fa-plus mt-1"></i></a></td>
                            <td class=""><a href="{$currentDir}?action=ads/list" style="color: var(--theme-color2);">{$lang.topmenu.ads}</a></td>
                        </tr>
                    {/if}
                    {if $filesAvailable && $filesUsed}
                        <tr>
                            <td class="border-end text-center"><a href="{$currentDir}?action=files/add" style="color: var(--theme-color3);"><i class="fa fa-plus mt-1"></i></a></td>
                            <td class=""><a href="{$currentDir}?action=files/list" style="color: var(--theme-color3);">{$lang.topmenu.files}</a></td>
                        </tr>
                    {/if}
                    {if $moviesAvailable && $moviesUsed}
                        <tr>
                            <td class="border-end text-center"><a href="{$currentDir}?action=movies/add" style="color: var(--theme-color4);"><i class="fa fa-plus mt-1"></i></a></td>
                            <td class=""><a href="{$currentDir}?action=movies/list" style="color: var(--theme-color4);">{$lang.topmenu.movies}</a></td>
                        </tr>
                    {/if}
                    {if $newsAvailable && $newsUsed}
                        <tr>
                            <td class="border-end text-center"><a href="{$currentDir}?action=news/add" style="color: var(--theme-color5);"><i class="fa fa-plus mt-1"></i></a></td>
                            <td class=""><a href="{$currentDir}?action=news/list" style="color: var(--theme-color5);">{$lang.topmenu.news}</a></td>
                        </tr>
                    {/if}
                    {if $productsAvailable && $productsUsed}
                        <tr>
                            <td class="border-end text-center"><a href="{$currentDir}?action=products/add" style="color: var(--theme-color6);"><i class="fa fa-plus mt-1"></i></a></td>
                            <td class=""><a href="{$currentDir}?action=products/list" style="color: var(--theme-color6);">{$lang.topmenu.products}</a></td>
                        </tr>
                    {/if}
                    {if $eventsAvailable && $eventsUsed}
                        <tr>
                            <td class="border-end text-center"><a href="{$currentDir}?action=events/add" style="color: var(--theme-color7);"><i class="fa fa-plus mt-1"></i></a></td>
                            <td class=""><a href="{$currentDir}?action=events/list" style="color: var(--theme-color7);">{$lang.topmenu.events}</a></td>
                        </tr>
                    {/if}
                </tbody>
            </table>
        </div>
    </li>
    <li class="d-none d-xxl-inline-flex">
        <button class="btn rightbar-button rightbar-toggle" type="button">
            <svg class="svg-stroke" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                <path d="M4 4m0 2a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2z"></path>
                <path d="M15 4v16"></path>
                <path d="M9 10l2 2l-2 2"></path>
            </svg>
        </button>
    </li>
    <li class="d-inline-flex d-xxl-none">
        <button class="btn border-0 p-0" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvas_rightbar">
            <svg class="svg-stroke" xmlns="http://www.w3.org/2000/svg" width="24" viewBox="0 0 256 256"><path fill="currentColor" d="M34 64a6 6 0 0 1 6-6h176a6 6 0 0 1 0 12H40a6 6 0 0 1-6-6m6 70h176a6 6 0 0 0 0-12H40a6 6 0 0 0 0 12m104 52H40a6 6 0 0 0 0 12h104a6 6 0 0 0 0-12m88 0h-18v-18a6 6 0 0 0-12 0v18h-18a6 6 0 0 0 0 12h18v18a6 6 0 0 0 12 0v-18h18a6 6 0 0 0 0-12"/></svg>
        </button>
    </li>
</ul>