@extends('layouts.app')
@section('title', 'Passwort vergessen — kotsch.tech')
@section('content')
<div style="max-width:440px;margin:0 auto;padding:60px 20px;">
    <h1 style="font-size:2rem;font-weight:800;margin-bottom:8px;">Passwort vergessen</h1>
    <p style="color:#475569;margin-bottom:24px;">Wir schicken dir einen Link zum Zurücksetzen.</p>

    @if (session('status'))
        <div style="background:#f0fdf4;color:#15803d;padding:12px 16px;border-radius:10px;margin-bottom:16px;">{{ session('status') }}</div>
    @endif

    <form method="POST" action="{{ route('password.email') }}">
        @csrf
        <input type="email" name="email" placeholder="E-Mail" required value="{{ old('email') }}"
            style="width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px;margin-bottom:16px;">
        <button type="submit" style="width:100%;background:#6D5AE6;color:#fff;border:none;padding:14px;border-radius:10px;font-weight:700;cursor:pointer;">Link senden</button>
    </form>
    <p style="text-align:center;margin-top:16px;"><a href="{{ route('login') }}" style="color:#6D5AE6;">Zurück zum Login</a></p>
</div>
@endsection