{{--
    Password Reset Email - Atomic Design System v2.0
    Sent when a user requests a password reset

    Note: $colors automatically injected via View Composer
--}}
@component('emails.layouts.base', [
    'title' => 'Password Reset Request',
    'previewText' => 'Reset your Global Gala password',
    'colors' => $colors
])

@component('emails.atoms.h1', ['colors' => $colors])
    Password Reset Request
@endcomponent

@component('emails.atoms.text', ['colors' => $colors])
    @if($userName)
        Hello {{ $userName }},
    @else
        Hello,
    @endif
@endcomponent

@component('emails.atoms.text', ['colors' => $colors])
    We received a request to reset your password. Click the button below to create a new password:
@endcomponent

@include('emails.atoms.spacer', ['height' => '20px'])

@component('emails.molecules.button', [
    'href' => $resetUrl,
    'variant' => 'primary',
    'size' => 'large',
    'colors' => $colors
])
    Reset Password
@endcomponent

@include('emails.atoms.spacer', ['height' => '20px'])

@component('emails.atoms.text', ['colors' => $colors])
    Or copy and paste this link into your browser:
@endcomponent

@component('emails.atoms.small', ['colors' => $colors])
    <span style="color: {{ $colors['primary-600'] }}; word-break: break-all; font-family: 'Courier New', monospace;">{{ $resetUrl }}</span>
@endcomponent

@include('emails.atoms.spacer', ['height' => '20px'])

@component('emails.organisms.alert-box', [
    'variant' => 'warning',
    'title' => 'Important',
    'colors' => $colors
])
    This password reset link will expire in <strong>{{ $expiryMinutes }} minutes</strong>. For your security, please use it promptly.
@endcomponent

@component('emails.atoms.text', ['colors' => $colors])
    If you did not request a password reset, please ignore this email or contact our support team if you have concerns.
@endcomponent

@component('emails.atoms.small', ['colors' => $colors])
    <strong>Security note:</strong> This link can only be used once and will become invalid after creating a new password.
@endcomponent

@endcomponent