<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ $broadcast->subject }}</title>
</head>
<body style="margin:0;background:#f8fafc;font-family:Arial,Helvetica,sans-serif;color:#0f172a;">
    <table role="presentation" width="100%" cellspacing="0" cellpadding="0" style="background:#f8fafc;padding:24px 0;">
        <tr>
            <td align="center">
                <table role="presentation" width="100%" cellspacing="0" cellpadding="0" style="max-width:640px;background:#ffffff;border:1px solid #dbeafe;border-radius:16px;overflow:hidden;">
                    <tr>
                        <td style="background:#2563eb;padding:24px 28px;color:#ffffff;">
                            <h1 style="margin:0;font-size:24px;line-height:1.25;">ViZuTrade</h1>
                            <p style="margin:8px 0 0;font-size:14px;">Trade. Journal. Improve.</p>
                        </td>
                    </tr>
                    <tr>
                        <td style="padding:28px;">
                            @if ($recipient)
                                <p style="margin:0 0 16px;font-size:15px;">Hello {{ $recipient->name }},</p>
                            @endif

                            <h2 style="margin:0 0 18px;font-size:22px;line-height:1.3;color:#0f172a;">{{ $broadcast->subject }}</h2>

                            <div style="font-size:15px;line-height:1.75;color:#334155;">
                                {!! nl2br(e($broadcast->message)) !!}
                            </div>

                            <p style="margin:28px 0 0;font-size:13px;color:#64748b;">
                                This message was sent by the ViZuTrade admin team.
                            </p>
                        </td>
                    </tr>
                    <tr>
                        <td style="border-top:1px solid #dbeafe;padding:18px 28px;font-size:12px;color:#64748b;">
                            Generated by ViZuTrade
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>
