@extends('layouts.app')

@section('page_title', 'Die Kaffeeliste - Hinweise')

@php
    $data = $content ?? [
        'announcements' => [],
        'faq' => [],
        'policy' => [
            'template_policy' => 'Standardvorlage plus Tenant-Override',
            'visibility_policy' => 'Freigegebene Inhalte werden auf Dashboard und spaetere Kanaele ausgespielt',
            'admin_scope' => 'Tenant-Admins pflegen Inhalte direkt im Mandantenkontext',
        ],
        'workflow' => ['Draft', 'Review', 'Publish', 'Expire'],
        'summary' => ['announcement_count' => 0, 'faq_count' => 0],
    ];
    $announcements = $data['announcements'] ?? [];
    $faqItems = $data['faq'] ?? [];
    $policy = $data['policy'] ?? [];
    $workflow = $data['workflow'] ?? [];
    $summary = $data['summary'] ?? [];
@endphp

@section('content')
    <section class="hero hero--split">
        <div class="hero__content">
            <div>
                <p class="hero__kicker">Hinweise</p>
                <h2 class="hero__title">Hinweise und FAQ</h2>
                <p class="hero__lead">
                    Das Content-Modul zeigt nicht mehr nur Demo-Kacheln, sondern die fachliche
                    Struktur fuer freigabefaehige Hinweise, tenantbezogene FAQ und eine klare
                    Standardvorlage-plus-Tenant-Override-Logik.
                </p>
            </div>
            <div class="hero__actions">
                <span class="badge badge--solid">Tenant scoped</span>
                <span class="badge">Standardvorlage</span>
                <span class="badge">Override</span>
            </div>
            <div class="hero__meta">
                <span class="pill">{{ (int) ($summary['announcement_count'] ?? 0) }} Hinweise</span>
                <span class="pill">{{ (int) ($summary['faq_count'] ?? 0) }} FAQ-Eintraege</span>
                <span class="pill">Freigabe steuert Sichtbarkeit</span>
            </div>
        </div>

        <aside class="hero__aside">
            <article class="card metric">
                <p class="metric__label">Redaktionsmodell</p>
                <div class="metric__value">Draft bis Publish</div>
                <p class="muted">Tenant-Admins bearbeiten Inhalte im eigenen Mandantenbereich.</p>
            </article>
            <article class="card metric">
                <p class="metric__label">Sichtbarkeit</p>
                <div class="metric__value">Dashboard + FAQ</div>
            <p class="muted">Freigegebene Inhalte erscheinen auf der Startseite und im Hilfebereich.</p>
            </article>
        </aside>
    </section>

    <section class="grid grid--2">
        <article class="table-card">
            <div class="table-card__header">
                <div>
                    <p class="card__eyebrow">Hinweise</p>
                    <h3>Aktive Meldungen im Umlauf</h3>
                </div>
                <span class="pill">Tenant-Admin View</span>
            </div>
            <div class="table-card__body">
                <table>
                    <thead>
                        <tr>
                            <th>Titel</th>
                            <th>Sichtbar bis</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($announcements as $announcement)
                            <tr>
                                <td>
                                    <strong>{{ $announcement['title'] ?? '-' }}</strong><br>
                                    <span class="muted">{{ $announcement['message'] ?? '-' }}</span>
                                </td>
                                <td>{{ $announcement['visible_until'] ?? '-' }}</td>
                                <td>
                                @if (array_key_exists('active', $announcement) ? (bool) $announcement['active'] : true)
                                    <span class="status">Aktiv</span>
                                @else
                                    <span class="status status--warning">Inaktiv</span>
                                @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="3">
                                    <span class="muted">Noch keine aktiven Hinweise fuer diesen Tenant hinterlegt.</span>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </article>

        <article class="panel">
            <p class="card__eyebrow">Redaktionsregeln</p>
            <h3>Standardvorlage plus Tenant-Override</h3>
            <div class="timeline" style="margin-top: 18px;">
                <div class="timeline__item">
                    <p class="timeline__title">Vorlage zuerst</p>
                    <p class="timeline__meta">{{ $policy['template_policy'] ?? 'Standardvorlage plus Tenant-Override' }}</p>
                </div>
                <div class="timeline__item">
                    <p class="timeline__title">Sichtbarkeit steuern</p>
                    <p class="timeline__meta">{{ $policy['visibility_policy'] ?? 'Freigegebene Inhalte werden sichtbar' }}</p>
                </div>
                <div class="timeline__item">
                    <p class="timeline__title">Tenant-Admin Verantwortung</p>
                    <p class="timeline__meta">{{ $policy['admin_scope'] ?? 'Tenant-Admins pflegen Inhalte im eigenen Mandanten' }}</p>
                </div>
            </div>
            <div class="toolbar" style="margin-top: 18px;">
                @foreach ($workflow as $step)
                    <span class="badge">{{ $step }}</span>
                @endforeach
            </div>
        </article>
    </section>

    <section class="table-card" style="margin-top: 18px;">
        <div class="table-card__header">
            <div>
                <p class="card__eyebrow">FAQ</p>
                <h3>Antworten, die tenantbezogen gepflegt werden</h3>
            </div>
            <span class="pill">Standard + Override</span>
        </div>
        <div class="table-card__body">
            <table>
                <thead>
                    <tr>
                        <th>Frage</th>
                        <th>Antwort</th>
                        <th>Reihenfolge</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($faqItems as $item)
                        <tr>
                            <td><strong>{{ $item['question'] ?? '-' }}</strong></td>
                            <td>{{ $item['answer'] ?? '-' }}</td>
                            <td>{{ $item['sort_order'] ?? '-' }}</td>
                            <td>
                                @if (array_key_exists('active', $item) ? (bool) $item['active'] : true)
                                    <span class="status">Aktiv</span>
                                @else
                                    <span class="status status--warning">Entwurf</span>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="4">
                                <span class="muted">FAQ-Inhalte werden tenantbezogen gepflegt und sind noch leer.</span>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </section>

    <section class="grid grid--3" style="margin-top: 18px;">
        <article class="card">
            <p class="card__eyebrow">Tenant-Admin</p>
            <h3>Redaktion im Mandantenkontext</h3>
            <p class="muted">Tenant-Admins sollen Hinweise, FAQ und spaetere Mailtexte ohne Code-Aenderung pflegen koennen.</p>
        </article>
        <article class="card">
            <p class="card__eyebrow">Freigabe</p>
            <h3>Publikation mit klarer Sichtbarkeit</h3>
            <p class="muted">Freigaben steuern, was Mitglieder sehen und wann Inhalte automatisch auslaufen.</p>
        </article>
        <article class="card">
            <p class="card__eyebrow">Erweiterung</p>
            <h3>Spaetere Kanaele ohne neue Struktur</h3>
            <p class="muted">Die gleiche Content-Basis kann spaeter auch fuer Benachrichtigungen und FAQ-Sync genutzt werden.</p>
        </article>
    </section>
@endsection
