@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>

        <!-- Reward Confirmation -->
        <tr>
            <td>
                <table role="presentation"
                    width="100%"
                    cellpadding="0"
                    cellspacing="0"
                    border="0"
                    style="background-color:#FAF7F2;">
                    <tbody>
                        <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;">
                                    A Little Something For You
                                </div>

                                <div style="
                    font-family:Georgia,'Times New Roman',serif;
                    font-size:26px;
                    line-height:34px;
                    color:#310F4D;
                    font-weight:400;
                    margin-bottom:24px;">
                                    Your SAMA Reward Is Ready
                                </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 for sharing SAMA with someone special. Your referral has been successfully redeemed, and as a thank-you, your {{ $rewardAmount }} reward is now ready to use toward your next SAMA purchase. We hope it brings a little extra joy to your next SAMA experience.
                                </div>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </td>
        </tr>

        <!-- ===================== REWARD CODE SECTION ===================== -->
        <tr>
            <td>
                <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;">

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

                                        <!-- Reward 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 Reward 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;">
                                                            {{ $rewardCode }}
                                                        </span>

                                                    </div>

                                                    <div style="
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#6F5C7A;
    margin-top:14px;">
                                                        Enter this code at checkout to redeem {{ $rewardAmount }} off your next order of $1,000 or more.
                                                    </div>
                                                </td>
                                            </tr>

                                        </table>
                                        <!-- /Reward Code Box -->

                                        <!-- CTA Button -->
                                        <table role="presentation"
                                            cellpadding="0"
                                            cellspacing="0"
                                            border="0"
                                            align="center"
                                            style="margin-top:24px;">

                                            <tr>
                                                <td style="background:#310F4D; border-radius:4px;">

                                                    <a href="{{ $shopUrl }}"
                                                        style="
                                                            display:inline-block;
                                                            height:48px;
                                                            line-height:48px;
                                                            padding:0 40px;
                                                            color:#ffffff;
                                                            font-family:Arial, Helvetica, sans-serif;
                                                            font-size:13px;
                                                            letter-spacing:2px;
                                                            text-transform:uppercase;
                                                            text-align:center;
                                                            text-decoration:none;
                                                            font-weight:600;">

                                                        Shop SAMA

                                                    </a>


                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <div style="font-size:13px;color:#310F4D;margin-top:18px;">
                                                        Redeem by <strong style="font-weight:700;">{{ now()->addMonths(6)->format('F j, Y') }}</strong>.
                                                    </div>
                                                </td>
                                            </tr>

                                        </table>
                                        <!-- /CTA Button -->

                                    </td>
                                </tr>

                            </table>

                        </td>
                    </tr>

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


        <!-- ===================== REWARD DETAILS SECTION ===================== -->
        <tr>
            <td>
                <table role="presentation"
                    width="100%"
                    cellpadding="0"
                    cellspacing="0"
                    border="0"
                    style="background:#FAF7F2;">

                    <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;">

                                Your Reward

                            </div>

                            <!-- Step 1 -->
                            <table role="presentation"
                                width="100%"
                                cellpadding="0"
                                cellspacing="0"
                                border="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;">

                                            Your Referral Was Redeemed

                                        </div>

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

                                            A friend used your referral and completed their purchase with SAMA.

                                        </div>

                                    </td>

                                </tr>

                            </table>
                            <!-- /Step 1 -->


                            <!-- Step 2 -->
                            <table role="presentation"
                                width="100%"
                                cellpadding="0"
                                cellspacing="0"
                                border="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 Reward Is Ready

                                        </div>

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

                                            Your {{ $rewardAmount }} reward has been created and is ready for your next purchase.

                                        </div>

                                    </td>

                                </tr>

                            </table>
                            <!-- /Step 2 -->


                            <!-- Step 3 -->
                            <table role="presentation"
                                width="100%"
                                cellpadding="0"
                                cellspacing="0"
                                border="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;">

                                            Enjoy Your SAMA Experience

                                        </div>

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

                                            Apply your reward code at checkout and enjoy {{ $rewardAmount }} toward your next SAMA purchase.

                                        </div>

                                    </td>

                                </tr>

                            </table>
                            <!-- /Step 3 -->

                        </td>
                    </tr>

                </table>
            </td>
        </tr>
        <!-- ===================== /REWARD DETAILS SECTION ===================== -->


        <!-- ===================== TERMS SECTION ===================== -->
        <tr>
            <td>
                <table role="presentation"
                    width="100%"
                    cellpadding="0"
                    cellspacing="0"
                    border="0">

                    <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>

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



    </table>
</td>
@endsection