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

{% set saveShortcutRedirect = 'freeform/settings/payment-gateways/{id}' %}
{% set fullPageForm = true %}

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


{% block content %}

<div id="integration-type" data-type="payment-gateways">
    <input type="hidden" name="action" value="freeform/payment-gateways/save">
    {{ redirectInput('freeform/settings/payment-gateways') }}
    {% 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 class="settingsWrapper">
    <div style="display: none;"></div>
    {{ forms.textField({
      label: "Webhook URL"|t('freeform'),
      instructions: "Use this URL to set up webhooks inside your payment gateway dashboard."|t('freeform'),
      id: 'webhookUrl',
      name: 'webhookUrl',
      value: webhookUrl ? webhookUrl : "Save record to get a webhook URL",
      readonly: true
    })}}
  </div>

</div>

{% endblock %}

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