{% extends "wagtailadmin/base.html" %}
{% load i18n %}
{% load l10n %}
{% load wagtailadmin_tags wagtailimages_tags static %}
{% block titletag %}{% blocktrans with title=page.get_admin_display_title %}Hello{{ title }}
{% endblocktrans %}{% endblock %}

{% block extra_css %}
    {{ block.super }}
    {{ form_media.css }}
{% endblock %}

{% block content %}
    {% trans "Mailchimp Audience Integration" as header_str %}

    {% include "wagtailadmin/shared/header.html" with title=header_str icon="cog" %}

    <div class="nice-padding">

        {% if not has_form_fields %}
            <div class="help-block help-warning">
                <svg class="icon icon-warning icon" aria-hidden="true">
                    <use href="#icon-warning"></use>
                </svg>
                Page has no form fields. Please add form fields and try again.
            </div>
            {% if page_edit_url %}
                <div style="margin-bottom: 20px;">
                    <a href="{{ page_edit_url }}" class="button button-secondary">Add Form Fields</a>
                </div>
            {% endif %}
        {% else %}
            <h2 style="margin-bottom: 20px"> Match {{ audience.name }} Audience fields with {{ page.title }} form
                fields</h2>

            {% if page_edit_url %}
                <div style="margin-bottom: 20px;">

                    <a href="{{ page_edit_url }}" class="button button-secondary">Edit Form Fields</a>
                </div>
            {% endif %}

            <form method="POST" enctype="multipart/form-data">
                {% if form.non_field_errors %}
                    <div class="non-field_errors" style="margin-bottom: 20px">
                        {% include "wagtailadmin/shared/non_field_errors.html" with form=form %}
                    </div>
                {% endif %}
                <ul class="fields">
                    {% csrf_token %}
                    {% for field in form %}
                        {% if field.is_hidden %}
                            {{ field }}
                        {% else %}
                            {% include "wagtailadmin/shared/field_as_li.html" %}
                        {% endif %}
                    {% endfor %}
                    <li>
                        <button type="submit" class="button"> {% trans 'Save' %}</button>
                    </li>
                </ul>
            </form>



        {% endif %}


    </div>

{% endblock %}