<div class="row">

    {if $productsAvailable && $productsUsed || $user.name == 'Demo profile'}
        <div class="col-12 col-sm-4 col-md-3 mb-3">
            <a href="{$currentDir}?action=orders" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color1);">
                <h6 class="title mb-1">{$lang.nav.allorders}</h6>
                <p class="small text-muted mb-0">All customer orders</p>
                <div class="go-corner"><div class="go-arrow">→</div></div>
            </a>
        </div>

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

    <div class="col-12 col-sm-4 col-md-3 mb-3">
        <a href="{$currentDir}?action=feedback-requests" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color3);">
            <h6 class="title mb-1">{$lang.nav.feedbackrequests}</h6>
            <p class="small text-muted mb-0">User feedback</p>
            <div class="go-corner"><div class="go-arrow">→</div></div>
        </a>
    </div>

    <div class="col-12 col-sm-4 col-md-3 mb-3">
        <a href="{$currentDir}?action=comments-control" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color4);">
            <h6 class="title mb-1">{$lang.nav.commentscontrol}</h6>
            <p class="small text-muted mb-0">Moderate comments</p>
            <div class="go-corner"><div class="go-arrow">→</div></div>
        </a>
    </div>

    <div class="col-12 col-sm-4 col-md-3 mb-3">
        <a href="{$currentDir}?action=banned-words" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color5);">
            <h6 class="title mb-1">{$lang.nav.bannedwords}</h6>
            <p class="small text-muted mb-0">Content filtering</p>
            <div class="go-corner"><div class="go-arrow">→</div></div>
        </a>
    </div>

    <div class="col-12 col-sm-4 col-md-3 mb-3">
        <a href="{$currentDir}?action=punishment-logs" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color6);">
            <h6 class="title mb-1">{$lang.nav.punishmentlogs}</h6>
            <p class="small text-muted mb-0">Moderation history</p>
            <div class="go-corner"><div class="go-arrow">→</div></div>
        </a>
    </div>

    {if !empty($user) && $access['support_online_chat.manage']}
        <div class="col-12 col-sm-4 col-md-3 mb-3">
            <a href="{$currentDir}?action=support-online-chat" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color7);">
                <h6 class="title mb-1">{$lang.chat.support_chat}</h6>
                <p class="small text-muted mb-0">Live support chat</p>
                <div class="go-corner"><div class="go-arrow">→</div></div>
            </a>
        </div>
    {/if}

    {if !empty($user) && $access['tickets.manage']}
        <div class="col-12 col-sm-4 col-md-3 mb-3">
            <a href="{$currentDir}?action=tickets" class="card hr-arrow p-4" style="--dynamic-color: var(--theme-color8);">
                <h6 class="title mb-1">{$lang.chat.tickets}</h6>
                <p class="small text-muted mb-0">Support tickets</p>
                <div class="go-corner"><div class="go-arrow">→</div></div>
            </a>
        </div>
    {/if}

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

</div>