@extends('admin.panel.layout')

@section('admin_title', 'Feedback')

@section('admin_content')
    <div class="admin-header">
        <div>
            <span class="shop-muted-label">Feedback-System</span>
            <h1>Feedback</h1>
            <p class="shop-copy" style="margin-top: 14px;">Kritik, Verbesserungsideen, Wünsche und Fehlerberichte zu Apps, Software, Websites und Tools.</p>
        </div>
        <div class="admin-toolbar">
            <a href="{{ route('feedback.index') }}" target="_blank" class="shop-button-light">Formular öffnen</a>
        </div>
    </div>

    <div class="admin-panel">
        <form method="GET" action="{{ route('admin.feedback.index') }}" class="admin-toolbar" style="margin-bottom: 20px; align-items: flex-end;">
            <div class="shop-field" style="margin-bottom:0;">
                <label class="shop-label" for="category">Kategorie</label>
                <select name="category" id="category" class="shop-input">
                    <option value="">Alle</option>
                    @foreach(['apps' => 'Apps', 'software' => 'Software', 'websites' => 'Websites', 'tools' => 'Tools', 'other' => 'Sonstiges'] as $value => $label)
                        <option value="{{ $value }}" @selected($filters['category'] === $value)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="shop-field" style="margin-bottom:0;">
                <label class="shop-label" for="type">Art</label>
                <select name="type" id="type" class="shop-input">
                    <option value="">Alle</option>
                    @foreach(['improvement' => 'Verbesserung', 'criticism' => 'Kritik', 'bug' => 'Fehler', 'wish' => 'Wunsch', 'praise' => 'Lob', 'other' => 'Sonstiges'] as $value => $label)
                        <option value="{{ $value }}" @selected($filters['type'] === $value)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="shop-field" style="margin-bottom:0;">
                <label class="shop-label" for="status">Status</label>
                <select name="status" id="status" class="shop-input">
                    <option value="">Alle</option>
                    @foreach(['new' => 'Neu', 'reviewed' => 'Geprüft', 'closed' => 'Erledigt'] as $value => $label)
                        <option value="{{ $value }}" @selected($filters['status'] === $value)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="admin-toolbar">
                <button type="submit" class="shop-button">Filtern</button>
                <a href="{{ route('admin.feedback.index') }}" class="shop-button-light">Zurücksetzen</a>
            </div>
        </form>

        <div class="admin-table-wrap">
            <table class="admin-table">
                <thead>
                    <tr>
                        <th>Datum</th>
                        <th>Ziel</th>
                        <th>Kategorie</th>
                        <th>Art</th>
                        <th>Feedback</th>
                        <th>Status</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($feedback as $item)
                        <tr>
                            <td><span class="shop-note">{{ optional($item->created_at)->format('d.m.Y H:i') }}</span></td>
                            <td><strong>{{ $item->target_label ?: 'Allgemein' }}</strong><br><span class="shop-note">{{ $item->platform ?: 'allgemein' }}</span></td>
                            <td>{{ $item->categoryLabel() }}</td>
                            <td><span class="admin-badge">{{ $item->typeLabel() }}</span></td>
                            <td>{{ \Illuminate\Support\Str::limit($item->message, 90) }}</td>
                            <td><span class="admin-badge">{{ $item->status }}</span></td>
                            <td><a href="{{ route('admin.feedback.show', $item) }}" class="shop-button-light">Öffnen</a></td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7"><div class="shop-note">Noch kein Feedback vorhanden.</div></td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if(method_exists($feedback, 'links'))
            <div style="margin-top: 20px;">{{ $feedback->links() }}</div>
        @endif
    </div>
@endsection