{% extends "freeform/_layouts/settings" %}
{% import "_includes/forms" as forms %}

{% set title = "Email Marketing"|t("freeform") %}

{% set saveShortcutRedirect = 'freeform/settings/mailing-lists/{id}' %}
{% set fullPageForm = true %}

{% block actionButton %}
    <div class="buttons">
        <div class="btngroup submit">
            <input type="submit" class="btn submit" value="{{ 'Save'|t('freeform') }}">

            <div class="btn submit menubtn"></div>
            <div class="menu">
                <ul>
                    <li>
                        <a class="formsubmit" data-redirect="{{ continueEditingUrl }}">
                            {{ "Save and continue editing"|t('freeform') }}
                            <span class="shortcut">⌘S</span>
                        </a>
                    </li>
                    <li>
                        <a class="formsubmit" data-redirect="{{ url('freeform/settings/mailing-lists/new')|hash }}">
                            {{ "Save and add another"|t('freeform') }}
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
{% endblock %}


{% block content %}

    <div id="integration-type" data-type="mailing-lists">
        <input type="hidden" name="action" value="freeform/mailing-lists/save">
        {{ redirectInput('freeform/settings/mailing-lists') }}
        {% if integration.handle %}
            <input type="hidden" name="id" value="{{ integration.id }}">
        {% endif %}
        {{ csrfInput() }}

        {{ forms.selectField({
            first: true,
            label: "Service Provider"|t('freeform'),
            id: 'class',
            name: 'class',
            options: serviceProviderTypes,
            value: integration.class,
            errors: integration.getErrors('class'),
            required: true
        }) }}

        {{ forms.textField({
            label: "Name"|t('freeform'),
            instructions: "What this integration will be called in the CP."|t('freeform'),
            id: 'name',
            name: 'name',
            value: integration.name,
            errors: integration.getErrors('name'),
            autofocus: true,
            required: true
        }) }}

        {{ forms.textField({
            label: "Handle"|t('freeform'),
            instructions: "The unique name used to identify this integration."|t('freeform'),
            class: "code",
            id: 'handle',
            name: 'handle',
            value: integration.handle,
            errors: integration.getErrors('handle'),
            required: true
        }) }}

        <hr>

        {% if integration.id %}
            {% include "freeform/settings/components/auth-checker" with { integration: integration } %}
        {% elseif integration.errors('integration') %}
            <ul class="errors field">
                {% for error in integration.errors('integration') %}
                    <li>{{ error }}</li>
                {% endfor %}
            </ul>
        {% endif %}

        <div class="settingsWrapper">
            {% for className, settingList in settings %}
                <div id="settings-{{ className|replace("\\", "") }}" style="display: none;">

                    {% if readmes[className] %}
                        <div class="markdown-instructions markdown-body">
                            {{ readmes[className]|markdown }}
                        </div>
                    {% endif %}

                    {% for setting in settingList|filter(setting => setting.type not in ["internal", "config"]) %}
                        {% set value = "" %}
                        {% if integration.settings is not null and integration.settings[setting.handle] is defined %}
                            {% set value = integration.settings[setting.handle] %}
                        {% elseif setting.defaultValue %}
                            {% set value = setting.defaultValue %}
                        {% endif %}

                        {% set options = {
                            label: setting.label|t('freeform'),
                            instructions: setting.instructions|t('freeform'),
                            class: "setting-" ~ setting.handle,
                            name: "settings["~className~"]["~setting.handle~"]",
                            value: value,
                            required: setting.required,
                            errors: integration.errors(className~setting.handle),
                            suggestEnvVars: true,
                        } %}

                        {% if setting.type in ["text", "password"] %}
                            {{ forms.autosuggestField(options) }}
                        {% elseif setting.type == "auto" %}
                            {{ forms.textField(options|merge({ readonly: true })) }}
                        {% elseif setting.type == "bool" %}
                            {% set options = options|merge({on: value, value: 1}) %}
                            {{ forms.lightswitchField(options) }}
                        {% endif %}
                    {% endfor %}
                </div>
            {% endfor %}
        </div>
    </div>

{% endblock %}

{% js %}
    {% if not integration.handle %}new Craft.HandleGenerator('#name', '#handle');{% endif %}
{% endjs %}