<section>
    <div class="container">
        <div class="row justify-content-center mb-5">
            <div class="col-auto">
                <h3 class="h4">Kategórie učebných materiálov</h3>
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-12 col-lg-10">
                <ul class="feature-list feature-list-sm row">
                    @foreach($kategorie as $kategoria)
                    <li class="col-6 col-md-4">
                        <a class="card text-center" href="{{ route('kategoria.ucebnice.index', ['kategoriaId' => $kategoria->getKey()]) }}">
                            <div class="card-body">
                                <i class="fa {{ $kategoria->obrazok }} fa-4x p-2"></i>
                                <h6 class="title-decorative">{{ $kategoria->nazov }}</h6>
                            </div>
                        </a>
                        @auth
                        <a class="btn btn-md btn-primary" href="{{ route('kategoria.edit', ['id' => $kategoria->getKey()]) }}">
                            <i class="fa fa-edit"></i>
                            Upraviť
                        </a>
                        <a class="btn btn-md btn-danger" href="{{ route('kategoria.destroy', ['id' => $kategoria->getKey()]) }}">
                            <i class="fa fa-trash"></i>
                            Odstrániť
                        </a>
                        @endauth
                    </li>
                    @endforeach
                    @can('isAdmin')
                    <li class="col-6 col-md-4">
                        <a href="{{ route('kategoria.create') }}" class="card text-center border-dark border-1">
                            <span class="card-body bg-success text-white">
                                <i class="fa fa-plus fa-4x p-2"></i>
                                <h6 class="title-decorative">Nová kategória</h6>
                            </span>
                        </a>
                    </li>
                    @endcan
                </ul>
            </div>
            @if($kategorie->isEmpty())
            <div class="alert alert-info">
                <span>Zatiaľ nebola vytvorená žiadna kategória učebného materiálu.</span>
            </div>
            @endif
        </div>
    </div>
</section>