@extends('layouts.app')

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

@section('content')
    <section class="hero">
        <div>
            <p class="hero__kicker">Exporte</p>
            <h2 class="hero__title">Exporte und Drucklisten</h2>
            <p class="hero__lead">
                Das fruehere PDF fuer die Papierliste wandert in ein Export-Modul. Neben
                Drucklisten entstehen hier Reports fuer Finance, Mitglieder und
                Monatsabschluesse.
            </p>
        </div>
        <div class="toolbar">
            <span class="badge">PDF optional</span>
            <span class="badge">Reports</span>
            <span class="badge badge--solid">Digital first</span>
        </div>
    </section>

    <section class="split">
        <article class="panel">
            <h3>Exportziele</h3>
            <ul class="list-reset">
                <li><span class="status">Kontostandsreport</span> Standardausgabe fuer Finance und Monatsabschluss.</li>
                <li><span class="status">Mitgliederexport</span> Snapshot der aktiven und inaktiven Nutzer pro Tenant.</li>
                <li><span class="status">Papierliste</span> Optionaler PDF-Weg fuer Teams mit analogem Prozess.</li>
            </ul>
        </article>

        <article class="table-card">
            <div class="table-card__header">
                <div>
                    <p class="card__eyebrow">Downloads</p>
                    <h3>Letzte Exportjobs</h3>
                </div>
                <span class="pill">Report history</span>
            </div>
            <div class="table-card__body">
                <table>
                    <thead>
                        <tr>
                            <th>Export</th>
                            <th>Ziel</th>
                            <th>Format</th>
                            <th>Status</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>Monatsreport Maerz</td>
                            <td>Finance</td>
                            <td>CSV</td>
                            <td><span class="status">Bereit</span></td>
                        </tr>
                        <tr>
                            <td>Papierliste Vieltrinker</td>
                            <td>Kueche</td>
                            <td>PDF</td>
                            <td><span class="status">Bereit</span></td>
                        </tr>
                        <tr>
                            <td>Mitglieder-Snapshot</td>
                            <td>Tenant Admin</td>
                            <td>XLSX spaeter</td>
                            <td><span class="status status--warning">Geplant</span></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </article>
    </section>
@endsection
