<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8"/>
    <title>Code-Create</title>
</head>

<body style="
    background-color: #f6f6f6;
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
    color: #4B5563;
">
    <div style="
        width:100%;
        -webkit-text-size-adjust:none !important;
        margin:0;
        padding: 70px 0 70px 0;
    ">
        <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
            <tr>
                <td align="center" valign="top">
                    <table border="0" cellpadding="0" cellspacing="0" id="template_container" style="
                        box-shadow:0 0 0 1px #f3f3f3 !important;
                        border-radius:3px !important;
                        background-color: #ffffff;
                        border: 0 solid #e9e9e9;
                        border-radius:1px !important;
                        padding: 20px;
                        max-width: 600px;
                    ">
                        <tr>
                            <td align="center" valign="top">
                                <table border="0" cellpadding="0" cellspacing="0" width="100%" id="template_body">
                                    <tr>
                                        <td valign="top" style="
                                            border-radius:3px !important;
                                            font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
                                        ">
                                            <table border="0" cellpadding="20" cellspacing="0" width="100%">
                                                <tr>
                                                    <td valign="top">
                                                        <div style="
                                                            font-size:14px;
                                                            font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
                                                            line-height:150%;
                                                            text-align:left;
                                                        ">
                                                            <div>
                                                                <h3 style="margin-bottom: 9px; color: #1F2937;">
                                                                    <strong>Hey there!</strong>
                                                                </h3>
                                                                <p style="margin-top: 0; margin-bottom: 20px; font-style: normal; font-weight: 400; font-size: 13px; line-height: 18px;">
                                                                    Let's see how your affiliate program has
                                                                    performed over the last 30 days.</p>
                                                                <div class="data" style="margin: 30px 0; width: 100%;">
                                                                    <div style="text-align: center;">
                                                                        <div style="height: 150px; width: 250px; display: inline-table;">
                                                                            <p style="text-align: center; margin-bottom: 0;">
                                                                                <img style="display: inline-block;" src="https://code-create.com.hk/wp-content/plugins/affiliate-wp/assets/images/summaries/total-program-revenue-icon.png" height="28" width="28" align="center" alt=" ">
                                                                            </p>
                                                                            <p style="margin-bottom: 0; margin-top: 5px; font-size: 14px; line-height: 18px;">
                                                                                <strong style="font-weight: 500;">
                                                                                    Total Program Revenue </strong>
                                                                            </p>
                                                                            <p style="font-size: 32px; color: #000000; line-height: 32px; margin-top: 5px;">
                                                                                <strong>
                                                                                    $<span th:text="${totalProgramRevenue}">0.00</span> </strong>
                                                                            </p>
                                                                        </div>
                                                                        <div style="height: 150px; width: 250px; display: inline-table;">
                                                                            <p style="text-align: center; margin-bottom: 0;">
                                                                                <img style="display: inline-block;" src="https://code-create.com.hk/wp-content/plugins/affiliate-wp/assets/images/summaries/new-affiliates-icon.png" height="28" width="28" align="center" alt=" ">
                                                                            </p>
                                                                            <p style="margin-bottom: 0; margin-top: 5px; font-size: 14px; line-height: 18px;">
                                                                                <strong style="font-weight: 500;">
                                                                                    New Approved Affiliates </strong>
                                                                            </p>
                                                                            <p style="font-size: 32px; color: #000000; line-height: 32px; margin-top: 10px;">
                                                                                <strong>
                                                                                    <span th:text="${newApprovedAffiliates}">0</span> </strong>
                                                                            </p>
                                                                        </div>
                                                                        <div style="height: 150px; width: 250px; display: inline-table;">
                                                                            <p style="text-align: center; margin-bottom: 0;">
                                                                                <img style="display: inline-block;" src="https://code-create.com.hk/wp-content/plugins/affiliate-wp/assets/images/summaries/unpaid-earnings-icon.png" height="28" width="28" align="center" alt=" ">
                                                                            </p>
                                                                            <p style="margin-bottom: 0; margin-top: 5px; font-size: 14px; line-height: 18px;">
                                                                                <strong style="font-weight: 500;">
                                                                                    Unpaid Earnings </strong>
                                                                            </p>
                                                                            <p style="font-size: 32px; color: #000000; line-height: 32px; margin-top: 10px;">
                                                                                <strong>
                                                                                    $<span th:text="${unpaidEarnings}">0.00</span> </strong>
                                                                            </p>
                                                                        </div>
                                                                        <div style="height: 150px; width: 250px; display: inline-table;">
                                                                            <p style="text-align: center; margin-bottom: 0;">
                                                                                <img style="display: inline-block;" src="https://code-create.com.hk/wp-content/plugins/affiliate-wp/assets/images/summaries/paid-earnings-icon.png" height="28" width="28" align="center" alt=" ">
                                                                            </p>
                                                                            <p style="margin-bottom: 0; margin-top: 5px; font-size: 14px; line-height: 18px;">
                                                                                <strong style="font-weight: 500;">
                                                                                    Paid Earnings </strong>
                                                                            </p>
                                                                            <p style="font-size: 32px; color: #000000; line-height: 32px; margin-top: 10px;">
                                                                                <strong>
                                                                                    $<span th:text="${paidEarnings}">0.00</span> </strong>
                                                                            </p>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>

                    <p style="text-align: center; margin-top: 20px; font-size: 15px; color: #a09e9e">
                        <small>
                            This email was auto-generated and sent from <a href="https://www.aida.com.hk/" style="color: #a09e9e" rel="nofollow noopener" target="_blank">AiDA</a>.</small>
                    </p>
                </td>
            </tr>
        </table>
    </div>
</body>

</html>