@php
    $ctaUrl = (string) ($ctaUrl ?? '#');
    $showReassurance = (bool) ($showReassurance ?? false);
    $marginBottom = (string) ($marginBottom ?? '20px');
    $chromeWebStoreIconUrl = url(asset('img/chrome-web-store-icon-48.png'));
@endphp

<div style="font-size:22px;font-weight:800;color:#0f172a;text-align:center;margin-bottom:6px;line-height:1.3;">
    Automate Review requests &amp; replies
</div>
<div style="font-size:14px;color:#64748b;text-align:center;line-height:1.6;max-width:340px;margin:0 auto 16px;">
    24 hours after every appointment, while giving you full control over what your customers see
</div>

<a href="{!! $ctaUrl !!}" target="_blank" rel="noopener" style="display:block;width:100%;background:#1a73e8;color:#ffffff;border-radius:9999px;padding:14px 20px;font-size:15px;font-weight:600;text-decoration:none;text-align:center;box-sizing:border-box;margin-bottom:10px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,Helvetica,sans-serif;box-shadow:0 2px 8px rgba(26,115,232,0.35);">
    <img src="{{ $chromeWebStoreIconUrl }}" width="20" height="20" alt="" style="display:inline-block;vertical-align:middle;margin-right:8px;border:0;" />
    <span style="vertical-align:middle;">Find out more</span>
</a>

<div style="font-size:12px;color:#9ca3af;text-align:center;margin-bottom:14px;">Available on the Chrome Web Store · Free</div>

<table role="presentation" cellpadding="0" cellspacing="0" border="0" style="margin:0 auto {{ $marginBottom }};">
    <tr>
        <td align="center" style="font-size:12px;color:#9ca3af;padding:0 9px;">
            <span style="color:#94a3b8;">✓</span> Google-verified extension
        </td>
        <td align="center" style="font-size:12px;color:#9ca3af;padding:0 9px;">
            <span style="color:#94a3b8;">✓</span> No commitment to install
        </td>
    </tr>
</table>

{{-- TEMP: original Google Calendar CTA — restore when extension test ends
<div style="font-size:16px; font-weight:700; color:#111827; text-align:center; margin-bottom:14px;">
    Automate review requests after every appointment
</div>

<a href="{!! $ctaUrl !!}" style="display:block; width:100%; background:#1D4ED8; color:#ffffff; border-radius:12px; padding:16px; font-size:16px; font-weight:700; text-decoration:none; text-align:center; box-sizing:border-box; margin-bottom:{{ $marginBottom }}; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,Helvetica,sans-serif;">
    Connect Google Calendar — Free
</a>

@if($showReassurance)
<table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0" style="margin-bottom:20px;">
    <tr>
        <td align="center" style="font-size:11.5px; color:#94a3b8;">
            ✓ Read-only access &nbsp; ✓ Disconnect anytime &nbsp; ✓ Cancel anytime
        </td>
    </tr>
    <tr>
        <td align="center" style="padding-top:8px;">
            <table role="presentation" cellspacing="0" cellpadding="0" border="0" style="margin:0 auto;">
                <tr>
                    <td style="width:110px; border-top:1px solid #d1d5db; font-size:0; line-height:0;">&nbsp;</td>
                    <td style="padding:0 12px; font-size:13px; line-height:18px; font-weight:600; color:#6b7280; white-space:nowrap;">
                        25 invites free or unlimited $79/month 
                    </td>
                    <td style="width:110px; border-top:1px solid #d1d5db; font-size:0; line-height:0;">&nbsp;</td>
                </tr>
            </table>
        </td>
    </tr>
</table>
@endif
--}}