@extends('admin.panel.layout')

@section('admin_title', 'Berichte')

@php
    $statusColors = [
        'sent'    => ['#f0fdf4', '#15803d'],
        'skipped' => ['#f1f5f9', '#475569'],
        'pending' => ['#fefce8', '#a16207'],
        'failed'  => ['#fef2f2', '#b91c1c'],
    ];
    $typeLabels = ['daily' => 'Tagesbericht', 'weekly' => 'Wochenanalyse', 'monthly' => 'Monatsbericht', 'alert' => 'Warnung'];
@endphp

@section('admin_content')
    <div class="admin-header">
        <div>
            <span class="shop-muted-label">ProblemRadar</span>
            <h1>Berichte</h1>
            <p class="shop-copy" style="margin-top: 12px;">
                Automatische Tages-, Wochen- und Monatsberichte über das vorhandene Mailsystem.
                Berichte enthalten ausschließlich aggregierte Kennzahlen — keine Namen, keine E-Mail-Adressen.
            </p>
            <p class="shop-note" style="margin-top: 8px;">
                Empfänger:
                @if (empty($recipients))
                    <strong style="color:#b91c1c;">keine konfiguriert</strong> (config <code>problemradar.reports.recipients</code>)
                @else
                    {{ implode(', ', $recipients) }}
                @endif
            </p>
        </div>
        <div class="admin-toolbar">
            <a href="{{ route('admin.problemradar.dashboard') }}" class="shop-button-light">Übersicht</a>
        </div>
    </div>

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

    <div class="admin-panel" style="margin-bottom: 24px;">
        <h2 style="margin-top:0;">Bericht jetzt auslösen</h2>
        <p class="shop-note">Sendet sofort an die konfigurierten Empfänger (gleiches Ergebnis wie der Scheduler).</p>
        <div class="admin-toolbar" style="margin-top: 12px;">
            @foreach (['daily' => 'Tagesbericht', 'weekly' => 'Wochenanalyse', 'monthly' => 'Monatsbericht'] as $type => $label)
                <form method="POST" action="{{ route('admin.problemradar.reports.run') }}" style="display:inline;">
                    @csrf
                    <input type="hidden" name="type" value="{{ $type }}">
                    <button type="submit" class="shop-button">{{ $label }} senden</button>
                </form>
            @endforeach
        </div>
    </div>

    <div class="admin-panel">
        <div class="admin-table-wrap">
            <table class="admin-table">
                <thead>
                    <tr>
                        <th>Typ</th>
                        <th>Zeitraum</th>
                        <th>Erzeugt</th>
                        <th>Status</th>
                        <th>Fehler</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($runs as $run)
                        @php($colors = $statusColors[$run->delivery_status] ?? ['#f1f5f9', '#475569'])
                        <tr>
                            <td><strong>{{ $typeLabels[$run->report_type] ?? $run->report_type }}</strong></td>
                            <td><span class="shop-note">
                                {{ optional($run->period_start)->format('d.m.Y H:i') ?: '—' }}
                                – {{ optional($run->period_end)->format('d.m.Y H:i') ?: '—' }}
                            </span></td>
                            <td><span class="shop-note">{{ optional($run->generated_at)->format('d.m.Y H:i') ?: '—' }}</span></td>
                            <td><span class="admin-badge" style="background:{{ $colors[0] }}; color:{{ $colors[1] }};">{{ $run->delivery_status }}</span></td>
                            <td><span class="shop-note">{{ $run->error_message ? \Illuminate\Support\Str::limit($run->error_message, 80) : '—' }}</span></td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5"><div class="shop-note">Noch keine Berichtsläufe protokolliert.</div></td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
@endsection