@extends('layouts.email_layout')
@section('content')
<td align="center" style="padding:40px 12px;">
    <table role="presentation" class="email-container" width="600" cellspacing="0" cellpadding="0" border="0" style="width:600px; max-width:600px; background-color:#ffffff; border-collapse:collapse;">

        <!-- Header -->
        <tr>
            <td align="center" style="background-color:#FAF7F2; padding:32px 40px 0 40px;">
                <img src="{{ asset('images/Sama_Logo.png')}}"
                    width="140"
                    alt="SAMA"
                    style="display:block; border:0; outline:none; text-decoration:none;">

                <div style="height:1px; line-height:1px; background-color:#C9A880; margin-top:24px;">&nbsp;</div>
            </td>
        </tr>

        <!-- Confirmation -->
        <tr>
            <td class="mobile-padding" align="center"
                style="background-color:#FAF7F2;padding:36px 48px 32px 48px;">

                <div style="font-size:10px;
                    line-height:14px;
                    letter-spacing:3px;
                    text-transform:uppercase;
                    color:#C9A880;
                    font-weight:700;
                    margin-bottom:14px;">
                    Share the Love
                </div>
                <div style="font-family:Georgia,'Times New Roman',serif;
    font-size:26px;
    line-height:34px;
    color:#310F4D;
    font-weight:400;
    margin-bottom:24px;">
                    Give {{ $friendReward }}, Get {{ $referrerReward }}
                </div>
                <div style="font-size:15px;
                    line-height:22px;
                    color:#310F4D;
                    text-align:left;
                    font-weight:600;
                    margin-bottom:12px;">
                    Hi {{ $username }},
                </div>

                <div style="font-size:14px;
                    line-height:24px;
                    color:#6F5C7A;
                    text-align:left;">
                    Thank you again for being part of the SAMA family. We'd love for you to share the love — refer a friend, and you'll both enjoy rewards on your next purchase.
                </div>



                <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#FAF7F2;">
                    <tr>
                        <td align="center">

                            <table role="presentation" width="600" cellpadding="0" cellspacing="0" border="0" style="max-width:600px; width:100%; background-color:#FAF7F2;">

                                <!-- ===================== CODE SECTION ===================== -->
                                <tr>
                                    <td style="background:#FAF7F2; padding:8px 48px 28px; text-align:center;">

                                        <!-- Code Box -->
                                        <table role="presentation" width="360" cellpadding="0" cellspacing="0" border="0" align="center" style="max-width:360px; width:100%; background:#F5EFF5; border:1px solid #EDE8F0; border-radius:8px;">
                                            <tr>
                                                <td style="padding:24px 32px; text-align:center;">
                                                    <div style="font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:2px; text-transform:uppercase; color:#C9A880; font-weight:600; margin-bottom:12px;">
                                                        Your Referral Code
                                                    </div>
                                                    <div style="
                        font-family:'Courier New', Courier, monospace;
                        font-size:25px !important;
                        line-height:25px !important;
                        mso-line-height-rule:exactly;
                        color:#310F4D;
                        font-weight:700;
                        letter-spacing:4px;
                        display:block;
                        -webkit-text-size-adjust:100%;
                        -ms-text-size-adjust:100%;
                        text-size-adjust:100%;
                        mso-text-raise:0;
                    ">
                                                        <span style="font-size:20px !important; line-height:25px !important; font-family:'Courier New', Courier, monospace; color:#310F4D; font-weight:700; -webkit-user-select:all; user-select:all;">{{ $referralCode }}</span>
                                                    </div>
                                                    <div style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6F5C7A; margin-top:14px;">
                                                        Share this code with friends to use at checkout.
                                                    </div>
                                                </td>
                                            </tr>
                                        </table>
                                        <!-- /Code Box -->

                                    </td>
                                </tr>
                                <!-- ===================== /CODE SECTION ===================== -->

                                <!-- ===================== HOW IT WORKS SECTION ===================== -->
                                <tr>
                                    <td style="background:#FAF7F2; padding:8px 48px 32px;">

                                        <div style="font-family:Arial, Helvetica, sans-serif; font-size:10px; letter-spacing:2px; text-transform:uppercase; color:#C9A880; font-weight:600; text-align:center; margin-bottom:24px;">

                                            How It Works
                                        </div>

                                        <!-- Step 1 -->
                                        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="padding:0px 0;">
                                            <tr>
                                                <td width="32" valign="top" style="padding:12px 0;">
                                                    <table role="presentation" width="32" height="32" cellpadding="0" cellspacing="0" border="0" style="background:#C9A880; border-radius:50%;">
                                                        <tr>
                                                            <td align="center" valign="middle" style="width:32px; height:32px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700; color:#310F4D;">

                                                                1
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                                <td width="16" style="font-size:0; line-height:0;">&nbsp;</td>
                                                <td valign="top" style="padding:12px 0;">
                                                    <div style="font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#310F4D; font-weight:600; margin-bottom:3px;">

                                                        Share Your Code
                                                    </div>
                                                    <div style="font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6F5C7A; line-height:1.5;">

                                                        Give friends your referral code to use at checkout.
                                                    </div>
                                                </td>
                                            </tr>
                                        </table>
                                        <!-- /Step 1 -->

                                        <!-- Step 2 -->
                                        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="padding:0px 0;">
                                            <tr>
                                                <td width="32" valign="top" style="padding:12px 0;">
                                                    <table role="presentation" width="32" height="32" cellpadding="0" cellspacing="0" border="0" style="background:#C9A880; border-radius:50%;">
                                                        <tr>
                                                            <td align="center" valign="middle" style="width:32px; height:32px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700; color:#310F4D;">

                                                                2
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                                <td width="16" style="font-size:0; line-height:0;">&nbsp;</td>
                                                <td valign="top" style="padding:12px 0;">
                                                    <div style="font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#310F4D; font-weight:600; margin-bottom:3px;">

                                                        Your Friend Saves
                                                    </div>
                                                    <div style="font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6F5C7A; line-height:1.5;">

                                                        They'll get {{ $friendReward }} off their first SAMA purchase.
                                                    </div>
                                                </td>
                                            </tr>
                                        </table>
                                        <!-- /Step 2 -->

                                        <!-- Step 3 -->
                                        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="padding:0px 0;">
                                            <tr>
                                                <td width="32" valign="top" style="padding:12px 0;">
                                                    <table role="presentation" width="32" height="32" cellpadding="0" cellspacing="0" border="0" style="background:#C9A880; border-radius:50%;">
                                                        <tr>
                                                            <td align="center" valign="middle" style="width:32px; height:32px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700; color:#310F4D;">

                                                                3
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                                <td width="16" style="font-size:0; line-height:0;">&nbsp;</td>
                                                <td valign="top" style="padding:12px 0;">
                                                    <div style="font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#310F4D; font-weight:600; margin-bottom:3px;">

                                                        You Earn
                                                    </div>
                                                    <div style="font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6F5C7A; line-height:1.5;">
                                                        Earn a {{ $referrerReward }} credit for every successful referral.
                                                    </div>
                                                </td>
                                            </tr>
                                        </table>
                                        <!-- /Step 3 -->

                                    </td>
                                </tr>
                                <!-- ===================== /HOW IT WORKS SECTION ===================== -->

                                <!-- ===================== TERMS SECTION ===================== -->
                                <tr>
                                    <td style="background:#FAF7F2; padding:0 48px 32px; text-align:center;">

                                        <table role="presentation" width="40" cellpadding="0" cellspacing="0" border="0" align="center">
                                            <tr>
                                                <td style="font-size:0; line-height:0; height:1px; background:#C9A880; width:40px; margin:0 auto;">&nbsp;</td>
                                            </tr>
                                        </table>

                                        <div style="margin-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:1.6; color:#6F5C7A; max-width:480px; margin-left:auto; margin-right:auto; opacity:0.85;">

                                            Promotion code is valid for one-time use per customer and cannot be combined with other offers or redeemed for cash. Offer is non-transferable, subject to availability, and may be modified or terminated at any time. Additional terms may apply.
                                        </div>

                                    </td>
                                </tr>
                                <!-- ===================== /TERMS SECTION ===================== -->

                            </table>

                        </td>
                    </tr>
                </table>



            </td>
        </tr>







    </table>
</td>
@endsection