@php
    $r = $ratings[$komm->id] ?? ['pos' => 0, 'neg' => 0, 'uids' => []];
    $rated = $uid !== null && isset($r['uids'][$uid]);
@endphp
<article class="komm" id="{{ $komm->id }}">
    <header class="komm-head">
        <a class="nimi" href="{{ route('eeter.search', ['nimi' => $komm->nimi, 'tapne' => 1]) }}" title="Kõik selle nimega kommentaarid">{{ $komm->nimi }}</a>
        @if (filled($komm->email))
            <span class="email">{{ $komm->email }}</span>
        @endif
        <a class="aeg" href="{{ route('eeter.show', $komm->id) }}" title="Püsilink">{{ $komm->formattedTime() }}</a>
    </header>

    <div class="sisu">{!! $formatter->format($komm->orig_text) !!}</div>

    <footer class="komm-ft">
        @if ($mode !== 'index')
            <a href="{{ route('eeter.show', $komm->id) }}" class="kontekst">Vaata kontekstis</a>
        @endif
        @auth
            <button type="button" class="linklike tsiteeri" data-url="{{ route('eeter.quote', $komm->id) }}">Tsiteeri</button>
        @endauth
        <span class="hinne" id="hinne{{ $komm->id }}">Hinne: {{ $r['pos'] }} - {{ $r['neg'] }} = {{ $r['pos'] - $r['neg'] }}</span>
        @auth
            @unless ($rated)
                <span class="hinda" id="hinda{{ $komm->id }}">
                    Hinda:
                    <button type="button" class="linklike rate" data-url="{{ route('eeter.rate', [$komm->id, 1]) }}" data-target="{{ $komm->id }}">Meeldib</button>
                    või
                    <button type="button" class="linklike rate" data-url="{{ route('eeter.rate', [$komm->id, -1]) }}" data-target="{{ $komm->id }}">Ei meeldi</button>
                </span>
            @endunless
        @endauth
    </footer>
</article>