{extends "@layout.xml"}
{var search = true}

{block title}
    Группы
{/block}

{block heading}
    Бутылки
{/block}

{block searchTitle}Поиск бутылок{/block}

{block content}
    {var clubs  = iterator_to_array($clubs)}
    {var amount = sizeof($clubs)}
    
    <table class="aui aui-table-list">
        <thead>
            <tr>
                <th>#</th>
                <th>Имя</th>
                <th>Автор</th>
                <th>Описание</th>
                <th>Короткий адрес</th>
                <th>Действия</th>
            </tr>
        </thead>
        <tbody>
            <tr n:foreach="$clubs as $club">
                <td>{$club->getId()}</td>
                <td>
                    <span class="aui-avatar aui-avatar-xsmall">
                        <span class="aui-avatar-inner">
                            <img src="{$club->getAvatarUrl()}" alt="{$club->getCanonicalName()}" style="object-fit: cover;" role="presentation" />
                        </span>
                    </span>
                    
                    <a href="{$club->getURL()}">{$club->getCanonicalName()}</a>
                </td>
                <td>
                    {var user = $club->getOwner()}
                    
                    <span class="aui-avatar aui-avatar-xsmall">
                        <span class="aui-avatar-inner">
                            <img src="{$user->getAvatarUrl()}" alt="{$user->getCanonicalName()}" role="presentation" />
                        </span>
                    </span>
                    
                    <a href="{$user->getURL()}">{$user->getCanonicalName()}</a>
                </td>
                <td>{$club->getDescription() ?? "(не указано)"}</td>
                <td>{$club->getShortCode()}</td>
                <td>
                    <a class="aui-button aui-button-primary" href="/admin/clubs/id{$club->getId()}">
                        <span class="aui-icon aui-icon-small aui-iconfont-new-edit">Редактировать</span>
                    </a>
                </td>
            </tr>
        </tbody>
    </table>
    <br/>
    <div align="right">
        {var isLast = ((10 * (($_GET['p'] ?? 1) - 1)) + $amount) < $count}
        
        <a n:if="($_GET['p'] ?? 1) > 1" class="aui-button" href="?p={($_GET['p'] ?? 1) - 1}">
            ⭁ туда
        </a>
        <a n:if="$isLast" class="aui-button" href="?p={($_GET['p'] ?? 1) + 1}">
            ⭇  сюда
        </a>
    </div>
{/block}