<div class="row d-flex gap-2">
    <div class="col-12 col-sm-4 col-md-3 mb-3 card hr-arrow p-4" style="--dynamic-color: var(--theme-color1);">
        <a href="{$currentDir}?action=modules" class="card border-0 h-100">
            <h6 class="title mb-1">{$lang.nav.moduleslink}</h6>
        </a>
        <div class="go-corner"><div class="go-arrow">→</div></div>
    </div>
    <div class="col-12 col-sm-4 col-md-3 mb-3 card hr-arrow p-4" style="--dynamic-color: var(--theme-color2);">
        <a href="{$currentDir}?action=bindings-control" class="card border-0 h-100">
            <h6 class="title mb-1">Управление привязками</h6>
        </a>
        <div class="go-corner"><div class="go-arrow">→</div></div>
    </div>
    <div class="col-12 col-sm-4 col-md-3 mb-3 card hr-arrow p-4" style="--dynamic-color: var(--theme-color3);">
        <a href="{$currentDir}?action=managing-extensions" class="card border-0 h-100">
            <h6 class="title mb-1">{$lang.nav.extensionslink}</h6>
        </a>
        <div class="go-corner"><div class="go-arrow">→</div></div>
    </div>
    <div class="col-12 col-sm-4 col-md-3 mb-3 card hr-arrow p-4" style="--dynamic-color: var(--theme-color4);">
        <a href="{$currentDir}?action=locations-control" class="card border-0 h-100">
            <h6 class="title mb-1">{$lang.nav.locationscontrol}</h6>
        </a>
        <div class="go-corner"><div class="go-arrow">→</div></div>
    </div>
    <div class="col-12 col-sm-4 col-md-3 mb-3 card hr-arrow p-4" style="--dynamic-color: var(--theme-color5);">
        <a href="{$currentDir}?action=data-api" class="card border-0 h-100">
            <h6 class="title mb-1">{$lang.nav.dataapi}</h6>
        </a>
        <div class="go-corner"><div class="go-arrow">→</div></div>
    </div>
    <div class="col-12 col-sm-4 col-md-3 mb-3 card hr-arrow p-4" style="--dynamic-color: var(--theme-color6);">
        <a href="{$currentDir}?action=cms-version-control" class="card border-0 h-100">
            <h6 class="title mb-1">{$lang.nav.versioncontrol}</h6>
        </a>
        <div class="go-corner"><div class="go-arrow">→</div></div>
    </div>
    <div class="col-12 col-sm-4 col-md-3 mb-3 card hr-arrow p-4" style="--dynamic-color: var(--theme-color7);">
        <a href="{$currentDir}?action=cron-jobs" class="card border-0 h-100">
            <h6 class="title mb-1">{$lang.nav.cronjobs}</h6>
        </a>
        <div class="go-corner"><div class="go-arrow">→</div></div>
    </div>
    <div class="col-12 col-sm-4 col-md-3 mb-3 card hr-arrow p-4" style="--dynamic-color: var(--theme-color8);">
        <a href="{$currentDir}?action=integrations" class="card border-0 h-100">
            <h6 class="title mb-1">{$lang.nav.allintegrations}</h6>
        </a>
        <div class="go-corner"><div class="go-arrow">→</div></div>
    </div>
    {if $adsUsed || $filesUsed || $moviesUsed || $newsUsed || $productsUsed}
        <div class="col-12 col-sm-4 col-md-3 mb-3 card hr-arrow p-4" style="--dynamic-color: var(--theme-color9);">
            <a href="{$currentDir}?action=import-export" class="card border-0 h-100">
                <h6 class="title mb-1">{$lang.nav.importexport}</h6>
            </a>
            <div class="go-corner"><div class="go-arrow">→</div></div>
        </div>
    {/if}
    <div class="col-12 col-sm-4 col-md-3 mb-3 card hr-arrow p-4" style="--dynamic-color: var(--theme-color1);">
        <a href="{$currentDir}?action=action-log" class="card border-0 h-100">
            <h6 class="title mb-1">{$lang.nav.eventlog}</h6>
        </a>
        <div class="go-corner"><div class="go-arrow">→</div></div>
    </div>
    {if $newsAvailable && $newsUsed}
        <div class="col-12 col-sm-4 col-md-3 mb-3 card hr-arrow p-4" style="--dynamic-color: var(--theme-color2);">
            <a href="{$currentDir}?action=rss-settings" class="card border-0 h-100">
                <h6 class="title mb-1">{$lang.nav.rsssettings}</h6>
            </a>
            <div class="go-corner"><div class="go-arrow">→</div></div>
        </div>
    {/if}
    <div class="col-12 col-sm-4 col-md-3 mb-3 card hr-arrow p-4" style="--dynamic-color: var(--theme-color3);">
        <a href="{$currentDir}?action=policy-terms-cookies" class="card border-0 h-100">
            <h6 class="title mb-1">{$lang.nav.policytermscookies}</h6>
        </a>
        <div class="go-corner"><div class="go-arrow">→</div></div>
    </div>
</div>