<div class="row d-flex gap-2">
    {if $access['payment_widget.manage']}
        <div class="col-12 col-sm-4 col-md-3  card hr-arrow p-3" style="--dynamic-color: var(--theme-color1);">
            <a href="{$currentDir}?action=widgets/payments/add">
                <i class="fa fa-plus"></i>
            </a>

            <a href="{$currentDir}?action=widgets/payments/list">
                <h6 class="title mb-1">{$lang.nav.payments}</h6>
                <p class="small text-muted mb-0">Payment widgets</p>
            </a>
            <div class="go-corner"><div class="go-arrow">→</div></div>
        </div>
    {/if}
    {if $access['counter_widget.manage']}
        <div class="col-12 col-sm-4 col-md-3  card hr-arrow p-3" style="--dynamic-color: var(--theme-color2);">
            <a href="{$currentDir}?action=widgets/counters/add">
                <i class="fa fa-plus"></i>
            </a>

            <a href="{$currentDir}?action=widgets/counters/list">
                <h6 class="title mb-1">{$lang.nav.counters}</h6>
                <p class="small text-muted mb-0">Counters & statistics</p>
                <div class="go-corner"><div class="go-arrow">→</div></div>
            </a>
        </div>
    {/if}
    {if $access['participation_widget.manage']}
        <div class="col-12 col-sm-4 col-md-3  card hr-arrow p-3" style="--dynamic-color: var(--theme-color3);">
            <a href="{$currentDir}?action=widgets/participations/add">
                <i class="fa fa-plus"></i>
            </a>

            <a href="{$currentDir}?action=widgets/participations/list">
                <h6 class="title mb-1">{$lang.nav.participations}</h6>
                <p class="small text-muted mb-0">Participation widgets</p>
                <div class="go-corner"><div class="go-arrow">→</div></div>
            </a>
        </div>
    {/if}
    {if $access['wall_widget.manage']}
        <div class="col-12 col-sm-4 col-md-3  card hr-arrow p-3" style="--dynamic-color: var(--theme-color4);">
            <a href="{$currentDir}?action=widgets/walls/add">
                <i class="fa fa-plus"></i>
            </a>

            <a href="{$currentDir}?action=widgets/walls/list">
                <h6 class="title mb-1">{$lang.nav.walls}</h6>
                <p class="small text-muted mb-0">Wall widgets</p>
                <div class="go-corner"><div class="go-arrow">→</div></div>
            </a>
        </div>
    {/if}
    {if $access['quiz_widget.manage']}
        <div class="col-12 col-sm-4 col-md-3  card hr-arrow p-3" style="--dynamic-color: var(--theme-color5);">
            <a href="{$currentDir}?action=widgets/quizes/add">
                <i class="fa fa-plus"></i>
            </a>

            <a href="{$currentDir}?action=widgets/quizes/list">
                <h6 class="title mb-1">{$lang.nav.quizes}</h6>
                <p class="small text-muted mb-0">Quiz widgets</p>
                <div class="go-corner"><div class="go-arrow">→</div></div>
            </a>
        </div>
    {/if}
    <div class="col-12 col-sm-4 col-md-3  card hr-arrow p-3" style="--dynamic-color: var(--theme-color6);">
        <a href="{$currentDir}?action=widgets/reviews/add">
            <i class="fa fa-plus"></i>
        </a>

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

        <a href="{$currentDir}?action=widgets/socials">
            <h6 class="title mb-1">{$lang.nav.socials}</h6>
            <p class="small text-muted mb-0">Social widgets</p>
            <div class="go-corner"><div class="go-arrow">→</div></div>
        </a>
    </div>
</div>