@extends('admin.panel.layout')

@section('admin_title', 'Einreichung #' . $submission->id)

@section('admin_content')
    <div class="admin-header">
        <div>
            <span class="shop-muted-label">ProblemRadar</span>
            <h1>Einreichung #{{ $submission->id }}</h1>
            <p class="shop-copy" style="margin-top: 14px;">{{ optional($submission->created_at)->format('d.m.Y H:i') }} · Quelle: {{ $submission->source ?: '—' }}</p>
        </div>
        <div class="admin-toolbar">
            <a href="{{ route('admin.problemradar.submissions') }}" class="shop-button-light">Zurück zur Liste</a>
        </div>
    </div>

    <div class="admin-card-grid">
        <div class="admin-metric-card">
            <span>Schweregrad</span>
            <strong>{{ $submission->severity_score !== null ? $submission->severity_score . '/10' : '—' }}</strong>
        </div>
        <div class="admin-metric-card">
            <span>Zufriedenheit</span>
            <strong>{{ $submission->satisfaction_score !== null ? $submission->satisfaction_score . '/5' : '—' }}</strong>
        </div>
        <div class="admin-metric-card">
            <span>Häufigkeit</span>
            <strong>{{ $submission->problem_frequency ?: '—' }}</strong>
        </div>
        <div class="admin-metric-card">
            <span>Zeitverlust</span>
            <strong>{{ $submission->time_loss_value !== null ? $submission->time_loss_value . ' / ' . ($submission->time_loss_period ?: '—') : '—' }}</strong>
        </div>
    </div>

    <div class="admin-panel">
        <h2 style="font-size: 1.6rem; margin-bottom: 18px;">Problem</h2>
        <div class="admin-table-wrap">
            <table class="admin-table">
                <tbody>
                    <tr><th>Problemfeld</th><td>{{ $submission->problem_area ?: '—' }}</td></tr>
                    <tr><th>Aufgabe</th><td>{{ $submission->task_description ?: '—' }}</td></tr>
                    <tr><th>Problembeschreibung</th><td>{{ $submission->problem_description ?: '—' }}</td></tr>
                    <tr><th>Aktuelle Lösung</th><td>{{ $submission->current_solution_description ?: '—' }}</td></tr>
                    <tr><th>Weitere Notizen</th><td>{{ $submission->additional_notes ?: '—' }}</td></tr>
                </tbody>
            </table>
        </div>
    </div>

    <div class="admin-panel">
        <h2 style="font-size: 1.6rem; margin-bottom: 18px;">Teilnehmer</h2>
        <p class="shop-note" style="margin-bottom: 14px;">Diese Angaben sind freiwillig und werden ausschließlich hier im geschützten Adminbereich angezeigt (DSGVO).</p>
        <div class="admin-table-wrap">
            <table class="admin-table">
                <tbody>
                    <tr><th>Name (optional)</th><td>{{ $optionalName ?: '— keine Angabe —' }}</td></tr>
                    <tr><th>Altersgruppe</th><td>{{ $ageGroup ?: '—' }}</td></tr>
                </tbody>
            </table>
        </div>
    </div>

    <div class="admin-panel">
        <h2 style="font-size: 1.6rem; margin-bottom: 18px;">KI-Vorschläge</h2>
        @if (session('admin_status'))
            <div class="flash-banner flash-banner-success" style="margin-bottom: 14px;">{{ session('admin_status') }}</div>
        @endif
        <p class="shop-note" style="margin-bottom: 14px;">
            Die KI erzeugt nur Vorschläge (Zusammenfassung, Tags). Bestätigen übernimmt sie, Verwerfen ignoriert sie.
        </p>

        @if ($aiEnabled)
            <form method="POST" action="{{ route('admin.problemradar.ai.submission', $submission->id) }}" style="margin-bottom: 16px;">
                @csrf
                <button type="submit" class="shop-button">KI-Vorschlag erzeugen</button>
            </form>
        @else
            <p class="shop-note" style="margin-bottom: 16px;">
                <em>KI nicht konfiguriert (kein API-Key) — Vorschläge können nicht erzeugt werden.</em>
            </p>
        @endif

        @if ($aiSuggestions->isNotEmpty())
            <div class="admin-table-wrap">
                <table class="admin-table">
                    <thead>
                        <tr><th>Art</th><th>Status</th><th>Vorschlag</th><th>Aktion</th></tr>
                    </thead>
                    <tbody>
                        @foreach ($aiSuggestions as $s)
                            <tr>
                                <td>{{ $s->kind }}</td>
                                <td>{{ $s->status }}</td>
                                <td>{{ $s->suggestion_text }}</td>
                                <td>
                                    @if ($s->isPending())
                                        <div style="display:flex; gap:8px;">
                                            <form method="POST" action="{{ route('admin.problemradar.ai.confirm', $s->id) }}">
                                                @csrf
                                                <button type="submit" class="shop-button">Bestätigen</button>
                                            </form>
                                            <form method="POST" action="{{ route('admin.problemradar.ai.reject', $s->id) }}">
                                                @csrf
                                                <button type="submit" class="shop-button-light">Verwerfen</button>
                                            </form>
                                        </div>
                                    @else
                                        <span class="shop-note">—</span>
                                    @endif
                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @else
            <p class="shop-note">Noch keine KI-Vorschläge für diese Einreichung.</p>
        @endif
    </div>

    <div class="admin-panel">
        <h2 style="font-size: 1.6rem; margin-bottom: 18px;">Weitere Antworten</h2>
        <div class="admin-table-wrap">
            <table class="admin-table">
                <thead>
                    <tr><th>Frage</th><th>Antwort</th></tr>
                </thead>
                <tbody>
                    @forelse ($answers as $key => $values)
                        <tr>
                            <td><strong>{{ $key }}</strong></td>
                            <td>{{ implode(', ', (array) $values) }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="2"><div class="shop-note">Keine zusätzlichen Antworten gespeichert.</div></td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection