<div class="card shadow">
    <div class="card-header">
        <span class="h6 title-decorative">Filter druhu udalosti</span>
    </div>
    <div class="card-body">
        <nav class="nav flex-md-column">
            <a wire:click.prevent="$emit('filtrovatPodlaDruhuUdalosti')" href="" class="nav-link">
                <span class="badge badge-indicator badge-light mr-1"></span>
                Všetky
            </a>
            <hr class="my-1">
            @foreach($this->zoznam() as $key => $label)
                <a wire:click.prevent="$emit('filtrovatPodlaDruhuUdalosti', '{{ $key }}')" href="" class="nav-link text-truncate" style="max-width: 220px;">
                    <x-badge type="indicator" class="mr-1" :color="\Seka\Terminy\Models\Udalost\DruhUdalosti::make($key)->color()"></x-badge>
                    {{ Str::ucfirst($label) }}
                </a>
            @endforeach
        </nav>
    </div>
</div>