<div class="row">

    {if $adsAvailable && $adsUsed}
        <div class="col-12 col-sm-4 col-md-3 mb-3">
            <a href="{$currentDir}?action=modules/ads/categories" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color1);">
                <h6 class="title mb-1">{$lang.nav.adscategorieslist}</h6>
                <p class="small text-muted mb-0">Ads categories</p>
                <div class="go-corner"><div class="go-arrow">→</div></div>
            </a>
        </div>
    {/if}

    {if $lotsAvailable && $lotsUsed}
        <div class="col-12 col-sm-4 col-md-3 mb-3">
            <a href="{$currentDir}?action=modules/lots/categories" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color2);">
                <h6 class="title mb-1">{$lang.nav.lotscategorieslist}</h6>
                <p class="small text-muted mb-0">Lots categories</p>
                <div class="go-corner"><div class="go-arrow">→</div></div>
            </a>
        </div>
    {/if}

    {if $filesAvailable && $filesUsed}
        <div class="col-12 col-sm-4 col-md-3 mb-3">
            <a href="{$currentDir}?action=modules/files/categories" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color3);">
                <h6 class="title mb-1">{$lang.nav.filescategorieslist}</h6>
                <p class="small text-muted mb-0">Files categories</p>
                <div class="go-corner"><div class="go-arrow">→</div></div>
            </a>
        </div>
    {/if}

    {if $moviesAvailable && $moviesUsed}
        <div class="col-12 col-sm-4 col-md-3 mb-3">
            <a href="{$currentDir}?action=modules/movies/categories" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color4);">
                <h6 class="title mb-1">{$lang.nav.moviescategorieslist}</h6>
                <p class="small text-muted mb-0">Movies categories</p>
                <div class="go-corner"><div class="go-arrow">→</div></div>
            </a>
        </div>
    {/if}

    {if $newsAvailable && $newsUsed}
        <div class="col-12 col-sm-4 col-md-3 mb-3">
            <a href="{$currentDir}?action=modules/news/categories" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color5);">
                <h6 class="title mb-1">{$lang.nav.newscategorieslist}</h6>
                <p class="small text-muted mb-0">News categories</p>
                <div class="go-corner"><div class="go-arrow">→</div></div>
            </a>
        </div>
    {/if}

    {if $productsAvailable && $productsUsed}
        <div class="col-12 col-sm-4 col-md-3 mb-3">
            <a href="{$currentDir}?action=modules/products/categories" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color6);">
                <h6 class="title mb-1">{$lang.nav.productscategorieslist}</h6>
                <p class="small text-muted mb-0">Product categories</p>
                <div class="go-corner"><div class="go-arrow">→</div></div>
            </a>
        </div>
    {/if}

    {if $eventsAvailable && $eventsUsed}
        <div class="col-12 col-sm-4 col-md-3 mb-3">
            <a href="{$currentDir}?action=modules/events/categories" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color7);">
                <h6 class="title mb-1">{$lang.nav.eventscategorieslist}</h6>
                <p class="small text-muted mb-0">Event categories</p>
                <div class="go-corner"><div class="go-arrow">→</div></div>
            </a>
        </div>
    {/if}

    {if $shopAvailable && $shopUsed}
        <div class="col-12 col-sm-4 col-md-3 mb-3">
            <a href="{$currentDir}?action=modules/shops/categories" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color8);">
                <h6 class="title mb-1">{$lang.nav.mproductscategorieslist}</h6>
                <p class="small text-muted mb-0">Shop categories</p>
                <div class="go-corner"><div class="go-arrow">→</div></div>
            </a>
        </div>
    {/if}

</div>