<ul class="list-unstyled mb-4 menu-list">

    <li>
        <a href="{$currentDir}" class="fl1" id="generalinformation">
            <img src="{$stheme}/svg/home.svg" alt="">
            <span class="mx-2">{$lang.nav.generalinformation}</span>
        </a>
    </li>

    <li>
        <a href="#graphsBlock" id="graphsReportsSection" class="btn" data-bs-toggle="modal" data-bs-target="#MainAppModal" aria-label="charts">
            <img src="{$stheme}/svg/category.svg" alt="">
            <span class="mx-2">{$lang.nav.chartssection}</span>
        </a>
    </li>

    <li>
        <a href="#usersBlock" id="usersSection" class="btn" data-bs-toggle="modal" data-bs-target="#MainAppModal" aria-label="users">
            <img src="{$stheme}/svg/users.svg" alt="">
            <span class="mx-2">{$lang.nav.userssection}</span>
        </a>
    </li>

    {if $adsUsed || $lotsUsed || $filesUsed || $moviesUsed || $newsUsed || $productsUsed || $eventsUsed || $couponsUsed|| $auctionsUsed}
        <li>
            <a href="#fieldsBlock" class="btn d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#MainAppModal" aria-label="content">
                <img src="{$stheme}/svg/category.svg" alt="">
                <span class="mx-2">{$lang.nav.additionalfields}</span>
            </a>
        </li>
    {/if}

    {if $adsUsed || $lotsUsed || $filesUsed || $moviesUsed || $newsUsed || $productsUsed || $eventsUsed || $couponsUsed|| $auctionsUsed}
        <li>
            <a href="#categoriesBlock" class="btn d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#MainAppModal" aria-label="categories">
                <img src="{$stheme}/svg/category.svg" alt="">
                <span class="mx-2">{$lang.nav.categoriessection}</span>
            </a>
        </li>
    {/if}

    <li>
        <a href="#contentBlock" id="contentSection" class="btn" data-bs-toggle="modal" data-bs-target="#MainAppModal">
            <img src="{$stheme}/svg/category.svg" alt="">
            <span class="mx-2">{$lang.nav.contentsection}</span>
        </a>
    </li>
    
    <li>
        <a href="#fatBlock" class="btn d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#MainAppModal" aria-label="fat">
            <img src="{$stheme}/svg/edit.svg" alt="">
            <span class="mx-2">{$lang.nav.fatsection}</span>
        </a>
    </li>

    <li>
        <a href="#ordersBlock" class="btn d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#MainAppModal" aria-label="oaa">
            <img src="{$stheme}/svg/edit.svg" alt="">
            <span class="mx-2">{$lang.nav.oaasection}</span>
        </a>
    </li>

    <li>
        <a href="#seoBlock" class="btn d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#MainAppModal" aria-label="seo">
            <img src="{$stheme}/svg/edit.svg" alt="">
            <span class="mx-2">{$lang.nav.seosection}</span>
        </a>
    </li>

    {if $access['widgets.manage']}
        <li>
            <a href="#wabBlock" class="btn d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#MainAppModal" aria-label="wab">
                <img src="{$stheme}/svg/edit.svg" alt="">
                <span class="mx-2">{$lang.nav.wabsection}</span>
            </a>
        </li>
    {/if}   

    <li>
        <a href="#toolsBlock" class="btn d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#MainAppModal" aria-label="tools">
            <img src="{$stheme}/svg/join.svg" alt="">
            <span class="mx-2">{$lang.nav.toolssection}</span>
        </a>
    </li>

</ul>