No notes defined.

<div data-uuid='impact_blueprint_cta_123123' class='c-mailing-list-form 
                    js-mailing-list-form--async
                '>
    <div id='impact_blueprint_cta_123123-mailing-list-response'></div>
    <form id='impact_blueprint_cta_123123-mailing-list-form' class='c-mailing-list-form__form'>
        <div id='impact_blueprint_cta_123123-mailing-list-form-contact' class='c-mailing-list-form__form__contact form-row'>
            <input type='hidden' name='mailing_list' value='impact-blueprint' />
            <div class='form-group'>
                <label for='email'>
                    <span class='form-field__label'>Email</span>
                    <input type='text' name='email' class='form-input form-input--email' type='email' placeholder='e.g. you@example.com' required='required' />
                </label>
                <button class='mailing-list-form__action' id='impact-blueprint-subscribe' name='impact-blueprint-subscribe'>Start the challenge</button>
            </div>
        </div>
        <div id='impact_blueprint_cta_123123-mailing-list-form-opt-in' class='c-mailing-list-form__form__opt-in form-group'>
            <p>Don't forget to join these lists:</p>

            <label><input class="c-mailing-list-form__form__opt-in form-input form-input--checkbox" name="opt_in[]" type="checkbox" value="program-start"> <span class='form-field__label'>Notify me when the Social Impact Award program opens again.
                </span></label>
            <label><input class="c-mailing-list-form__form__form-input form-input--checkbox" name="opt_in[]" type="checkbox" value="spark"> <span class='form-field__label'>Subscribe to Spark - our monthly newsletter.
                </span></label>
        </div>
        <div class='form-group'>
            <label><input class="form-input form-input--checkbox" name="acceptance" type="checkbox" value="Y" required='required'> <span class='form-field__label'>For information about our privacy practices and contact details, please review our privacy policy page.
                </span></label>
        </div>
    </form>
</div>
<div data-uuid='{{ mailingListUuid }}' class='{{ get_component_class( 'mailing-list-form', display ) }} 
        {% if async %}
            js-mailing-list-form--async
        {% endif %}
        '>
    <div id='{{ mailingListUuid }}-mailing-list-response'></div>
    <form id='{{ mailingListUuid }}-mailing-list-form' class='c-mailing-list-form__form'
            {% if formAction %}
                action='{{ formAction }}'
            {% endif %}
            {% if formMethod %}
                method='{{ formMethod }}'
            {% endif %}
            >
        <div id='{{ mailingListUuid }}-mailing-list-form-contact'  class='c-mailing-list-form__form__contact form-row'>
            <input type='hidden' name='mailing_list' value='{{ mailingList }}' />
            <div class='form-group'>
                <label for='email'>
                    <span class='form-field__label'>{{ 'Email'|t }}</span>
                    <input type='text' name='email' class='form-input form-input--email' type='email' placeholder='e.g. you@example.com' required='required' />
                </label>
                <button class='mailing-list-form__action' id='{{ mailingList }}-subscribe' name='{{ mailingList }}-subscribe'>{{ buttonLabel }}</button>
            </div>
        </div>
        {% if sparkListOptInText or program_startListOptInText %}
            <div id='{{ mailingListUuid }}-mailing-list-form-opt-in' class='c-mailing-list-form__form__opt-in form-group'>
                {% if optInText %}
                    <p>{{ optInText }}</p>
                {% endif %}

                {% if program_startListOptInText %}
                        <label><input class="c-mailing-list-form__form__opt-in form-input form-input--checkbox" name="opt_in[]" type="checkbox" value="program-start"> <span class='form-field__label'>{{ program_startListOptInText }}
                        </span></label>
                {% endif %}
                {% if sparkListOptInText %}
                        <label><input class="c-mailing-list-form__form__form-input form-input--checkbox" name="opt_in[]" type="checkbox" value="spark"> <span class='form-field__label'>{{ sparkListOptInText }}
                        </span></label>
                {% endif %}
            </div>
        {% endif %}
        {% if privacyNotice %}
            <div class='form-group'>
                <label><input class="form-input form-input--checkbox" name="acceptance" type="checkbox" value="Y" required='required'> <span class='form-field__label'>{{ privacyNotice }}
                    {% if policyLink %}
                        {% include '@base/link/link.twig' with policyLink|merge( { target: '_blank' }) %}
                    {% endif %}
                </span></label>
            </div>
        {% endif %}
    </form>
</div>
{
  "preview": {
    "inlineScript": " var impact_blueprint_cta_123123 = { consumer: \"mailing_list_form\", ajax_url: \"#\" } "
  },
  "mailingList": "impact-blueprint",
  "mailingListUuid": "impact_blueprint_cta_123123",
  "async": 1,
  "buttonLabel": "Start the challenge",
  "optInText": "Don't forget to join these lists:",
  "sparkListOptInText": "Subscribe to Spark - our monthly newsletter.",
  "program_startListOptInText": "Notify me when the Social Impact Award program opens again. ",
  "privacyNotice": "For information about our privacy practices and contact details, please review our privacy policy page."
}