@extends('admin.panel.layout')

@section('admin_title', 'ProblemRadar')

@section('admin_content')
    <div class="admin-header">
        <div>
            <span class="shop-muted-label">ProblemRadar</span>
            <h1>Umfrage-Übersicht</h1>
            <p class="shop-copy" style="margin-top: 12px;">Sessions, Einreichungen und Problemfelder auf einen Blick.</p>
        </div>
        <div class="admin-toolbar">
            <a href="{{ route('admin.problemradar.submissions') }}" class="shop-button">Einreichungen</a>
            <a href="{{ route('admin.problemradar.export') }}" class="shop-button-light">CSV-Export</a>
        </div>
    </div>

    <div class="admin-card-grid">
        <div class="admin-metric-card">
            <span>Sessions gesamt</span>
            <strong>{{ $stats['sessions_total'] }}</strong>
        </div>
        <div class="admin-metric-card">
            <span>Abgeschlossen</span>
            <strong>{{ $stats['sessions_completed'] }}</strong>
        </div>
        <div class="admin-metric-card">
            <span>Einreichungen</span>
            <strong>{{ $stats['submissions_total'] }}</strong>
        </div>
        <div class="admin-metric-card">
            <span>Ø Schweregrad</span>
            <strong>{{ $stats['avg_severity'] }}</strong>
        </div>
        <div class="admin-metric-card">
            <span>Vollumfrage</span>
            <strong>{{ $sourceCounts['full'] }}</strong>
        </div>
        <div class="admin-metric-card">
            <span>Direkt</span>
            <strong>{{ $sourceCounts['direct'] }}</strong>
        </div>
        <div class="admin-metric-card">
            <span>Kurzumfrage</span>
            <strong>{{ $sourceCounts['quick'] }}</strong>
        </div>
    </div>

    <div class="admin-panel">
        <div class="admin-toolbar" style="margin-bottom: 18px;">
            <div>
                <span class="shop-muted-label">Auswertung</span>
                <h2 style="font-size: 1.6rem; margin-top: 10px;">Top-5 Problemfelder</h2>
            </div>
        </div>
        <div class="admin-table-wrap">
            <table class="admin-table">
                <thead>
                    <tr><th>Problemfeld</th><th>Anzahl</th></tr>
                </thead>
                <tbody>
                    @forelse ($topAreas as $area)
                        <tr>
                            <td><strong>{{ $area->problem_area }}</strong></td>
                            <td><span class="admin-badge">{{ $area->total }}</span></td>
                        </tr>
                    @empty
                        <tr><td colspan="2"><div class="shop-note">Noch keine Einreichungen vorhanden.</div></td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection