<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>{{ $subject ?? '8Stores Update' }}</title>
    </head>
    <body style="margin:0;background:#f7f7f7;color:#222;font-family:Arial,Helvetica,sans-serif;">
        <span style="display:none!important;opacity:0;color:transparent;height:0;width:0;overflow:hidden;">{{ $preheader ?? '' }}</span>
        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="background:#f7f7f7;padding:24px 12px;">
            <tr>
                <td align="center">
                    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" style="max-width:640px;background:#ffffff;border-radius:18px;overflow:hidden;border:1px solid #ebebeb;">
                        <tr>
                            <td style="padding:28px 28px 18px;">
                                <strong style="font-size:28px;color:#111;">8Stores</strong>
                                <div style="margin-top:8px;color:#717171;font-size:14px;">Modern shopping updates, offers, and announcements.</div>
                            </td>
                        </tr>
                        <tr>
                            <td style="padding:0 28px 30px;font-size:16px;line-height:1.7;color:#222;">
                                {!! $bodyHtml ?? '' !!}
                            </td>
                        </tr>
                        <tr>
                            <td style="padding:18px 28px;background:#111;color:#fff;font-size:13px;">
                                You are receiving this email from 8Stores.
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </body>
</html>
