@extends('layouts.app')

@section('title', 'eeter')

@section('content')
@php($formatter = app(\App\Support\KommFormatter::class))
<div class="komms">
    <h2>Eeter</h2>

    <div class="toolbar">
        <div class="sort">
            @if ($mode === 'top')
                <a href="{{ route('eeter') }}">Vanemad eespool</a> · <strong>Paremad eespool</strong>
            @elseif ($mode === 'index')
                <strong>Vanemad eespool</strong> · <a href="{{ route('eeter.top') }}">Paremad eespool</a>
            @else
                <a href="{{ route('eeter') }}">Tagasi kommentaaride juurde</a>
            @endif
        </div>

        <details class="tool" @if($mode === 'search') open @endif>
            <summary>otsi</summary>
            <form method="get" action="{{ route('eeter.search') }}" class="tool-form">
                <label>Nimi <input type="text" name="nimi" value="{{ $search['nimi'] ?? '' }}" maxlength="255"></label>
                <label>Tekst <input type="text" name="tekst" value="{{ $search['tekst'] ?? '' }}" maxlength="255"></label>
                <label class="check"><input type="checkbox" name="tapne" value="1" @checked($search['tapne'] ?? false)> täpne nimi</label>
                <button type="submit">Otsi</button>
            </form>
        </details>

        <details class="tool">
            <summary>mine kuupäevale</summary>
            <form method="get" action="{{ route('eeter.date') }}" class="tool-form">
                <label>Kuupäev: <input type="date" name="kuupaev" required value="{{ now()->format('Y-m-d') }}"></label>
                <button type="submit">Mine</button>
            </form>
        </details>
    </div>

    @if ($mode === 'search')
        @if ($searchError)
            <p class="error">{{ $searchError }}</p>
        @else
            <p>Leitud: <span class="count">{{ $total }}</span>@if($capped) (näidatakse {{ $total }} uusimat)@endif</p>
        @endif
    @else
        <p>Kommentaare kokku: <span class="count">{{ number_format($total, 0, ',', ' ') }}</span></p>
    @endif

    @if ($komms->isNotEmpty())
        @include('eeter._paging')

        @foreach ($komms as $komm)
            @include('eeter._komm', ['komm' => $komm, 'alt' => $loop->index % 2 === 0])
        @endforeach

        @include('eeter._paging')
    @elseif ($mode === 'search' && ! $searchError)
        <p>Midagi ei leitud.</p>
    @endif

    <section class="lisa" id="lisa">
        @if (session('newKomm'))
            <div class="flash">Kommentaar on lisatud. <a href="{{ session('newKomm.url') }}">Mine kommentaari juurde</a></div>
        @endif
        <p class="kokku">Kommentaare kokku: <span class="count">{{ number_format($allTotal, 0, ',', ' ') }}</span></p>
        @auth
            <form method="post" action="{{ route('eeter.store') }}" id="kommForm">
                @csrf
                {{-- leht, kuhu kasutaja pärast lisamist jääb --}}
                <input type="hidden" name="tagasi" value="{{ $mode === 'index' ? route('eeter.page', $page, false) : request()->getRequestUri() }}">
                @if ($errors->any())
                    <div class="error">@foreach ($errors->all() as $e)<div>{{ $e }}</div>@endforeach</div>
                @endif
                <div class="row">
                    <label>Nimi <input type="text" name="nimi" id="formNimi" required maxlength="255" value="{{ old('nimi', $defaultName) }}"></label>
                    <label>E-mail <input type="text" name="email" id="formEmail" maxlength="255" value="{{ old('email', $defaultEmail) }}"></label>
                </div>
                <textarea name="orig_text" id="formTekst" rows="10" required>{{ old('orig_text') }}</textarea>
                <p class="vihje">
                    [b]<b>rasvane</b>[/b] või *<b>rasvane</b>* · [i]<i>kaldu</i>[/i] või _<i>kaldu</i>_ ·
                    [small]<span class="small">väike</span>[/small] · [u]<u>alla</u>[/u] · [big]suur[/big] · [quote]tsitaat[/quote]
                </p>
                <button type="submit" id="lisaNupp">Lisa</button>
            </form>
        @else
            <p class="login-hint">Kommenteerimiseks <a href="{{ route('login') }}">logi sisse</a>.</p>
        @endauth
    </section>
</div>
@endsection

@push('scripts')
<script src="{{ asset('js/eeter.js') }}?v=1" defer></script>
@endpush