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

{% set saveShortcutRedirect = 'freeform/settings/crm/{id}' %}
{% set fullPageForm = true %}

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

{% 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|hash }}">
                            {{ "Save and continue editing"|t('freeform') }}
                            <span class="shortcut">⌘S</span>
                        </a>
                    </li>
                    <li>
                        <a class="formsubmit" data-redirect="{{ url('freeform/settings/crm/new')|hash }}">
                            {{ "Save and add another"|t('freeform') }}
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
{% endblock %}


{% block content %}

    {% if serviceProviderTypes|length == 0 %}

        <div>
            {{ "There are no CRM integrations currently installed. Please visit {link_open}Solspace Freeform marketplace{link_close} to purchase CRM integrations"|t('freeform', {
                link_open: '<a href="https://solspace.com/">',
                link_close: '</a>',
            })|raw }}
        </div>

    {% else %}

        <div id="integration-type" data-type="crm">
            <input type="hidden" name="action" value="freeform/crm/save">
            {{ redirectInput('freeform/settings/crm') }}
            {% if integration.id %}
                <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>

    {% endif %}

{% endblock %}

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