@extends('admin.panel.layout')

@section('admin_title', 'Feedback #' . $feedback->id)

@section('admin_content')
    <div class="admin-header">
        <div>
            <span class="shop-muted-label">Feedback-System</span>
            <h1>Feedback #{{ $feedback->id }}</h1>
            <p class="shop-copy" style="margin-top: 14px;">{{ optional($feedback->created_at)->format('d.m.Y H:i') }} · {{ $feedback->categoryLabel() }} · {{ $feedback->typeLabel() }}</p>
        </div>
        <div class="admin-toolbar">
            <a href="{{ route('admin.feedback.index') }}" class="shop-button-light">Zurück zur Liste</a>
        </div>
    </div>

    @if(session('admin_status'))
        <div class="flash-banner flash-banner-success">{{ session('admin_status') }}</div>
    @endif

    <div class="admin-card-grid">
        <div class="admin-metric-card">
            <span>Kategorie</span>
            <strong>{{ $feedback->categoryLabel() }}</strong>
        </div>
        <div class="admin-metric-card">
            <span>Art</span>
            <strong>{{ $feedback->typeLabel() }}</strong>
        </div>
        <div class="admin-metric-card">
            <span>Bewertung</span>
            <strong>{{ $feedback->rating ? $feedback->rating . '/10' : '—' }}</strong>
        </div>
    </div>

    <div class="admin-panel">
        <h2 style="font-size: 1.6rem; margin-bottom: 18px;">Inhalt</h2>
        <div class="admin-table-wrap">
            <table class="admin-table">
                <tbody>
                    <tr><th>Ziel</th><td>{{ $feedback->target_label ?: 'Allgemein' }}</td></tr>
                    <tr><th>Plattform</th><td>{{ $feedback->platform ?: 'Allgemein' }}</td></tr>
                    <tr><th>Feedback</th><td>{!! nl2br(e($feedback->message)) !!}</td></tr>
                    <tr><th>Wunsch</th><td>{!! $feedback->wished_feature ? nl2br(e($feedback->wished_feature)) : '—' !!}</td></tr>
                    <tr><th>Kontakt</th><td>{{ $feedback->contact_email ? trim(($feedback->contact_name ?: 'Ohne Name') . ' <' . $feedback->contact_email . '>') : '—' }}</td></tr>
                </tbody>
            </table>
        </div>
    </div>

    <div class="admin-panel">
        <h2 style="font-size: 1.6rem; margin-bottom: 18px;">Status</h2>
        <form method="POST" action="{{ route('admin.feedback.update', $feedback) }}" class="admin-toolbar">
            @csrf
            @method('PUT')
            <select name="status" class="shop-input" style="max-width: 240px;">
                @foreach(['new' => 'Neu', 'reviewed' => 'Geprüft', 'closed' => 'Erledigt'] as $value => $label)
                    <option value="{{ $value }}" @selected($feedback->status === $value)>{{ $label }}</option>
                @endforeach
            </select>
            <button type="submit" class="shop-button">Speichern</button>
        </form>
    </div>
@endsection