<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pick up where you left off</title>
</head>
<body style="margin:0; padding:0; background:#eef1f9; font-family:'Segoe UI', Helvetica, Arial, sans-serif; color:#28366a;">
    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:#eef1f9; padding:24px 0;">
        <tr>
            <td align="center">
                <table role="presentation" width="560" cellpadding="0" cellspacing="0" style="width:560px; max-width:92%; background:#ffffff; border-radius:18px; overflow:hidden; box-shadow:0 10px 40px rgba(21,32,74,0.08);">

                    {{-- Header --}}
                    <tr>
                        <td style="background:#15204a; padding:26px 32px;">
                            <span style="color:#ffffff; font-size:20px; font-weight:700; letter-spacing:0.2px;">Money-Wise</span>
                        </td>
                    </tr>

                    {{-- Body --}}
                    <tr>
                        <td style="padding:34px 32px 8px;">
                            <h1 style="margin:0 0 14px; font-size:23px; line-height:1.25; color:#15204a;">
                                @if ($progress > 0)
                                    You're {{ $progress }}% of the way there, {{ $firstName ?: 'friend' }}.
                                @else
                                    Your course is ready when you are, {{ $firstName ?: 'friend' }}.
                                @endif
                            </h1>

                            <p style="margin:0 0 16px; font-size:16px; line-height:1.6; color:#3b4a78;">
                                @if ($progress > 0)
                                    You made a strong start on <strong>{{ $course->title }}</strong> and then life got busy. It happens to all of us. The good news is your progress is saved, so you can jump straight back in where you left off.
                                @else
                                    You enrolled in <strong>{{ $course->title }}</strong>, which is a great first step. Your first lesson is short and waiting for you. Ten minutes today is all it takes to get going.
                                @endif
                            </p>

                            <p style="margin:0 0 26px; font-size:16px; line-height:1.6; color:#3b4a78;">
                                Small, steady steps are exactly how real financial change happens. We're cheering you on.
                            </p>

                            {{-- Button --}}
                            <table role="presentation" cellpadding="0" cellspacing="0">
                                <tr>
                                    <td style="border-radius:999px; background:#58b9e6;">
                                        <a href="{{ $url }}" style="display:inline-block; padding:14px 30px; font-size:16px; font-weight:700; color:#15204a; text-decoration:none; border-radius:999px;">
                                            {{ $progress > 0 ? 'Continue the course' : 'Start your first lesson' }}
                                        </a>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>

                    {{-- Footer --}}
                    <tr>
                        <td style="padding:30px 32px 34px;">
                            <p style="margin:24px 0 0; font-size:14px; line-height:1.6; color:#8893b5; border-top:1px solid #eef1f9; padding-top:18px;">
                                You are receiving this because you enrolled in a Money-Wise course. If you would rather not get these gentle reminders, just reply and let us know.
                            </p>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>
