@extends('layouts.default')

@section('content')
    @parent

    <section class="bg-white space-sm">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col">
                    <h1 class="h2 mb-2">Zoznam hodnotení</h1>
                    <span>Zoznam hodnotení informácie používateľmi Portálu</span>
                </div>
            </div>
        </div>
    </section>


    <section class="flush-with-above space-0">
        <div class="bg-white">
            <div class="container">
                <div class="row">
                    <div class="col">
                        <ul class="nav nav-tabs" id="myTab" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link"
                                   href="{{ route('portal.sprava.informacie.edit', $informacia) }}"
                                   role="tab">Informácia</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link active"
                                   role="tab">Hodnotenia <span
                                            class="badge badge-sm badge-light">{{$informacia->pocetHodnoteni() ?? 0}}</span></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <livewire:backend.informacie.hodnotenia.zoznam :informacia="$informacia"/>
                </div>
            </div>
        </div>
    </section>
@endsection
