{% set header_style = "font-family: Helvetica,Arial,sans-serif;text-align:center;margin:40px 0 0;font-size:30px;" %}

<h1 style="{{ header_style }}font-size:40px;margin-bottom:40px;">Referral Email Previews</h1>

<h1 style="{{ header_style }}">1. Referral Invitation</h1>
<pre style="text-align:center;">emails/referral_invite.twig</pre>
<p style="text-align:center;font-family:Helvetica,Arial,sans-serif;color:#666;margin-bottom:20px;">Sent when a member invites a friend via email, or when a reminder is sent.</p>
<hr/>
{% include 'emails/referral_invite.twig' with {
    email_title: 'Your friend thinks you\'d love ' ~ config('app.name'),
    referrer_name: 'Example User',
    referral_url: config('app.url') ~ '/refer-a-friend/REF-ABC12345',
    referral_code: 'REF-ABC12345',
    reward_amount: config('referrals.reward_amount'),
    min_order: config('referrals.min_qualifying_order'),
} %}

<h1 style="{{ header_style }}">2. Reward Earned</h1>
<pre style="text-align:center;">emails/referral_reward_earned.twig</pre>
<p style="text-align:center;font-family:Helvetica,Arial,sans-serif;color:#666;margin-bottom:20px;">Sent to both the referrer and referee when a qualifying order is shipped.</p>
<hr/>
{% include 'emails/referral_reward_earned.twig' with {
    email_title: 'You\'ve earned a reward!',
    member_name: 'Example User',
    coupon_code: 'RAF-XYZ98765',
    amount: config('referrals.reward_amount'),
    min_spend: config('referrals.coupon_min_spend'),
    expiry_date: date('+' ~ config('referrals.coupon_expiry_days') ~ ' days')|date('Y-m-d'),
} %}
