@extends('layouts.app')

@section('page_title', 'Die Kaffeeliste - Passwort Reset')

@section('content')
    <section class="hero">
        <div>
            <p class="hero__kicker">Reset flow</p>
            <h2 class="hero__title">Ein einfacher Reset-Prozess fuer lokale Zugangswege.</h2>
            <p class="hero__lead">
                Wenn ein Mandant keinen SSO-Provider nutzt oder ein lokaler Fallback aktiv
                bleibt, fuehrt diese Seite den Passwort-Reset ueber Mailversand und
                zeitlich begrenzte Tokens.
            </p>
        </div>
        <div class="toolbar">
            <span class="badge">SMTP</span>
            <span class="badge">Token storage</span>
            <span class="badge badge--solid">Webspace fit</span>
        </div>
    </section>

    <section class="split">
        <article class="form-panel">
            <p class="card__eyebrow">Reset anstossen</p>
            <h3>Reset-Link anfordern</h3>
            <form class="form-grid" method="post" action="/forgot-password">
                <div class="field">
                    <label for="email">E-Mail</label>
                    <input id="email" name="email" type="email" autocomplete="email" placeholder="mitglied@example.com">
                </div>
                <button type="submit">Reset-Link anfordern</button>
            </form>
        </article>

        <article class="panel">
            <h3>Betriebshinweise</h3>
            <div class="timeline">
                <div class="timeline__item">
                    <p class="timeline__title">Tenant-Kontext beachten</p>
                    <p class="timeline__meta">Der Link gilt nur fuer das aktive Mandantenumfeld.</p>
                </div>
                <div class="timeline__item">
                    <p class="timeline__title">Mail korrekt konfigurieren</p>
                    <p class="timeline__meta">SMTP, Absender und Ablaufzeiten muessen in der finalen Runtime gesetzt werden.</p>
                </div>
                <div class="timeline__item">
                    <p class="timeline__title">Nur fuer lokale Accounts</p>
                    <p class="timeline__meta">Externe OIDC-Provider behalten ihre eigenen Reset-Wege.</p>
                </div>
            </div>
        </article>
    </section>
@endsection
