{block content}

<div class="container-fluid p-2">
    <h3>Obvody</h3>
    <div class="d-flex flex-wrap gap-2 mb-2" n:if="$skupiny">
        <div class="btn-group flex-wrap" role="group" aria-label="Filtr skupin">
            <a n:foreach="$skupiny as $s" n:href="list, skupina: $s" n:class="$skupina === $s ? 'btn btn-klavesa' : 'btn btn-outline-secondary'">{$s}</a>
        </div>
    </div>

    <table class="table table-sm table-striped mb-1">
        <thead>
            <tr>
                <th scope="col" class="text-start">Číslo</th>
                <th scope="col" class="text-start">Název</th>
                <th scope="col" class="text-start">Akce</th>
            </tr>
        </thead>
        <tbody>
        {foreach $obvody as $obvod}
            <tr>
                <td>{$obvod->CISLO}</td>
                <td>{$obvod->NAZEV}</td>
                <td>
                    <a n:href=":Obvod:view id:$obvod->ID" class="btn btn-sm btn-klavesa box-shadow--6dp">Otevřít</a>
                </td>
            </tr>
        {/foreach}
        </tbody>
    </table>
</div>