@extends('admin.panel.layout')

@section('admin_title', 'Einreichungen')

@section('admin_content')
    <div class="admin-header">
        <div>
            <span class="shop-muted-label">ProblemRadar</span>
            <h1>Einreichungen</h1>
            <p class="shop-copy" style="margin-top: 14px;">Alle gemeldeten Probleme mit Schweregrad, Quelle und Beschreibung.</p>
        </div>
        <div class="admin-toolbar">
            <a href="{{ route('admin.problemradar.export', request()->query()) }}" class="shop-button">CSV-Export</a>
        </div>
    </div>

    <div class="admin-panel">
        <form method="GET" action="{{ route('admin.problemradar.submissions') }}" class="admin-toolbar" style="margin-bottom: 20px; align-items: flex-end;">
            <div class="shop-field" style="margin-bottom:0;">
                <label class="shop-label" for="source">Quelle</label>
                <select name="source" id="source" class="shop-input">
                    <option value="">Alle</option>
                    @foreach (['full' => 'Vollumfrage', 'direct' => 'Direkt', 'quick' => 'Kurzumfrage'] as $key => $label)
                        <option value="{{ $key }}" @selected($filters['source'] === $key)>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="shop-field" style="margin-bottom:0;">
                <label class="shop-label" for="severity_min">Schweregrad min.</label>
                <input type="number" min="0" max="10" name="severity_min" id="severity_min" class="shop-input"
                       value="{{ $filters['severity_min'] }}" placeholder="0–10">
            </div>
            <div class="shop-field" style="margin-bottom:0;">
                <label class="shop-label" for="problem_area">Problemfeld</label>
                <select name="problem_area" id="problem_area" class="shop-input">
                    <option value="">Alle</option>
                    @foreach ($problemAreas as $area)
                        <option value="{{ $area }}" @selected($filters['problem_area'] === $area)>{{ $area }}</option>
                    @endforeach
                </select>
            </div>
            <div class="shop-field" style="margin-bottom:0;">
                <label class="shop-label" for="from">Von</label>
                <input type="date" name="from" id="from" class="shop-input" value="{{ $filters['from'] }}">
            </div>
            <div class="shop-field" style="margin-bottom:0;">
                <label class="shop-label" for="to">Bis</label>
                <input type="date" name="to" id="to" class="shop-input" value="{{ $filters['to'] }}">
            </div>
            <div class="admin-toolbar">
                <button type="submit" class="shop-button">Filtern</button>
                <a href="{{ route('admin.problemradar.submissions') }}" class="shop-button-light">Zurücksetzen</a>
            </div>
        </form>

        <div class="admin-table-wrap">
            <table class="admin-table">
                <thead>
                    <tr>
                        <th>Datum</th>
                        <th>Problemfeld</th>
                        <th>Quelle</th>
                        <th>Schwere</th>
                        <th>Beschreibung</th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($submissions as $submission)
                        <tr>
                            <td><span class="shop-note">{{ optional($submission->created_at)->format('d.m.Y H:i') }}</span></td>
                            <td><strong>{{ $submission->problem_area ?: '—' }}</strong></td>
                            <td><span class="admin-badge">{{ $submission->source ?: '—' }}</span></td>
                            <td><span class="admin-badge">{{ $submission->severity_score !== null ? $submission->severity_score . '/10' : '—' }}</span></td>
                            <td>{{ \Illuminate\Support\Str::limit((string) $submission->problem_description, 80) }}</td>
                            <td><a href="{{ route('admin.problemradar.show', $submission) }}" class="shop-button-light">Öffnen</a></td>
                        </tr>
                    @empty
                        <tr><td colspan="6"><div class="shop-note">Keine Einreichungen für diese Filter.</div></td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>

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