@extends('layouts.app')

@section('title', 'Gemeldete Fehler')

@section('nav')
    <a href="{{ route('tickets.create') }}">Fehler melden</a>
@endsection

@php
    $badge = ['new'=>'new','confirmed'=>'accepted','in_progress'=>'progress','waiting_customer'=>'waiting','fixed'=>'done'];
@endphp

@section('content')
    <h1 class="page-title">Das ist schon gemeldet</h1>
    <p class="page-intro">
        Jede Meldung, die wir bestätigt haben, steht hier – mit ihrem aktuellen Stand.
        Bevor Sie melden: kurz suchen. Steht Ihr Fehler schon drin, ist er vergeben;
        steht er nicht drin, sind Sie die erste Person, die ihn sieht.
    </p>

    <form method="GET" action="{{ route('tickets.listed') }}" class="searchbar">
        <label for="q">Fehler suchen</label>
        <div class="searchbar__row">
            <input type="search" id="q" name="q" value="{{ $search }}"
                   placeholder="Stichwort, Seite oder Nummer">
            <button type="submit" class="btn btn--primary">Suchen</button>
            @if ($search !== '')
                <a href="{{ route('tickets.listed') }}" class="btn btn--ghost">Zurücksetzen</a>
            @endif
        </div>
    </form>

    @if ($tickets->isEmpty())
        <div class="empty">
            @if ($search !== '')
                <p><strong>Nichts gefunden zu „{{ $search }}“.</strong></p>
                <p>Gute Nachricht: Dann ist dieser Fehler wahrscheinlich noch frei.</p>
            @else
                <p><strong>Hier ist noch nichts.</strong></p>
                <p>Es wurde noch kein Fehler bestätigt – jeder, den Sie jetzt finden, ist der erste.</p>
            @endif
            <p><a class="btn btn--primary" href="{{ route('tickets.create') }}">Fehler melden</a></p>
        </div>
    @else
        <ul class="findings">
            @foreach ($tickets as $ticket)
                <li class="finding finding--{{ $badge[$ticket->status] ?? 'muted' }}">
                    <div class="finding__head">
                        <span class="badge badge--{{ $badge[$ticket->status] ?? 'muted' }}">{{ $ticket->publicStatusLabel() }}</span>
                        <span class="finding__ref">{{ $ticket->reference }}</span>
                        <span class="finding__date">gemeldet am {{ optional($ticket->reported_at)->format('d.m.Y') }}</span>
                    </div>
                    <h2 class="finding__title">{{ $ticket->title }}</h2>
                    <div class="finding__meta">
                        @if ($ticket->categoryLabel())
                            <span>{{ $ticket->categoryLabel() }}</span>
                        @endif
                        @if ($ticket->page_url)
                            <span class="finding__url">{{ Str::limit(preg_replace('#^https?://#', '', $ticket->page_url), 60) }}</span>
                        @endif
                        @if ($ticket->status === 'fixed' && $ticket->closed_at)
                            <span class="finding__fixed">behoben am {{ $ticket->closed_at->format('d.m.Y') }}</span>
                        @endif
                        @if ($ticket->creditLine())
                            <span class="finding__by">gefunden von {{ $ticket->creditLine() }}</span>
                        @endif
                    </div>
                </li>
            @endforeach
        </ul>

        <div class="pagination">{{ $tickets->links() }}</div>
    @endif

    @if ($fixed->isNotEmpty())
        <section class="card" style="margin-top:32px">
            <h2 class="card__title">Zuletzt behoben</h2>
            <p class="card__hint">Was gemeldet wurde, verschwindet nicht in einer Schublade.</p>
            <ul class="changelog">
                @foreach ($fixed as $item)
                    <li>
                        <time>{{ optional($item->closed_at)->format('d.m.Y') }}</time>
                        <span>{{ $item->title }}</span>
                        @if ($item->creditLine())
                            <span class="muted">– gefunden von {{ $item->creditLine() }}</span>
                        @endif
                    </li>
                @endforeach
            </ul>
        </section>
    @endif
@endsection