@extends('layouts.app')

@section('title', 'Meldung '.$ticket->reference)

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

@php
    $badge = ['new'=>'new','confirmed'=>'accepted','in_progress'=>'progress','waiting_customer'=>'waiting','fixed'=>'done','declined'=>'declined','duplicate'=>'muted'];
    $campaign = config('bugportal.campaign');
    $account = optional($ticket->credit)->account;
@endphp

@section('content')
    @if (session('submitted'))
        <div class="alert alert--ok">
            <strong>Vielen Dank – Ihre Meldung ist eingegangen.</strong><br>
            Ihre Vorgangsnummer lautet <strong>{{ $ticket->reference }}</strong>.
            Wir melden uns innerhalb von {{ $campaign['response_workdays'] }} Werktagen.
            Speichern Sie diese Seite als Lesezeichen – den Link haben wir Ihnen zusätzlich per E-Mail geschickt.
        </div>
    @endif

    @if (session('replied'))
        <div class="alert alert--ok">Ihre Nachricht wurde übermittelt. Wir melden uns.</div>
    @endif

    @if ($errors->any())
        <div class="alert alert--error">
            <ul>@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul>
        </div>
    @endif

    <h1 class="page-title">{{ $ticket->title }}</h1>
    <p class="page-intro">
        <span class="badge badge--{{ $ticket->type === 'security' ? 'muted' : $ticket->type }}">{{ $ticket->typeLabel() }}</span>
        <span class="badge badge--{{ $badge[$ticket->status] ?? 'muted' }}">{{ $ticket->statusLabel() }}</span>
        &nbsp;Vorgang <strong>{{ $ticket->reference }}</strong>,
        eingegangen am {{ optional($ticket->reported_at)->format('d.m.Y') }} um {{ optional($ticket->reported_at)->format('H:i') }} Uhr.
    </p>

    @if ($ticket->status === 'duplicate' && $ticket->duplicateOf)
        <div class="alert alert--info">
            <strong>Diesen Fehler kannten wir schon.</strong>
            Er wurde bereits unter {{ $ticket->duplicateOf->reference }} gemeldet und wird dort bearbeitet.
            Nach dem Erstmelder-Prinzip geht die Gutschrift an die zeitlich erste Meldung – Ihre Mühe
            war trotzdem nicht umsonst, denn doppelte Meldungen zeigen uns, was wirklich stört.
        </div>
    @endif

    @if ($ticket->status === 'declined' && $ticket->rejection_reason)
        <div class="alert alert--info">
            <strong>Wir haben diese Meldung nicht als Fehler gewertet.</strong><br>
            {{ $ticket->rejection_reason }}
        </div>
    @endif

    @if ($ticket->isSecurity())
        <div class="alert alert--info">
            <strong>Vertraulich behandelt.</strong>
            Diese Meldung erscheint nicht in der öffentlichen Liste. Nach der Behebung erwähnen wir sie
            dort nur ohne technische Details.
        </div>
    @endif

    {{-- Fehlerkonto --}}
    @if ($account)
        @php
            $percent = $account->percent();
            $share = min(100, (int) round($percent / max($campaign['max_percent'], 1) * 100));
        @endphp
        <div class="card account">
            <h2 class="card__title">Ihr Fehlerkonto</h2>
            <p class="card__hint">Gutgeschrieben auf {{ $account->email }}</p>
            <div class="account__bar" role="img"
                 aria-label="Fehlerkonto: {{ $percent }} von {{ $campaign['max_percent'] }} Prozent">
                <span style="width: {{ $share }}%"></span>
            </div>
            <p class="account__line">
                <strong>{{ $percent }} %</strong>
                <span class="muted">
                    aus {{ $account->openCount() }}
                    {{ $account->openCount() === 1 ? 'bestätigtem Fehler' : 'bestätigten Fehlern' }}
                    – höchstens {{ $campaign['max_percent'] }} %
                </span>
            </p>
            @if ($account->chainVerified())
                <p class="muted">Einlösbar bei Ihrer nächsten Bestellung. Der Gutscheincode kommt per E-Mail.</p>
            @else
                <p class="muted">
                    Zum Einlösen brauchen wir noch ein Kundenkonto im Shop und einen bestätigten Newsletter
                    auf dieser Adresse. Danach schicken wir Ihnen den Gutscheincode.
                </p>
            @endif
        </div>
    @elseif ($ticket->isConfirmed())
        <div class="alert alert--ok">
            <strong>Bestätigt – danke!</strong> Wir konnten den Fehler nachvollziehen.
        </div>
    @endif

    @unless (in_array($ticket->status, ['declined', 'duplicate'], true))
        <div class="card">
            <h2 class="card__title">Bearbeitungsstand</h2>
            <p class="card__hint">
                @switch($ticket->status)
                    @case('new') Ihre Meldung liegt bei uns und wird geprüft. Rückmeldung bis spätestens {{ optional($ticket->responseDueAt())->format('d.m.Y') }}. @break
                    @case('confirmed') Wir haben den Fehler nachvollziehen können und eingeplant. @break
                    @case('in_progress') Wir arbeiten gerade daran. @break
                    @case('waiting_customer') Wir haben eine Rückfrage an Sie – siehe unten. @break
                    @case('fixed') Behoben{{ $ticket->closed_at ? ' am '.$ticket->closed_at->format('d.m.Y') : '' }}. Bitte prüfen Sie, ob bei Ihnen alles passt. @break
                @endswitch
            </p>
            @php
                $order = ['new', 'confirmed', 'in_progress', 'fixed'];
                $currentIndex = array_search($ticket->status === 'waiting_customer' ? 'in_progress' : $ticket->status, $order, true);
            @endphp
            <ul class="steps">
                @foreach (['Eingegangen', 'Bestätigt', 'In Bearbeitung', 'Behoben'] as $i => $label)
                    <li class="{{ $i < $currentIndex ? 'is-done' : ($i === $currentIndex ? 'is-current' : '') }}">{{ $label }}</li>
                @endforeach
            </ul>
        </div>
    @endunless

    <div class="card">
        <h2 class="card__title">Ihre Meldung</h2>
        <p class="card__hint">So haben Sie das Anliegen geschildert.</p>

        <div class="field">
            <label>Beschreibung</label>
            <div class="prose prose--boxed">{{ $ticket->description }}</div>
        </div>

        @if ($ticket->steps)
            <div class="field">
                <label>Was Sie vorher gemacht haben</label>
                <div class="prose prose--boxed">{{ $ticket->steps }}</div>
            </div>
        @endif

        <ul class="meta">
            @if ($ticket->categoryLabel())
                <li><span class="k">Art des Fehlers</span> <span class="v">{{ $ticket->categoryLabel() }}</span></li>
            @endif
            <li><span class="k">Auswirkung</span> <span class="v">{{ $ticket->impactLabel() }}</span></li>
            @if ($ticket->page_url)
                <li><span class="k">Seite</span> <span class="v">{{ $ticket->page_url }}</span></li>
            @endif
            @if ($ticket->environment)
                <li><span class="k">Gerät / Browser</span> <span class="v">{{ $ticket->environment }}</span></li>
            @endif
            @if ($ticket->publish_consent)
                <li><span class="k">Nennung in der Liste</span> <span class="v">{{ $ticket->creditLine() }}</span></li>
            @endif
        </ul>

        @if ($ticket->attachments->isNotEmpty())
            <div class="field" style="margin-top:20px">
                <label>Ihre Anhänge</label>
                <ul class="attachments">
                    @foreach ($ticket->attachments as $file)
                        <li>
                            <span class="icon">{{ $file->isImage() ? '🖼' : '📄' }}</span>
                            <span>
                                <a href="{{ route('tickets.attachment', [$ticket->public_token, $file->id]) }}">{{ $file->original_name }}</a>
                                <span class="muted">– {{ $file->humanSize() }}</span>
                            </span>
                        </li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>

    <div class="card">
        <h2 class="card__title">Verlauf</h2>
        <p class="card__hint">Nachrichten zwischen Ihnen und unserem Team.</p>

        @if ($ticket->publicComments->isEmpty())
            <p class="muted">Noch keine Nachrichten. Sobald es Neuigkeiten gibt, erscheinen sie hier.</p>
        @else
            <ul class="thread">
                @foreach ($ticket->publicComments as $comment)
                    <li class="{{ $comment->isFromTeam() ? 'is-team' : '' }}">
                        <div class="thread__head">
                            <strong>{{ $comment->isFromTeam() ? $comment->author_name.' (Team)' : $comment->author_name }}</strong>
                            <span>{{ $comment->created_at->format('d.m.Y H:i') }} Uhr</span>
                        </div>
                        <div class="prose">{{ $comment->body }}</div>
                    </li>
                @endforeach
            </ul>
        @endif

        <form method="POST" action="{{ route('tickets.reply', $ticket->public_token) }}" style="margin-top:20px">
            @csrf
            <div class="honeypot" aria-hidden="true">
                <input type="text" name="website" value="" tabindex="-1" autocomplete="off">
            </div>
            <div class="field">
                <label for="body">Etwas ergänzen oder nachfragen</label>
                <textarea id="body" name="body" maxlength="5000" style="min-height:100px"
                          placeholder="Ihre Nachricht an unser Team">{{ old('body') }}</textarea>
            </div>
            <button type="submit" class="btn btn--primary btn--small">Nachricht senden</button>
        </form>
    </div>
@endsection