{"id":874,"date":"2023-11-06T20:25:56","date_gmt":"2023-11-06T20:25:56","guid":{"rendered":"https:\/\/bridge.edu\/tefl\/storefront\/affiliates\/"},"modified":"2024-03-12T16:35:56","modified_gmt":"2024-03-12T16:35:56","slug":"affiliates","status":"publish","type":"page","link":"https:\/\/bridge.edu\/tefl\/storefront\/affiliates\/","title":{"rendered":"Bridge Affiliate Portal"},"content":{"rendered":"\n        <p>Thank you for your interest in collaborating with Bridge as an Affiliate!<\/p>\n        <p>Please share with us the requested information below so we can learn more about your organization and how we can work together. We look forward to the opportunity to work with you.<\/p>\n        <p>If you've already registered as an affiliate, you can log in to your affiliate portal below to the right.<\/p>\n        \n\n\n<div class='sld-ap-container'><div class='sld-ap'>        \n        <style>\n            :root {\n\n                --sld-ap-font-family: -apple-system, BlinkMacSystemFont, \" var\", \"Segoe UI\", Helvetica, \"Apple Color Emoji\", Arial, sans-serif, \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n\n                \/* Light Theme Variables *\/\n                --sld-ap-background: #fff;\n                --sld-ap-shading: #fafafa;\n                --sld-ap-primary-color: #000;\n                --sld-ap-secondary-color: #727272;\n                --sld-ap-accent-color: #000;\n                --sld-ap-border-color: #DADCE0;\n                --sld-ap-error-color: #D8000C;\n                --sld-ap-success-color: #4CAF50;\n                --sld-ap-info-color: #4a51c1;\n\n                \/* Spacing Variables *\/\n                --sld-ap-spacing-xs: 5px;\n                --sld-ap-spacing-sm: 10px;\n                --sld-ap-spacing-md: 20px;\n                --sld-ap-spacing-lg: 30px;\n\n                \/* Border Radius *\/\n                --sld-ap-border-radius-sm: 5px;\n                --sld-ap-border-radius-md: 8px;\n                --sld-ap-border-radius-lg: 12px;\n\n                \/* Font Sizes *\/\n                --sld-ap-font-size-xs: 12px;\n                --sld-ap-font-size-sm: 14px;\n                --sld-ap-font-size-md: 16px;\n                --sld-ap-font-size-lg: 20px;\n                --sld-ap-font-size-xl: 22px;\n\n                \/* Font Weights *\/\n                --sld-ap-font-weight-normal: 400;\n                --sld-ap-font-weight-medium: 500;\n\n                \/* Shadow *\/\n                --sld-ap-shadow-sm: 0 2px 2px 0 rgb(0 0 0 \/ 0.08);\n                --sld-ap-shadow-md: 0 2px 4px 0 rgb(0 0 0 \/ 0.08);\n\n\n                \/* Dark Theme Variables *\/\n                --sld-ap-dark-background: #121212;\n                --sld-ap-dark-shading: #1E1E1E;\n                --sld-ap-dark-primary-color: #E0E0E0;\n                --sld-ap-dark-secondary-color: #A0A0A0;\n                --sld-ap-dark-accent-color: #6AB0FF;\n                --sld-ap-dark-border-color: #333333;\n                --sld-ap-dark-shadow-sm: 0 2px 2px 0 rgb(255 255 255 \/ 0.08);\n                \n            }\n\n            \/* Dark Mode Selector *\/\n            .dark-mode {\n                --sld-ap-background: var(--sld-ap-dark-background);\n                --sld-ap-shading: var(--sld-ap-dark-shading);\n                --sld-ap-primary-color: var(--sld-ap-dark-primary-color);\n                --sld-ap-secondary-color: var(--sld-ap-dark-secondary-color);\n                --sld-ap-accent-color: var(--sld-ap-dark-accent-color);\n                --sld-ap-border-color: var(--sld-ap-dark-border-color);\n                --sld-ap-shadow-sm: var(--sld-ap-dark-shadow-sm);\n            }\n\n            .sld-ap {\n                display: flex;\n                font-size: var(--sld-ap-font-size-md);\n                font-family: var(--sld-ap-font-family);\n                gap: var(--sld-ap-spacing-lg);\n                color: var(--sld-ap-primary-color);\n            }\n\n            \/* Hide the default checkbox *\/\n            .sld-ap input[type=\"checkbox\"] {\n                appearance: none;\n                -webkit-appearance: none;\n                -moz-appearance: none;\n                width: 20px;\n                height: 20px;\n                border: 2px solid var(--sld-ap-border-color);\n                border-radius: 4px;\n                background-color: #f0f0f0;\n                position: relative;\n                cursor: pointer;\n                transition: background-color 0.3s, border-color 0.3s;\n            }\n\n            \/* Checked state *\/\n            .sld-ap input[type=\"checkbox\"]:checked {\n                background-color: var(--sld-ap-accent-color);\n                border-color: var(--sld-ap-accent-color);\n            }\n\n            .sld-ap input[type=\"checkbox\"]:checked::after {\n                content: \"\";\n                position: absolute;\n                left: 5px;\n                top: 1px;\n                width: 3px;\n                height: 10px;\n                border: solid white;\n                border-width: 0 2px 2px 0;\n                transform: rotate(45deg);\n            }\n\n            \/* Hover state *\/\n            .sld-ap input[type=\"checkbox\"]:hover {\n                border-color: var(--sld-ap-border-color);\n            }\n\n            \/* Active state *\/\n            .sld-ap input[type=\"checkbox\"]:active {\n                background-color: var(--sld-ap-border-color);\n            }\n\n\n            \/* Hide the default radio button *\/\n            .sld-ap input[type=\"radio\"] {\n                appearance: none;\n                -webkit-appearance: none;\n                -moz-appearance: none;\n                width: 20px;\n                height: 20px;\n                border: 2px solid var(--sld-ap-border-color);\n                border-radius: 50%;\n                background-color: #f0f0f0;\n                position: relative;\n                vertical-align: middle;\n                cursor: pointer;\n                transition: background-color 0.3s, border-color 0.3s;\n            }\n\n            \/* Checked state for radio button *\/\n            .sld-ap input[type=\"radio\"]:checked {\n                background-color: var(--sld-ap-accent-color);\n                ;\n                border-color: var(--sld-ap-accent-color);\n                ;\n            }\n\n            \/* Inner circle when checked *\/\n            .sld-ap input[type=\"radio\"]:checked::after {\n                content: \"\";\n                position: absolute;\n                top: 4px;\n                left: 4px;\n                width: 8px;\n                height: 8px;\n                background-color: white;\n                border-radius: 10px;\n            }\n\n            \/* Hover state *\/\n            .sld-ap input[type=\"radio\"]:hover {\n                border-color: var(--sld-ap-border-color);\n            }\n\n            \/* Active state *\/\n            .sld-ap input[type=\"radio\"]:active {\n                background-color: var(--sld-ap-border-color);\n            }\n\n\n\n            .sld-ap textarea {\n                font-family: var(--family-sans-serif);\n            }\n\n            .sld-ap fieldset {\n                all: unset;\n                border: none;\n                padding: 0;\n                margin: 0;\n                background: transparent;\n            }\n\n            .sld-ap fieldset.fieldset-radio label,\n            .sld-ap fieldset.fieldset-checkbox label {\n                font-size: var(--sld-ap-font-size-sm);\n                color: var(--sld-ap-primary-color);\n            }\n\n            .sld-ap h2 {\n                font-family: var(--sld-ap-font-family);\n                font-size: var(--sld-ap-font-size-xl);\n                margin: var(--sld-ap-spacing-xs) 0;\n                font-weight: var(--sld-ap-font-weight-normal);\n                color: var(--sld-ap-primary-color);\n            }\n\n            .sld-ap p.sld-ap-form-lead {\n                margin: 0 var(--sld-ap-spacing-md) var(--sld-ap-spacing-lg) 0;\n                font-size: var(--sld-ap-font-size-sm);\n                color: var(--sld-ap-secondary-color);\n\n            }\n\n            .sld-col-1 {\n                flex-shrink: 0;\n                flex-basis: 60%;\n            }\n\n            .sld-col-1:last-child {\n                flex-shrink: 0;\n                flex-basis: fit-content;\n            }\n\n            @media only screen and (max-width: 800px) {\n                .sld-ap {\n                    flex-direction: column;\n                }\n            }\n\n            .sld-ap-form {\n                display: flex;\n                flex-direction: column;\n            }\n\n            .sld-ap-form_box {\n                padding: var(--sld-ap-spacing-lg);\n                width: 100%;\n                border: 1px solid var(--sld-ap-border-color);\n                border-radius: var(--sld-ap-border-radius-lg);\n                background-color: var(--sld-ap-background);\n                box-shadow:var(--sld-ap-shadow-md);\n                box-sizing: border-box;\n            }\n\n            .sld_field-wrapper {\n                display: flex;\n                flex-direction: column;\n                gap: var(--sld-ap-spacing-sm);\n                justify-content: space-between;\n            }\n\n            .sld_field-left {\n                display: flex;\n                flex-direction: column;\n            }\n\n            .sld_field-input {\n                min-width: 40%;\n                justify-content: flex-end;\n                display: flex;\n            }\n\n            .sld_field-input fieldset {\n                display: flex;\n                flex-direction: row;\n                flex-wrap: wrap;\n                gap: var(--sld-ap-spacing-sm);\n            }\n\n            .sld_field-wrapper.multi-checkbox {\n                flex-direction: column;\n                align-items: stretch;\n                gap: var(--sld-ap-spacing-md);\n            }\n\n            .sld_field-wrapper.multi-checkbox .sld_field-label {\n                display: flex;\n                gap: var(--sld-ap-spacing-md);\n                flex-wrap: wrap;\n            }\n\n            .sld_field-wrapper.multi-checkbox .sld_field-input .sld-ap-form_checkbox {\n                display: flex;\n                flex-direction: row;\n                gap: var(--sld-ap-spacing-sm);\n            }\n\n            .sld_field-wrapper.multi-checkbox .sld_field-input {\n                justify-content: flex-start;\n            }\n\n            .sld_field-wrapper.multi-checkbox .multi-checkbox-option {\n                display: flex;\n                flex-direction: row;\n                gap: var(--sld-ap-spacing-xs);\n                align-items: center;\n                font-size: var(--sld-ap-font-size-xs);\n            }\n\n            label.sld_field-label {\n                width: 100%;\n            }\n\n            .sld_field-title {\n                font-size: var(--sld-ap-font-size-sm);\n                font-weight: var(--sld-ap-font-weight-medium);\n                color: var(--sld-ap-primary-color);\n            }\n\n            .sld_field-description {\n                font-size: var(--sld-ap-font-size-xs);\n                margin: 0;\n                color: var(--sld-ap-secondary-color);\n            }\n\n            .sld-ap-form_group {\n                width: 100%;\n            }\n\n            .sld-ap-form_group>label {\n                margin: var(--sld-ap-spacing-xs) 0;\n                font-size: var(--sld-ap-font-size-sm);\n                display: flex;\n                flex-direction: column;\n            }\n\n            .sld-ap-form_group>label input,\n            .sld-ap-form_group>label textarea,\n            .sld-ap-form_group>label select {\n                width: 100%;\n            }\n\n            .sld-ap-form_group input:not([type='checkbox']):not([type='radio']),\n            .sld-ap-form_group textarea,\n            .sld-ap-form_group select {\n                border: 1px solid var(--sld-ap-border-color);\n                padding: var(--sld-ap-spacing-sm);\n                border-radius: var(--sld-ap-border-radius-md);\n                background: var(--sld-ap-shading);\n                color: var(--sld-ap-primary-color);\n                box-shadow: var(--sld-ap-shadow-sm);\n                width: 100%;\n                box-sizing: border-box;\n            }\n\n            label.sld_field-label input[type='radio'] {\n                width: 25px;\n                border-radius: 50%;\n                display: inline-block;\n            }\n\n            .sld-ap-form_checkbox a {\n                color: var(--sld-ap-accent-color);\n            }\n\n            .sld-ap-form_submit {\n                background: var(--sld-ap-accent-color);\n                font-size: var(--sld-ap-font-size-sm);\n                color: #fff;\n                padding: var(--sld-ap-spacing-md) var(--sld-ap-spacing-lg);\n                margin-top: var(--sld-ap-spacing-md);\n                border: none !important;\n                border-radius: var(--sld-ap-border-radius-lg);\n            }\n\n            input#submit_solid_affiliate_login {\n                background: var(--sld-ap-accent-color);\n                font-size: var(--sld-ap-font-size-sm);\n                color: #fff;\n                padding: var(--sld-ap-spacing-md) var(--sld-ap-spacing-lg);\n                border: none !important;\n                border-radius: var(--sld-ap-border-radius-lg);\n            }\n\n            .sld-ap-form_group input:focus,\n            .sld-ap-form_group input:focus-within,\n            .sld-ap-form_group input:focus-visible {\n                border: 2px solid var(--sld-ap-accent-color);\n                outline: none !important;\n                background: var(--sld-ap-background);\n            }\n\n            .sld-ap-form_tip {\n                font-size: var(--sld-ap-font-size-xs);\n                color: var(--sld-ap-primary-color);\n            }\n\n            .sld-ap-form_notice {\n                display: flex;\n                gap: var(--sld-ap-spacing-xs);\n                background-color: var(--sld-ap-background);\n                margin: var(--sld-ap-spacing-md) 0;\n                border: 1px solid var(--sld-ap-border-color);\n                color: var(--sld-ap-primary-color);\n                line-height: 1.2;\n                font-size: var(--sld-ap-font-size-sm);\n                border-radius: var(--sld-ap-border-radius-sm);\n                padding: var(--sld-ap-spacing-sm);\n                align-items: center;\n            }\n            .sld-ap-form_notice_icon {\n                display:flex;\n                align-items: center;\n            }\n            .sld-ap-form_notice_icon svg {\n                stroke: var(--sld-ap-secondary-color);\n                width: auto;\n                height: 24px;\n            }\n\n            .sld-ap-form.registration>div {\n                display: flex;\n                flex-direction: column;\n                gap: var(--sld-ap-spacing-lg);\n            }\n\n            .sld-ap-form_notice.error svg {\n                stroke: var(--sld-ap-error-color);\n            }\n\n            .sld-ap-form_notice.error {\n                color: var(--sld-ap-error-color);\n                background: rgba(var(--sld-ap-error-color), 0.1);\n            }\n\n            .sld-ap-form_notice.success svg {\n                stroke: var(--sld-ap-success-color);\n            }\n\n            .sld-ap-form_notice.success {\n                color: var(--sld-ap-success-color);\n                background: rgba(var(--sld-ap-success-color), 0.1);\n            }\n\n            .sld-ap-form_notice.info svg {\n                stroke: var(--sld-ap-info-color);\n            }\n\n            .sld-ap-form_notice.info {\n                color: var(--sld-ap-info-color);\n                background: rgba(var(--sld-ap-info-color), 0.1);\n            }\n\n            .sld-ap-form_group a.forgot-pass {\n                font-size: var(--sld-ap-font-size-xs);\n                color: var(--sld-ap-accent-color);\n            }\n\n            .sld-tooltip>svg {\n                max-width: 15px;\n            }\n\n            label[for=\"is_accept_affiliate_policy\"] p.sld_field-description {\n                display: inline-block;\n            }\n\n            .sld_field-wrapper.is_accept_affiliate_policy {\n                flex-direction: row-reverse;\n                align-items: center;\n                gap: var(--sld-ap-spacing-xs);\n            }\n\n            .sld_field-wrapper.is_accept_affiliate_policy .sld_field-left {\n                flex-grow: 1;\n            }\n\n            .sld_field-wrapper.is_accept_affiliate_policy .sld_field-left a {\n                font-size: var(--sld-ap-font-size-sm);\n            }\n\n            .sld_field-wrapper.is_accept_affiliate_policy .sld_field-input {\n                flex-shrink: 1;\n                min-width: auto;\n\n            }\n\n            #is_accept_affiliate_policy+p::before {\n                content: '* ';\n                color: var(--sld-ap-error-color);\n            }\n\n            .sld-ap-login-component {\n                height: fit-content;\n            }\n\n            .sld-ap-form_error {\n                color: var(--sld-ap-error-color);\n                font-size: var(--sld-ap-font-size-xs);\n                margin: var(--sld-ap-spacing-xs) 0;\n            }\n\n            .powered-by {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  border: 1px solid #ccc; \/* Customize border color *\/\n  padding: 10px; \/* Adjust padding as needed *\/\n  gap: 8px; \/* Space between text and image *\/\n  font-family: Arial, sans-serif; \/* Optional: Choose your font *\/\n  font-size: 14px; \/* Optional: Adjust font size *\/\n}\n\n.powered-by img {\n  height: 20px; \/* Adjust logo size as needed *\/}\n\n  #solid-affiliate-affiliate-portal_login-form {\ndisplay:flex;\nflex-direction:column;\ngap:var(--sld-ap-spacing-md);\n  }\n\n        <\/style>\n\n        <script>\n            \/\/ make an ajax request to generate a new nonce and then replace the value of the nonce field in the form\n            jQuery(document).ready(function($) {\n                var data = {\n                    'action': 'sld_affiliate_generate_registration_nonce',\n                };\n\n                jQuery.post(window.SolidAffiliate.ajaxurl, data, function(response) {\n                    if (response.success) {\n                        jQuery('#solid-affiliate-affiliate-portal_new_affiliate #_wpnonce').val(response.data);\n                    }\n                });\n\n                \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\n                \/\/ Function to check if a field is already in use\n                function checkIfFieldIsAlreadyInUse(field, value) {\n                    return jQuery.ajax({\n                        url: window.SolidAffiliate.ajaxurl,\n                        type: 'POST',\n                        data: {\n                            action: 'sld_affiliate_check_if_field_is_already_in_use',\n                            field: field,\n                            value: value,\n                        }\n                    });\n                }\n\n                \/\/ Add an event handler to do something whenever the name=\"user_email\" or \"user_login\" field is changed.\n                jQuery('#solid-affiliate-affiliate-portal_new_affiliate input[name=\"user_email\"], #solid-affiliate-affiliate-portal_new_affiliate input[name=\"user_login\"]').on('change', function() {\n                    let $this = jQuery(this);\n                    let newValue = $this.val();\n                    let field = $this.attr('name') === 'user_email' ? 'email' : 'login';\n                    let errorId = 'sld-user_' + field + '-error';\n\n                    \/\/ check if the field is already in use\n                    checkIfFieldIsAlreadyInUse(field, newValue).done(function(response) {\n                        if (response.success) {\n                            jQuery('#solid-affiliate-affiliate-portal_new_affiliate #' + errorId).remove();\n                        } else {\n                            if (jQuery('#solid-affiliate-affiliate-portal_new_affiliate #' + errorId).length) {\n                                return;\n                            }\n                            $this.after(field === 'email' ? \"<div id='sld-user_email-error' class='sld-ap-form_error'>An account with this email aready exists. Please <a href=\\\"https:\\\/\\\/bridge.edu\\\/tefl\\\/storefront\\\/wp-login.php\\\" target=\\\"_self\\\">Login<\\\/a> first if it is your account.<\\\/div>\" : \"<div id='sld-user_login-error' class='sld-ap-form_error'>An account with this username aready exists. Please <a href=\\\"https:\\\/\\\/bridge.edu\\\/tefl\\\/storefront\\\/wp-login.php\\\" target=\\\"_self\\\">Login<\\\/a> first if it is your account.<\\\/div>\");\n                        }\n                    }).fail(function(error) {\n                        jQuery('#solid-affiliate-affiliate-portal_new_affiliate #' + errorId).remove();\n                    });\n                });\n\n            });\n        <\/script>\n\n        <div class=\"sld-col-1  sld-ap-registration-component\">\n                                    <div class=\"sld-ap-form_box\">\n\n\n                <h2>Register as Bridge Affiliate<\/h2>\n\n                                    <p class=\"sld-ap-form-lead\">\n                        Your account must be approved before earning referrals. You'll be notified by email once approved.                    <\/p>\n                \n                <form action=\"\" method=\"post\" class=\"sld-ap-form registration\" id=\"solid-affiliate-affiliate-portal_new_affiliate\">\n                    \n        <style>\n        .sld_field-title.required>span.sld_title-text:after {\n            color: red;\n            content: ' * ';\n        }\n\n        <\/style>\n        <div id='sld-form2383f507'><div class='sld-ap-form_group'>\n<div class='sld_field-wrapper first_name'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title required'>\n                            First Name\n                            \n                    <\/div>\n            <p class='description sld_field-description'>Your first name.<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-first_name' class='sld_field-label'>\n            <input  type='text' name='first_name' id='first_name' class='regular-text' placeholder='' value='' required  \/>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper last_name'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title required'>\n                            Last Name\n                            \n                    <\/div>\n            <p class='description sld_field-description'>Your last name.<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-last_name' class='sld_field-label'>\n            <input  type='text' name='last_name' id='last_name' class='regular-text' placeholder='' value='' required  \/>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper Job_Title'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title required'>\n                            Job Title\n                            \n                    <\/div>\n            <p class='description sld_field-description'>Your job title.<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-Job_Title' class='sld_field-label'>\n            <input  type='text' name='Job_Title' id='Job_Title' class='regular-text' placeholder='' value='' required  \/>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper Organization_Name'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title required'>\n                            Organization or Business Name\n                            \n                    <\/div>\n            <p class='description sld_field-description'>The name of your organization or business.<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-Organization_Name' class='sld_field-label'>\n            <input  type='text' name='Organization_Name' id='Organization_Name' class='regular-text' placeholder='' value='' required  \/>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper user_email'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title required'>\n                            Account Email\n                            \n                    <\/div>\n            <p class='description sld_field-description'>Your primary email, used for logging in.<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-user_email' class='sld_field-label'>\n            <input  type='email' name='user_email' id='user_email' class='regular-text' placeholder='' value='' required  \/>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper payment_email'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title required'>\n                            Payment Email (PayPal)\n                            \n                    <\/div>\n            <p class='description sld_field-description'>Your PayPal payment email, to which we will send commission payments. Can be the same as your account email.<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-payment_email' class='sld_field-label'>\n            <input  type='email' name='payment_email' id='payment_email' class='regular-text' placeholder='' value='' required  \/>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper user_login'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title required'>\n                            Username\n                            \n                    <\/div>\n            <p class='description sld_field-description'>Your username.<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-user_login' class='sld_field-label'>\n            <input  type='text' name='user_login' id='user_login' class='regular-text' placeholder='' value='' required  \/>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper user_pass'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title required'>\n                            Password\n                            \n                    <\/div>\n            <p class='description sld_field-description'>Your primary password, used for logging in.<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-user_pass' class='sld_field-label'>\n            <input  type='password' name='user_pass' id='user_pass' class='regular-text' placeholder='' value='' required  \/>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper Country'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title required'>\n                            Country\n                            \n                    <\/div>\n            <p class='description sld_field-description'>Where is your organization or business based?<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-Country' class='sld_field-label'>\n            <input  type='text' name='Country' id='Country' class='regular-text' placeholder='' value='' required  \/>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper website'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title '>\n                            Website\n                            \n                    <\/div>\n            <p class='description sld_field-description'>The URL to the website of your organization or business, if applicable.<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-website' class='sld_field-label'>\n            <input  type='text' name='website' id='website' class='regular-text' placeholder='' value=''   \/>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper Instagram'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title '>\n                            Instagram\n                            \n                    <\/div>\n            <p class='description sld_field-description'>The URL to the Instagram account of your organization or business, if applicable.<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-Instagram' class='sld_field-label'>\n            <input  type='text' name='Instagram' id='Instagram' class='regular-text' placeholder='' value=''   \/>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper Facebook'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title '>\n                            Facebook\n                            \n                    <\/div>\n            <p class='description sld_field-description'>The URL to the Facebook account of your organization or business, if applicable.<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-Facebook' class='sld_field-label'>\n            <input  type='text' name='Facebook' id='Facebook' class='regular-text' placeholder='' value=''   \/>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper LinkedIn'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title '>\n                            LinkedIn\n                            \n                    <\/div>\n            <p class='description sld_field-description'>The URL to the LinkedIn account of your organization or business, if applicable.<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-LinkedIn' class='sld_field-label'>\n            <input  type='text' name='LinkedIn' id='LinkedIn' class='regular-text' placeholder='' value=''   \/>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper Tell_us_about_your_organization_or_business_and_how_you_will_promote_Bridge'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title required'>\n                            Share with us a bit more about your organization or business and how you will promote Bridge and our courses.\n                            \n                    <\/div>\n            <p class='description sld_field-description'>What is the mission, passion, etc. of your organization or business? How long have you been operating? How do you plan to share more about Bridge to your audience or community?<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-Tell_us_about_your_organization_or_business_and_how_you_will_promote_Bridge' class='sld_field-label'>\n            <textarea  name='Tell_us_about_your_organization_or_business_and_how_you_will_promote_Bridge' id='Tell_us_about_your_organization_or_business_and_how_you_will_promote_Bridge' class='regular-text' placeholder='' required maxlength=\"1024\"><\/textarea>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper Tell_us_about_your_audience_social_followers_website_visitors_community_of_customers_etc_'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title '>\n                            Tell us about your audience (social followers, website visitors, community of customers, etc.).\n                            \n                    <\/div>\n            <p class='description sld_field-description'>What demographics do you know about your audience? What type of customers do you attract? Do you have a specific focus or niche? Please share with us. We would love to learn more about your organization or business!<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-Tell_us_about_your_audience_social_followers_website_visitors_community_of_customers_etc_' class='sld_field-label'>\n            <textarea  name='Tell_us_about_your_audience_social_followers_website_visitors_community_of_customers_etc_' id='Tell_us_about_your_audience_social_followers_website_visitors_community_of_customers_etc_' class='regular-text' placeholder=''  maxlength=\"1024\"><\/textarea>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper How_many_followers_do_you_have_Or_what_is_your_average_monthly_website_traffic'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title '>\n                            How many followers do you have? Or, what is your average monthly website traffic?\n                            \n                    <\/div>\n            <p class='description sld_field-description'>We are interested in understanding the reach of your organization or business where you will be promoting Bridge and our courses.<\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-How_many_followers_do_you_have_Or_what_is_your_average_monthly_website_traffic' class='sld_field-label'>\n            <textarea  name='How_many_followers_do_you_have_Or_what_is_your_average_monthly_website_traffic' id='How_many_followers_do_you_have_Or_what_is_your_average_monthly_website_traffic' class='regular-text' placeholder=''  maxlength=\"1024\"><\/textarea>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper How_did_you_hear_about_Bridge'>\n    <div class='sld_field-left'>\n            <div class='sld_field-title '>\n                            How did you hear about Bridge?\n                            \n                    <\/div>\n            <p class='description sld_field-description'><\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='label-How_did_you_hear_about_Bridge' class='sld_field-label'>\n            <textarea  name='How_did_you_hear_about_Bridge' id='How_did_you_hear_about_Bridge' class='regular-text' placeholder=''  maxlength=\"1024\"><\/textarea>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <div class='sld-ap-form_group'>\n<div class='sld_field-wrapper is_accept_affiliate_policy'>\n    <div class='sld_field-left'>\n            \n            <p class='description sld_field-description'><a href=\"https:\/\/bridge.edu\/tefl\/storefront\/terms-of-use\/\" target=\"_blank\">Agree to our Terms and Conditions<\/a><\/p>\n    <\/div>\n    <div class='sld_field-input'>\n        <label for='is_accept_affiliate_policy' class='sld-ap-form_checkbox'>\n            <input  type='checkbox' name='is_accept_affiliate_policy' id='is_accept_affiliate_policy' class='regular-text' required   \/>\n        <\/label>\n    <\/div>\n<\/div>\n<\/div> <input type='hidden' id='affiliate_group_id' name='affiliate_group_id' value=''><\/div>                                        <input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"8a0366dce1\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/tefl\/storefront\/wp-json\/wp\/v2\/pages\/874\" \/>                    <input type=\"submit\" name=\"submit_affiliate_registration\" id=\"submit_affiliate_registration\" class=\"sld-ap-form_submit\" value=\"Register as Bridge Affiliate\">\n                <\/form>\n\n            <\/div>\n\n            \n        <\/div>\n\n\n        \n        <style>\n            :root {\n\n                --sld-ap-font-family: -apple-system, BlinkMacSystemFont, \" var\", \"Segoe UI\", Helvetica, \"Apple Color Emoji\", Arial, sans-serif, \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n\n                \/* Light Theme Variables *\/\n                --sld-ap-background: #fff;\n                --sld-ap-shading: #fafafa;\n                --sld-ap-primary-color: #000;\n                --sld-ap-secondary-color: #727272;\n                --sld-ap-accent-color: #000;\n                --sld-ap-border-color: #DADCE0;\n                --sld-ap-error-color: #D8000C;\n                --sld-ap-success-color: #4CAF50;\n                --sld-ap-info-color: #4a51c1;\n\n                \/* Spacing Variables *\/\n                --sld-ap-spacing-xs: 5px;\n                --sld-ap-spacing-sm: 10px;\n                --sld-ap-spacing-md: 20px;\n                --sld-ap-spacing-lg: 30px;\n\n                \/* Border Radius *\/\n                --sld-ap-border-radius-sm: 5px;\n                --sld-ap-border-radius-md: 8px;\n                --sld-ap-border-radius-lg: 12px;\n\n                \/* Font Sizes *\/\n                --sld-ap-font-size-xs: 12px;\n                --sld-ap-font-size-sm: 14px;\n                --sld-ap-font-size-md: 16px;\n                --sld-ap-font-size-lg: 20px;\n                --sld-ap-font-size-xl: 22px;\n\n                \/* Font Weights *\/\n                --sld-ap-font-weight-normal: 400;\n                --sld-ap-font-weight-medium: 500;\n\n                \/* Shadow *\/\n                --sld-ap-shadow-sm: 0 2px 2px 0 rgb(0 0 0 \/ 0.08);\n                --sld-ap-shadow-md: 0 2px 4px 0 rgb(0 0 0 \/ 0.08);\n\n\n                \/* Dark Theme Variables *\/\n                --sld-ap-dark-background: #121212;\n                --sld-ap-dark-shading: #1E1E1E;\n                --sld-ap-dark-primary-color: #E0E0E0;\n                --sld-ap-dark-secondary-color: #A0A0A0;\n                --sld-ap-dark-accent-color: #6AB0FF;\n                --sld-ap-dark-border-color: #333333;\n                --sld-ap-dark-shadow-sm: 0 2px 2px 0 rgb(255 255 255 \/ 0.08);\n                \n            }\n\n            \/* Dark Mode Selector *\/\n            .dark-mode {\n                --sld-ap-background: var(--sld-ap-dark-background);\n                --sld-ap-shading: var(--sld-ap-dark-shading);\n                --sld-ap-primary-color: var(--sld-ap-dark-primary-color);\n                --sld-ap-secondary-color: var(--sld-ap-dark-secondary-color);\n                --sld-ap-accent-color: var(--sld-ap-dark-accent-color);\n                --sld-ap-border-color: var(--sld-ap-dark-border-color);\n                --sld-ap-shadow-sm: var(--sld-ap-dark-shadow-sm);\n            }\n\n            .sld-ap {\n                display: flex;\n                font-size: var(--sld-ap-font-size-md);\n                font-family: var(--sld-ap-font-family);\n                gap: var(--sld-ap-spacing-lg);\n                color: var(--sld-ap-primary-color);\n            }\n\n            \/* Hide the default checkbox *\/\n            .sld-ap input[type=\"checkbox\"] {\n                appearance: none;\n                -webkit-appearance: none;\n                -moz-appearance: none;\n                width: 20px;\n                height: 20px;\n                border: 2px solid var(--sld-ap-border-color);\n                border-radius: 4px;\n                background-color: #f0f0f0;\n                position: relative;\n                cursor: pointer;\n                transition: background-color 0.3s, border-color 0.3s;\n            }\n\n            \/* Checked state *\/\n            .sld-ap input[type=\"checkbox\"]:checked {\n                background-color: var(--sld-ap-accent-color);\n                border-color: var(--sld-ap-accent-color);\n            }\n\n            .sld-ap input[type=\"checkbox\"]:checked::after {\n                content: \"\";\n                position: absolute;\n                left: 5px;\n                top: 1px;\n                width: 3px;\n                height: 10px;\n                border: solid white;\n                border-width: 0 2px 2px 0;\n                transform: rotate(45deg);\n            }\n\n            \/* Hover state *\/\n            .sld-ap input[type=\"checkbox\"]:hover {\n                border-color: var(--sld-ap-border-color);\n            }\n\n            \/* Active state *\/\n            .sld-ap input[type=\"checkbox\"]:active {\n                background-color: var(--sld-ap-border-color);\n            }\n\n\n            \/* Hide the default radio button *\/\n            .sld-ap input[type=\"radio\"] {\n                appearance: none;\n                -webkit-appearance: none;\n                -moz-appearance: none;\n                width: 20px;\n                height: 20px;\n                border: 2px solid var(--sld-ap-border-color);\n                border-radius: 50%;\n                background-color: #f0f0f0;\n                position: relative;\n                vertical-align: middle;\n                cursor: pointer;\n                transition: background-color 0.3s, border-color 0.3s;\n            }\n\n            \/* Checked state for radio button *\/\n            .sld-ap input[type=\"radio\"]:checked {\n                background-color: var(--sld-ap-accent-color);\n                ;\n                border-color: var(--sld-ap-accent-color);\n                ;\n            }\n\n            \/* Inner circle when checked *\/\n            .sld-ap input[type=\"radio\"]:checked::after {\n                content: \"\";\n                position: absolute;\n                top: 4px;\n                left: 4px;\n                width: 8px;\n                height: 8px;\n                background-color: white;\n                border-radius: 10px;\n            }\n\n            \/* Hover state *\/\n            .sld-ap input[type=\"radio\"]:hover {\n                border-color: var(--sld-ap-border-color);\n            }\n\n            \/* Active state *\/\n            .sld-ap input[type=\"radio\"]:active {\n                background-color: var(--sld-ap-border-color);\n            }\n\n\n\n            .sld-ap textarea {\n                font-family: var(--family-sans-serif);\n            }\n\n            .sld-ap fieldset {\n                all: unset;\n                border: none;\n                padding: 0;\n                margin: 0;\n                background: transparent;\n            }\n\n            .sld-ap fieldset.fieldset-radio label,\n            .sld-ap fieldset.fieldset-checkbox label {\n                font-size: var(--sld-ap-font-size-sm);\n                color: var(--sld-ap-primary-color);\n            }\n\n            .sld-ap h2 {\n                font-family: var(--sld-ap-font-family);\n                font-size: var(--sld-ap-font-size-xl);\n                margin: var(--sld-ap-spacing-xs) 0;\n                font-weight: var(--sld-ap-font-weight-normal);\n                color: var(--sld-ap-primary-color);\n            }\n\n            .sld-ap p.sld-ap-form-lead {\n                margin: 0 var(--sld-ap-spacing-md) var(--sld-ap-spacing-lg) 0;\n                font-size: var(--sld-ap-font-size-sm);\n                color: var(--sld-ap-secondary-color);\n\n            }\n\n            .sld-col-1 {\n                flex-shrink: 0;\n                flex-basis: 60%;\n            }\n\n            .sld-col-1:last-child {\n                flex-shrink: 0;\n                flex-basis: fit-content;\n            }\n\n            @media only screen and (max-width: 800px) {\n                .sld-ap {\n                    flex-direction: column;\n                }\n            }\n\n            .sld-ap-form {\n                display: flex;\n                flex-direction: column;\n            }\n\n            .sld-ap-form_box {\n                padding: var(--sld-ap-spacing-lg);\n                width: 100%;\n                border: 1px solid var(--sld-ap-border-color);\n                border-radius: var(--sld-ap-border-radius-lg);\n                background-color: var(--sld-ap-background);\n                box-shadow:var(--sld-ap-shadow-md);\n                box-sizing: border-box;\n            }\n\n            .sld_field-wrapper {\n                display: flex;\n                flex-direction: column;\n                gap: var(--sld-ap-spacing-sm);\n                justify-content: space-between;\n            }\n\n            .sld_field-left {\n                display: flex;\n                flex-direction: column;\n            }\n\n            .sld_field-input {\n                min-width: 40%;\n                justify-content: flex-end;\n                display: flex;\n            }\n\n            .sld_field-input fieldset {\n                display: flex;\n                flex-direction: row;\n                flex-wrap: wrap;\n                gap: var(--sld-ap-spacing-sm);\n            }\n\n            .sld_field-wrapper.multi-checkbox {\n                flex-direction: column;\n                align-items: stretch;\n                gap: var(--sld-ap-spacing-md);\n            }\n\n            .sld_field-wrapper.multi-checkbox .sld_field-label {\n                display: flex;\n                gap: var(--sld-ap-spacing-md);\n                flex-wrap: wrap;\n            }\n\n            .sld_field-wrapper.multi-checkbox .sld_field-input .sld-ap-form_checkbox {\n                display: flex;\n                flex-direction: row;\n                gap: var(--sld-ap-spacing-sm);\n            }\n\n            .sld_field-wrapper.multi-checkbox .sld_field-input {\n                justify-content: flex-start;\n            }\n\n            .sld_field-wrapper.multi-checkbox .multi-checkbox-option {\n                display: flex;\n                flex-direction: row;\n                gap: var(--sld-ap-spacing-xs);\n                align-items: center;\n                font-size: var(--sld-ap-font-size-xs);\n            }\n\n            label.sld_field-label {\n                width: 100%;\n            }\n\n            .sld_field-title {\n                font-size: var(--sld-ap-font-size-sm);\n                font-weight: var(--sld-ap-font-weight-medium);\n                color: var(--sld-ap-primary-color);\n            }\n\n            .sld_field-description {\n                font-size: var(--sld-ap-font-size-xs);\n                margin: 0;\n                color: var(--sld-ap-secondary-color);\n            }\n\n            .sld-ap-form_group {\n                width: 100%;\n            }\n\n            .sld-ap-form_group>label {\n                margin: var(--sld-ap-spacing-xs) 0;\n                font-size: var(--sld-ap-font-size-sm);\n                display: flex;\n                flex-direction: column;\n            }\n\n            .sld-ap-form_group>label input,\n            .sld-ap-form_group>label textarea,\n            .sld-ap-form_group>label select {\n                width: 100%;\n            }\n\n            .sld-ap-form_group input:not([type='checkbox']):not([type='radio']),\n            .sld-ap-form_group textarea,\n            .sld-ap-form_group select {\n                border: 1px solid var(--sld-ap-border-color);\n                padding: var(--sld-ap-spacing-sm);\n                border-radius: var(--sld-ap-border-radius-md);\n                background: var(--sld-ap-shading);\n                color: var(--sld-ap-primary-color);\n                box-shadow: var(--sld-ap-shadow-sm);\n                width: 100%;\n                box-sizing: border-box;\n            }\n\n            label.sld_field-label input[type='radio'] {\n                width: 25px;\n                border-radius: 50%;\n                display: inline-block;\n            }\n\n            .sld-ap-form_checkbox a {\n                color: var(--sld-ap-accent-color);\n            }\n\n            .sld-ap-form_submit {\n                background: var(--sld-ap-accent-color);\n                font-size: var(--sld-ap-font-size-sm);\n                color: #fff;\n                padding: var(--sld-ap-spacing-md) var(--sld-ap-spacing-lg);\n                margin-top: var(--sld-ap-spacing-md);\n                border: none !important;\n                border-radius: var(--sld-ap-border-radius-lg);\n            }\n\n            input#submit_solid_affiliate_login {\n                background: var(--sld-ap-accent-color);\n                font-size: var(--sld-ap-font-size-sm);\n                color: #fff;\n                padding: var(--sld-ap-spacing-md) var(--sld-ap-spacing-lg);\n                border: none !important;\n                border-radius: var(--sld-ap-border-radius-lg);\n            }\n\n            .sld-ap-form_group input:focus,\n            .sld-ap-form_group input:focus-within,\n            .sld-ap-form_group input:focus-visible {\n                border: 2px solid var(--sld-ap-accent-color);\n                outline: none !important;\n                background: var(--sld-ap-background);\n            }\n\n            .sld-ap-form_tip {\n                font-size: var(--sld-ap-font-size-xs);\n                color: var(--sld-ap-primary-color);\n            }\n\n            .sld-ap-form_notice {\n                display: flex;\n                gap: var(--sld-ap-spacing-xs);\n                background-color: var(--sld-ap-background);\n                margin: var(--sld-ap-spacing-md) 0;\n                border: 1px solid var(--sld-ap-border-color);\n                color: var(--sld-ap-primary-color);\n                line-height: 1.2;\n                font-size: var(--sld-ap-font-size-sm);\n                border-radius: var(--sld-ap-border-radius-sm);\n                padding: var(--sld-ap-spacing-sm);\n                align-items: center;\n            }\n            .sld-ap-form_notice_icon {\n                display:flex;\n                align-items: center;\n            }\n            .sld-ap-form_notice_icon svg {\n                stroke: var(--sld-ap-secondary-color);\n                width: auto;\n                height: 24px;\n            }\n\n            .sld-ap-form.registration>div {\n                display: flex;\n                flex-direction: column;\n                gap: var(--sld-ap-spacing-lg);\n            }\n\n            .sld-ap-form_notice.error svg {\n                stroke: var(--sld-ap-error-color);\n            }\n\n            .sld-ap-form_notice.error {\n                color: var(--sld-ap-error-color);\n                background: rgba(var(--sld-ap-error-color), 0.1);\n            }\n\n            .sld-ap-form_notice.success svg {\n                stroke: var(--sld-ap-success-color);\n            }\n\n            .sld-ap-form_notice.success {\n                color: var(--sld-ap-success-color);\n                background: rgba(var(--sld-ap-success-color), 0.1);\n            }\n\n            .sld-ap-form_notice.info svg {\n                stroke: var(--sld-ap-info-color);\n            }\n\n            .sld-ap-form_notice.info {\n                color: var(--sld-ap-info-color);\n                background: rgba(var(--sld-ap-info-color), 0.1);\n            }\n\n            .sld-ap-form_group a.forgot-pass {\n                font-size: var(--sld-ap-font-size-xs);\n                color: var(--sld-ap-accent-color);\n            }\n\n            .sld-tooltip>svg {\n                max-width: 15px;\n            }\n\n            label[for=\"is_accept_affiliate_policy\"] p.sld_field-description {\n                display: inline-block;\n            }\n\n            .sld_field-wrapper.is_accept_affiliate_policy {\n                flex-direction: row-reverse;\n                align-items: center;\n                gap: var(--sld-ap-spacing-xs);\n            }\n\n            .sld_field-wrapper.is_accept_affiliate_policy .sld_field-left {\n                flex-grow: 1;\n            }\n\n            .sld_field-wrapper.is_accept_affiliate_policy .sld_field-left a {\n                font-size: var(--sld-ap-font-size-sm);\n            }\n\n            .sld_field-wrapper.is_accept_affiliate_policy .sld_field-input {\n                flex-shrink: 1;\n                min-width: auto;\n\n            }\n\n            #is_accept_affiliate_policy+p::before {\n                content: '* ';\n                color: var(--sld-ap-error-color);\n            }\n\n            .sld-ap-login-component {\n                height: fit-content;\n            }\n\n            .sld-ap-form_error {\n                color: var(--sld-ap-error-color);\n                font-size: var(--sld-ap-font-size-xs);\n                margin: var(--sld-ap-spacing-xs) 0;\n            }\n\n            .powered-by {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  border: 1px solid #ccc; \/* Customize border color *\/\n  padding: 10px; \/* Adjust padding as needed *\/\n  gap: 8px; \/* Space between text and image *\/\n  font-family: Arial, sans-serif; \/* Optional: Choose your font *\/\n  font-size: 14px; \/* Optional: Adjust font size *\/\n}\n\n.powered-by img {\n  height: 20px; \/* Adjust logo size as needed *\/}\n\n  #solid-affiliate-affiliate-portal_login-form {\ndisplay:flex;\nflex-direction:column;\ngap:var(--sld-ap-spacing-md);\n  }\n\n        <\/style>\n\n        <script>\n            \/\/ make an ajax request to generate a new nonce and then replace the value of the nonce field in the form\n            jQuery(document).ready(function($) {\n                var data = {\n                    'action': 'sld_affiliate_generate_login_nonce',\n                };\n\n                $.post(window.SolidAffiliate.ajaxurl, data, function(response) {\n                    if (response.success) {\n                        $('#solid-affiliate-affiliate-portal_login-form #_wpnonce').val(response.data);\n                    }\n                });\n            });\n        <\/script>\n\n        <div class=\"sld-col-2 sld-ap-form_box sld-ap-login-component\">\n            \n            <h2 style=\"margin: 0 var(--sld-ap-spacing-md) var(--sld-ap-spacing-lg) 0;\">Login as Bridge Affiliate<\/h2>\n            <form action=\"\" method=\"post\" class=\"sld-ap-form\" id=\"solid-affiliate-affiliate-portal_login-form\">\n                <div class=\"sld-ap-form_group\">\n                    <label class=\"sld_field-title\" for=\"user_email-1\">Account email<\/label>\n                    <input type=\"email\" id=\"sld-ap-login-email\" name=\"user_email\" required>\n                <\/div>\n                <div class=\"sld-ap-form_group\">\n                    <label class=\"sld_field-title\" for=\"user_pass-1\">Password<\/label>\n                    <input type=\"password\" id=\"sld-ap-login-pass\" name=\"user_pass\" required>\n                    <a href=\"https:\/\/bridge.edu\/tefl\/storefront\/my-account\/lost-password\/\" class=\"forgot-pass\">Forgot your password?<\/a>\n                <\/div>\n                <input type=\"hidden\" name=\"field_id\" value=\"0\">\n\n                <input type=\"hidden\" id=\"_wpnonce\" name=\"_wpnonce\" value=\"52f8516901\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/tefl\/storefront\/wp-json\/wp\/v2\/pages\/874\" \/>                <!-- TODO: Was there a reason that 'id' was set to the string that $submit_action is, but does not use the $submit_action variable? -->\n                <input type=\"submit\" name=\"submit_solid_affiliate_login\" id=\"submit_solid_affiliate_login\" class=\"sld-ap-form_login\" value=\"Login as Bridge Affiliate\">\n            <\/form>\n        <\/div>\n\n    <\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-874","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Bridge Affiliate Portal - Bridge<\/title>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Bridge Affiliate Portal - Bridge\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bridge.edu\/tefl\/storefront\/affiliates\/\" \/>\n<meta property=\"og:site_name\" content=\"Bridge\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-12T16:35:56+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bridge.edu\/tefl\/storefront\/affiliates\/\",\"url\":\"https:\/\/bridge.edu\/tefl\/storefront\/affiliates\/\",\"name\":\"Bridge Affiliate Portal - Bridge\",\"isPartOf\":{\"@id\":\"https:\/\/bridge.edu\/tefl\/storefront\/#website\"},\"datePublished\":\"2023-11-06T20:25:56+00:00\",\"dateModified\":\"2024-03-12T16:35:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/bridge.edu\/tefl\/storefront\/affiliates\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bridge.edu\/tefl\/storefront\/affiliates\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bridge.edu\/tefl\/storefront\/affiliates\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/bridge.edu\/tefl\/storefront\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Bridge Affiliate Portal\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bridge.edu\/tefl\/storefront\/#website\",\"url\":\"https:\/\/bridge.edu\/tefl\/storefront\/\",\"name\":\"Bridge Store\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bridge.edu\/tefl\/storefront\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bridge Affiliate Portal - Bridge","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"Bridge Affiliate Portal - Bridge","og_url":"https:\/\/bridge.edu\/tefl\/storefront\/affiliates\/","og_site_name":"Bridge","article_modified_time":"2024-03-12T16:35:56+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bridge.edu\/tefl\/storefront\/affiliates\/","url":"https:\/\/bridge.edu\/tefl\/storefront\/affiliates\/","name":"Bridge Affiliate Portal - Bridge","isPartOf":{"@id":"https:\/\/bridge.edu\/tefl\/storefront\/#website"},"datePublished":"2023-11-06T20:25:56+00:00","dateModified":"2024-03-12T16:35:56+00:00","breadcrumb":{"@id":"https:\/\/bridge.edu\/tefl\/storefront\/affiliates\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bridge.edu\/tefl\/storefront\/affiliates\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bridge.edu\/tefl\/storefront\/affiliates\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bridge.edu\/tefl\/storefront\/"},{"@type":"ListItem","position":2,"name":"Bridge Affiliate Portal"}]},{"@type":"WebSite","@id":"https:\/\/bridge.edu\/tefl\/storefront\/#website","url":"https:\/\/bridge.edu\/tefl\/storefront\/","name":"Bridge Store","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bridge.edu\/tefl\/storefront\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/bridge.edu\/tefl\/storefront\/wp-json\/wp\/v2\/pages\/874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bridge.edu\/tefl\/storefront\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bridge.edu\/tefl\/storefront\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bridge.edu\/tefl\/storefront\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bridge.edu\/tefl\/storefront\/wp-json\/wp\/v2\/comments?post=874"}],"version-history":[{"count":1,"href":"https:\/\/bridge.edu\/tefl\/storefront\/wp-json\/wp\/v2\/pages\/874\/revisions"}],"predecessor-version":[{"id":2688,"href":"https:\/\/bridge.edu\/tefl\/storefront\/wp-json\/wp\/v2\/pages\/874\/revisions\/2688"}],"wp:attachment":[{"href":"https:\/\/bridge.edu\/tefl\/storefront\/wp-json\/wp\/v2\/media?parent=874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}