{block content}

<div class="platno">
    <header class="lista">
        <div>
            <h1 class="lista-nadpis">Obvody</h1>
            <p class="lista-popis">Vyberte skupinu a otevřete obvod.</p>
        </div>
        <a n:href=":Mapa:" class="tlacitko">Celá mapa</a>
    </header>

    <section class="panel">
        <div class="filtry">
            <div class="filtry-skupiny" n:if="$skupiny" role="group" aria-label="Filtr skupin">
                <a n:foreach="$skupiny as $s" n:href="list, skupina: $s, razeni: $razeni" n:class="$skupina === $s ? 'tlacitko tlacitko-filtr is-aktivni' : 'tlacitko tlacitko-filtr'">{$s}</a>
            </div>
            <label class="razeni">
                <span class="razeni-popisek">Řazení</span>
                <select class="razeni-vyber" aria-label="Řazení obvodů" onchange="location.href = this.value">
                    <option n:foreach="$razeniMoznosti as $klic => $popisek" n:attr="selected: $razeni === $klic" value="{link list, skupina: $skupina, razeni: $klic}">{$popisek}</option>
                </select>
            </label>
        </div>

        <table class="tabulka">
            <thead>
                <tr>
                    <th scope="col">Číslo</th>
                    <th scope="col">Název</th>
                    <th scope="col">Stav</th>
                    <th scope="col">Akce</th>
                </tr>
            </thead>
            <tbody>
            {foreach $obvody as $obvod}
                <tr>
                    <td data-popisek="Číslo"><span class="tabulka-cislo">{$obvod->CISLO}</span></td>
                    <td data-popisek="Název">{$obvod->NAZEV}</td>
                    <td data-popisek="Stav"><span class="stav-badge" style="background: {$obvod->stav->barva|noescape}; color: {$obvod->stav->text|noescape}">{$obvod->stav->popisek}</span></td>
                    <td class="bunka-akce" data-popisek="Akce">
                        <div class="akce-radek">
                            <a n:href=":Obvod:view id:$obvod->ID" class="tlacitko">Otevřít</a>
                        </div>
                    </td>
                </tr>
            {/foreach}
            </tbody>
        </table>
        <p class="prazdno" n:if="count($obvody) === 0">V této skupině nejsou žádné obvody.</p>
    </section>
</div>