{if !empty($uniqueGroups)}
    <nav class="quiqqer-portfolio-list2022-categoryGroups"
         aria-label="{locale group='quiqqer/portfolio' var='quiqqer.portfolio.categoryGroups.label'}"
    >

        {foreach from=$uniqueGroups item=UniqueGroup}
            <div class="quiqqer-portfolio-list2022-categoryGroups__entry {if $activeGroup === $UniqueGroup}active{/if}">
                <a href="?group={$UniqueGroup|escape:'url'}"
                   class="quiqqer-portfolio-list2022-categoryGroups__link"
                   {if $activeGroup === $UniqueGroup}aria-current="page"{/if}
                >
                    <span class="quiqqer-portfolio-list2022-categoryGroups__linkText">
                    {if $UniqueGroup === 'others'}
                        {QUI::getLocale()->get(
                        'quiqqer/portfolio',
                        'quiqqer.portfolio.reference.settings.group.empty'
                        )}
                    {else}
                        {$UniqueGroup|escape:'html'}
                    {/if}
                    </span>
                </a>
            </div>
        {/foreach}
    </nav>
{/if}