{{--
    Email Changed Confirmation - Atomic Design System v2.0
    Sent to OLD email address after successful email change

    Note: $colors automatically injected via View Composer
--}}
@component('emails.layouts.base', [
    'title' => 'Your Email Address Has Been Changed',
    'previewText' => 'Your Global Gala account email has been updated',
    'colors' => $colors
])

@component('emails.atoms.h1', ['colors' => $colors])
    Email Address Changed
@endcomponent

@component('emails.atoms.text', ['colors' => $colors])
    Hello,
@endcomponent

@component('emails.atoms.text', ['colors' => $colors])
    This is a confirmation that the email address on your Global Gala account has been changed.
@endcomponent

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

@component('emails.organisms.alert-box', [
    'variant' => 'info',
    'title' => 'Change Details',
    'colors' => $colors
])
    <strong>New email address:</strong> {{ $newEmail }}<br>
    <strong>Changed on:</strong> {{ $changedAt }}
@endcomponent

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

@component('emails.atoms.text', ['colors' => $colors])
    If you made this change, no further action is required. Your account is now associated with the new email address listed above.
@endcomponent

@component('emails.organisms.alert-box', [
    'variant' => 'warning',
    'title' => 'Didn\'t make this change?',
    'colors' => $colors
])
    If you did not authorize this change, please contact our support team immediately at <a href="mailto:{{ $supportEmail }}" style="color: {{ $colors['primary-600'] }}; font-weight: bold;">{{ $supportEmail }}</a>
@endcomponent

@component('emails.atoms.text', ['colors' => $colors])
    For your security, we recommend:
@endcomponent

@component('emails.atoms.text', ['colors' => $colors])
    <ul style="margin: 10px 0; padding-left: 20px;">
        <li>Using a strong, unique password for your account</li>
        <li>Enabling two-factor authentication if available</li>
        <li>Reviewing your recent account activity</li>
    </ul>
@endcomponent

@component('emails.atoms.small', ['colors' => $colors])
    This notification was sent to your previous email address as a security measure.
@endcomponent

@endcomponent