// =====================
// SYNTAX CONVERSION GUIDE
// =====================
// OLD FORMATS TO AVOID:
// {{ event.startup_name }}                    (old Handlebars/Django syntax)
// {{ event.payload.startup_name }}            (old Handlebars/Django syntax)
// ${event.payload.get('startup_name')}        (missing Thymeleaf wrapper)
// event.payload.get('startup_name')           (missing Thymeleaf wrapper)

// PROPER THYMELEAF SYNTAX:
// [(${event.payload.get('startup_name')} ?: '')]     (recommended - with null safety)
// [(${event.payload['startup_name']} ?: '')]         (alternative bracket notation)
// [(${event.accountOwnerFirstName} ?: '')]           (direct event property)

// CONVERSION EXAMPLES:
// OLD: {{ event.startup_name }}
// NEW: [(${event.payload.get('startup_name')} ?: '')]

// OLD: {{ event.amount }}
// NEW: [(${event.payload.get('amount')} ?: '')]

// OLD: {{ organization.name }}
// NEW: [(${organization.name} ?: '')]

// OLD: {{ current_year }}
// NEW: [(${current_year} ?: '')]

// =====================
// GENERAL VARIABLES
// =====================
xmlns:th="http://www.thymeleaf.org"
[(${current_year} ?: '')]

// =====================
// ORGANIZATION
// =====================
[(${organization.name} ?: '')]
[(${organization.full_address} ?: '')]

// =====================
// EVENT (Top-level)
// =====================
[(${event.accountOwnerFirstName} ?: '')]
[(${event.accountOwnerLastName} ?: '')]
[(${event.accountOwnerPhoneNumber} ?: '')]
[(${event.price_per_share} ?: '')]

// =====================
// EVENT PAYLOAD (Common)
// =====================
[(${event.payload.get('startup_name')} ?: '')]
[(${event.payload.get('amount')} ?: '')]
[(${event.payload.get('committed_at')} ?: '')]
[(${event.payload.get('material_change_reason')} ?: '')]
[(${event.payload.get('reconfirmation_deadline')} ?: '')]
[(${event.payload.get('name')} ?: '')]
[(${event.payload.get('email')} ?: '')]
[(${event.payload.get('shareCount')} ?: '')]
[(${event.payload.get('gross_amount')} ?: '')]
[(${event.payload.get('issuer_bank_account_number')} ?: '')]
[(${event.payload.get('disbursement_amount')} ?: '')]
[(${event.payload.get('fees_paid')} ?: '')]
[(${event.payload.get('invoices_paid')} ?: '')]
[(${event.payload.get('deposit_hold')} ?: '')]
[(${event.payload.get('reason')} ?: '')]
[(${event.payload.get('end_date')} ?: '')]
[(${event.payload.get('desktop_img_url')} ?: '')]
[(${event.payload.get('desktop_image_url')} ?: '')]
[(${event.payload.get('investment_type')} ?: '')]
[(${event.payload.get('company_name')} ?: '')]
[(${event.payload.get('reasons_to_invest')} ?: '')]
[(${event.payload.get('autorenew')} ?: '')]
[(${event.payload.get('payment_method')} ?: '')]
[(${event.payload.get('offers')} ?: '')]
[(${event.payload.get('offering_circular_url')} ?: '')]
[(${event.payload.get('associated_risks_url')} ?: '')]
[(${event.payload.get('campaign_url')} ?: '')]
[(${event.payload.get('invest_url')} ?: '')]
[(${event.payload.get('offering_circular')} ?: '')]
[(${event.payload.get('amount_raised')} ?: '')]
[(${event.payload.get('unsubscribe_url')} ?: '')]
[(${event.payload.get('content')} ?: '')]
[(${event.payload.get('accountId')} ?: '')]
[(${event.payload.get('offering_type')} ?: '')]
[(${event.payload.get('offering_risks')} ?: '')]
[(${event.payload.get('number_of_investors')} ?: '')]
[(${event.payload.get('investment_url')} ?: '')]
[(${event.payload.get('offering_url')} ?: '')]
[(${event.payload.get('push_notification_params.title')} ?: '')]
[(${event.payload.get('push_notification_params.push_notification_body')} ?: '')]
[(${event.payload.get('push_notification_params.deep_link')} ?: '')]
[(${event.payload.get('push_notification_params.issuer_id')} ?: '')]
[(${event.payload.get('push_notification_params.full_body')} ?: '')]
[(${event.payload.get('status')} ?: '')]
[(${event.payload['update_url']} ?: '')]
[(${event.payload['watchlist_url']} ?: '')]
[(${event.payload['preview']} ?: '')]
[(${event.payload['comment_url']} ?: '')]
[(${event.payload['commenter_full_name']} ?: '')]
[(${event.payload['confirm_investment_url']} ?: '')]
[(${event.payload['startup_link']} ?: '')]
[(${event.payload['offering_circular_url']} ?: '')]
[(${event.payload['associated_risks_url']} ?: '')]
[(${event.payload['investment_type']} ?: '')]
[(${event.payload['is_issuer_investment']} ?: '')]
[(${event.payload['account_custodian']} ?: '')]

// =====================
// IRA INVESTMENT VARIABLES
// =====================
[(${event.payload.get('institution_name')} ?: '')]
[(${event.payload.get('account_type')} ?: '')]
[(${event.payload.get('transfer_amount')} ?: '')]
[(${event.payload.get('ira_account_type')} ?: '')]
[(${event.payload.get('new_balance')} ?: '')]
[(${event.payload.get('transfer_completed_date')} ?: '')]
[(${event.payload.get('request_date')} ?: '')]
[(${event.payload.get('error_reason')} ?: '')]

// =====================
// CONDITIONALS & LOOPS
// =====================
<div th:if="${event.payload['status'] == 'approved'}">
<span th:if="${event.payload['regulation_type'] == 'REG_A_PLUS'}">
<span th:unless="${event.payload['regulation_type'] == 'REG_A_PLUS'}">
<span th:if="${event.payload['is_issuer_investment'] == true}">
<span th:if="${event.payload['is_issuer_investment'] == false}">
<div th:if="${event.payload['investment_type'] == 'title3'}">
<div th:if="${event.payload['investment_type'] == 'title4'}">
<div th:if="${event.payload['offering_circular_url']}">
<td th:if="${event.payload['startup_name'] != 'WonderTikTok'}">
<tr th:each="prod : ${prods}">
<div th:each="offering : ${event.payload['offers']}">
<li th:each="reason : ${event.payload['reason_to_invest']}">

// =====================
// LINKS & MISC
// =====================
<a th:href="@{${event.payload.get('comment_url')} ?: ''}">View Comment</a>
<a th:href="${event.payload['confirm_investment_url']} ?: ''">Confirm Investment</a>
<a th:href="${event.payload['campaign_url']} ?: ''">View Campaign</a>
<a th:href="${event.payload['invest_url']} ?: ''">Complete Investment</a>
<a th:href="${event.payload['offering_circular_url']} ?: ''">offering circular</a>
<a th:href="${event.payload['associated_risks_url']} ?: ''">risks associated</a>

// =====================
// FOOTER & LEGAL
// =====================
https://account.startengine.com/settings/notifications
https://d10baati43jr8c.cloudfront.net/marketing/thymeleaf-email.css
https://apps.apple.com/us/app/startengine-startup-investing/id1560434961
https://play.google.com/store/apps/details?id=com.startengine.android
?utm_source=In-House&amp;utm_medium=email&amp;utm_campaign=investment_subscription_agreement

// =====================
// PREVIEW TEXT
// =====================
<div style="display: none; font-size: 1px; visibility: hidden; opacity: 0; color: transparent; height: 0; width: 0;">
  Your investment is not yet secured. &zwnj; ...
</div>

How to add preview, add it right below the body tag (check other templates if you need help):

    <div
      style="
        display: none;
        font-size: 1px;
        visibility: hidden;
        opacity: 0;
        color: transparent;
        height: 0;
        width: 0;
      "
    >
      We have received your wire for your investment. &zwnj; &zwnj; &zwnj;
      &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj;
      &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj;
      &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj;
      &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj;
      &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj;
      &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj;
      &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj;
      &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj; &zwnj;
    </div>