{% extends 'emails/layouts/notification.twig' %}

{% block content %}
    <tr>
        <td>
            <table width="{{ inner_wrapper_width }}" align="center" border="0" cellspacing="0" cellpadding="0"
                   style="{{ font_family }}margin:0 auto;">
                <tr>
                    <td style="{{ intro_text }}">
                        <p style="{{ text_reset }}margin-bottom:15px;">
                            <strong>{{ referrer_name }}</strong> thinks you'd love <strong>{{ SETTINGS_SITE_NAME }}</strong>!
                        </p>

                        <p style="{{ paragraph_style }}">
                            Sign up using their personal link and you'll both get <strong>{{ reward_amount|currency_format }}</strong> off
                            when you place your first qualifying order ({{ min_order|currency_format }}+).
                        </p>

                        <p style="{{ paragraph_style }}">
                            It's simple &mdash; just click the button below to create your account and start shopping.
                        </p>
                    </td>
                </tr>

                <tr>
                    <td height="20"></td>
                </tr>

                <tr>
                    <td align="center">
                        <div><!--[if mso]>
                            <v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"
                                    href="{{ referral_url }}"
                                    style="height:56px;v-text-anchor:middle;width:280px;" stroke="f" fillcolor="{{ button_color }}">
                                <w:anchorlock/>
                                <center><![endif]-->
                                    <a href="{{ referral_url }}"
                                       style="background-color:{{ button_color }};color:#ffffff;display:inline-block;font-family:sans-serif;font-size:{{ font_size_body }};font-weight:bold;line-height:56px;text-align:center;text-decoration:none;width:280px;-webkit-text-size-adjust:none;">
                                        CLAIM YOUR {{ reward_amount|currency_format }} REWARD
                                    </a>
                                    <!--[if mso]>
                                </center>
                            </v:rect>
                            <![endif]-->
                        </div>
                    </td>
                </tr>

                <tr>
                    <td height="20"></td>
                </tr>

                <tr>
                    <td style="{{ small_body_text }}; text-align: center;">
                        <p style="{{ text_reset }}color:#999999;">
                            If the button doesn't work, copy and paste this link into your browser:<br>
                            <a href="{{ referral_url }}" style="{{ link_styles }}">{{ referral_url }}</a>
                        </p>
                    </td>
                </tr>

                <tr>
                    <td height="30"></td>
                </tr>
            </table>
        </td>
    </tr>
{% endblock %}
