@extends('emails.layout')

@section('content')

{{-- Icon --}}
<table cellpadding="0" cellspacing="0" role="presentation" style="margin:0 auto 28px;">
    <tr>
        <td style="width:52px;height:52px;background:#EEF2FF;border-radius:14px;text-align:center;vertical-align:middle;">
            <x-heroicon-o-lock-closed style="width:22px;height:22px;stroke:#4F46E5;stroke-width:1.5;display:block;margin:15px auto;" />
        </td>
    </tr>
</table>

{{-- Title --}}
<h1 style="margin:0 0 8px;font-size:22px;font-weight:700;color:#111827;text-align:center;line-height:1.3;letter-spacing:-0.3px;">
    Passwort zurücksetzen
</h1>
<p style="margin:0 0 28px;font-size:14px;color:#6B7280;text-align:center;line-height:1.6;">
    Hallo {{ $user->name }}, klicke auf den Button um ein neues Passwort zu setzen.
</p>

{{-- Button --}}
<x-mail.button :url="$url">
    Passwort zurücksetzen
</x-mail.button>

{{-- Expiry note --}}
<div style="margin-top:24px;background:#F9FAFB;border:1px solid #F3F4F6;border-radius:10px;padding:14px 16px;text-align:center;">
    <p style="margin:0;font-size:12px;color:#9CA3AF;line-height:1.7;">
        Dieser Link ist <strong style="color:#6B7280;">60 Minuten</strong> gültig.<br>
        Falls du kein Passwort-Reset angefordert hast, ignoriere diese E-Mail.
    </p>
</div>

@endsection
