{#

Element ID: Element19
Element Name: Form to Mailchimp

#}

<section class="bg-form {{ element.not_first_section ? "bg-form-shape" : "" }}">
    <div class="container {{ element.not_first_section ? "not-first" : "" }}" style="background-image: url({{ element.background_image }})" >
        <div class="bg-form__content {{ element.not_first_section ? "bg-form__content-not-first" : element.smaller_gap ? "bg-form__content-smaller" : "" }}">
            <div class="bg-form__header text-align-center">
                <h3 class="h2 text-uppercase text-align-center">{{ element.contact_form_title }}</h3>
                <p>{{ element.contact_form_description }}</p>
            </div>
            <div class="bg-form__form form--light">
                {% if element.use_cf7 %}
                    {{ function('do_shortcode', '[contact-form-7 id="' ~ element.form ~ '"]') }}
                {% else %}
                    <form id="{{ element.send_to_api ? "sendToApi" : "" }}" action="{{ element.send_to_api ? "" : "https://hockeycoachvision.us10.list-manage.com/subscribe/post" }}" method="POST" target="{{ element.send_to_api ? "" : "_blank" }}">
                        {% if element.send_to_api %}
                            <input type="hidden" name="portal" value="{{ element.portalid }}">
                        {% else %}
                            <input type="hidden" name="u" value="04b15b723f0751bd48a905581">
                            <input type="hidden" name="id" value="ca223583aa">
                            <input type="hidden" name="MERGE19" id="MERGE19" value="{{ element.current_url }}">
                        {% endif %}
                        {% if element.form_fields %}
                            {% for field in element.form_fields %}
                                {% if loop.index0 % 2 == 0 %}
                                    <div class="row" >
                                {% endif %}
                                <div class="form-group">
                                    <label for="{{ element.send_to_api ? field.api_id : field.mailchimp_id }}">{{ field.field_label }}</label>
                                    {% if field.field_type == "textarea" %}
                                    <textarea rows="4"></textarea>
                                    {% else %}
                                    <input type="{{ field.field_type }}" name="{{ element.send_to_api ? field.api_id : field.mailchimp_id }}" id="{{ element.send_to_api ? field.api_id : field.mailchimp_id }}" >
                                    {% endif %}
                                    <div style="" data-error-type="required" class="error-msg">#error message</div>
                                </div>
                                {% if loop.index0 % 2 != 0 or loop.index0 == element.form_fields|length - 1 %}
                                    </div>
                                {% endif %}
                            {% endfor %}
                        {% endif %}
                        {% if element.notice_text %}
                            <p class="bg-form__form-notice">{{ element.notice_text }}</p>
                        {% endif %}
                        <div class="bg-form__submit">
                            <input type="submit" value="{{ element.button_text }}" class="btn btn--primary">
                        </div>
                        {% if element.send_to_api %}
                            <h4 class="text-bold" id="apiResponse"></h4>
                        {% endif %}
                    </form>
                {% endif %}
            </div>
        </div>
    </div>
</section>