{{#xif 'this.modal === "update_payment_success"'}}
    <p class="font24 semi-bold margin-top-lg margin-bottom-lg">
        <span class="card-updated-message">Payment Information</span>
    </p>
    <div class="od-callout od-callout-sm od-callout-box od-callout-success" style="box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); margin-bottom: 18px;">
        <div class="od-callout-icon od-callout-cart-icon-align" style="align-items: unset;margin: 8px 8px;">
            <span class="od-icon od-icon-size-sm od-icon-color">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" role="presentation">
                    <path d="M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM7.29 14.29L3.7 10.7C3.31 10.31 3.31 9.68 3.7 9.29C4.09 8.9 4.72 8.9 5.11 9.29L8 12.17L14.88 5.29C15.27 4.9 15.9 4.9 16.29 5.29C16.68 5.68 16.68 6.31 16.29 6.7L8.7 14.29C8.32 14.68 7.68 14.68 7.29 14.29Z" fill="#3B773E"></path>
                </svg>
            </span>
        </div>
        <div class="od-callout-content od-callout-content-pd pp-message-content">
            <div class="od-callout-inner-content">
                <div class="od-callout-title od-callout-title-pd">Your payment method for Select Member has been updated</div>
                <div class="od-callout-description padding-top-bottom-sm"><p style="font-size: 1rem;">Your request was successfully submitted. May take up to 24 hours to process.</p></div>
                <div class="button-group"></div>
            </div>
        </div>
    </div>
    {{#if addedCreditCard }}
        <div class="margin-bottom-lg">
            <p class="font20 review-elements padding-left-md">Credit card:</p>
            {{#if addedCreditCard.lastFourDigits}}
                <p class="review-elements padding-left-md font16">xxxx-xxxx-xxxx-{{addedCreditCard.lastFourDigits}}</p>
            {{/if}}
            {{#xif 'this.addedCreditCard.cardType !== "SR"'}}
                <p class="review-elements font16 padding-left-md">Expires {{addedCreditCard.expDate}}</p>
            {{/xif}}
        </div>
    {{/if}}
{{ else }}
    {{#if firstName}}
        <p class="font24 margin-top-lg margin-bottom-lg center successful-bs2-enrollment">
            <span class="welcome-message">Congratulations {{'modal === "update_payment_success"'}} </span> {{firstName}}!
        </p>
    {{/if}}
    {{#unless payLater}}
        <p class="font16 margin-bottom-lg activated-message no-display"></p>
    {{/unless}}
{{/xif}}

<ul class="member-details font14 margin-bottom">
    {{#if memberId}}
        <li>Member Number: {{memberId}}</li>
    {{/if}}
    {{#if phoneArea}}
        <li x-ms-format-detection="none">Phone: ({{phoneArea}}) {{phonePfx}} - {{phoneLastNo}}</li>
    {{/if}}
    {{#if emailId}}
        <li>Login ID: {{emailId}}</li>
    {{/if}}
</ul>