@extends('emails.partials.layout')

@section('title', __('emails.abandoned_checkout.subject_' . $timing, ['package' => $packageName]))
@section('preheader', __('emails.abandoned_checkout.subtitle', ['package' => $packageName]))
@section('hero_title', __('emails.abandoned_checkout.greeting', ['name' => $user->fullName]))
@section('hero_subtitle', __('emails.abandoned_checkout.subtitle', ['package' => $packageName]))

@section('content')
    <p style="margin:0 0 16px; font-size:15px; color:#1f2937;">
        {{ __('emails.abandoned_checkout.body_' . $timing, ['package' => $packageName]) }}
    </p>
    <div style="background-color:#f8fafc; border:1px solid #e2e8f0; border-radius:12px; padding:16px; margin-bottom:16px;">
        <p style="margin:0 0 6px; font-size:13px; text-transform:uppercase; letter-spacing:0.08em; color:#64748b;">
            {{ __('emails.abandoned_checkout.cta_hint_title') }}
        </p>
        <p style="margin:0; font-size:14px; color:#0f172a;">
            {{ __('emails.abandoned_checkout.cta_hint_body') }}
        </p>
    </div>
    <p style="margin:0 0 16px; font-size:14px; color:#6b7280;">
        {{ __('emails.abandoned_checkout.cta_link', ['url' => $resumeUrl]) }}
    </p>
    <h3 style="margin:0 0 10px; font-size:16px;">{{ __('emails.abandoned_checkout.benefits_title') }}</h3>
    <table role="presentation" width="100%" cellspacing="0" cellpadding="0" style="border-collapse:collapse;">
        <tr>
            <td style="padding:6px 0; font-size:14px; color:#0f172a;">✓ {{ __('emails.abandoned_checkout.benefit1') }}</td>
        </tr>
        <tr>
            <td style="padding:6px 0; font-size:14px; color:#0f172a;">✓ {{ __('emails.abandoned_checkout.benefit2') }}</td>
        </tr>
        <tr>
            <td style="padding:6px 0; font-size:14px; color:#0f172a;">✓ {{ __('emails.abandoned_checkout.benefit3') }}</td>
        </tr>
        <tr>
            <td style="padding:6px 0; font-size:14px; color:#0f172a;">✓ {{ __('emails.abandoned_checkout.benefit4') }}</td>
        </tr>
    </table>
@endsection

@section('cta')
    <a href="{{ $resumeUrl }}" style="display:inline-block; background-color:#111827; color:#ffffff; text-decoration:none; padding:12px 20px; border-radius:999px; font-weight:600; font-size:14px;">
        {{ __('emails.abandoned_checkout.cta_button') }}
    </a>
@endsection

@section('footer')
    {!! __('emails.abandoned_checkout.footer') !!}
@endsection