{% extends "commerce/_layouts/cp" %} {% set crumbs = [ { label: "Commerce Settings"|t('commerce'), url: url('commerce/settings') }, { label: "Gateways"|t('commerce'), url: url('commerce/settings/gateways') }, ] %} {% set selectedSubnavItem = 'settings' %} {% set fullPageForm = true %} {% import "_includes/forms" as forms %} {% block content %} {{ redirectInput('commerce/settings/gateways') }} {{ forms.textField({ label: 'Name'|t('commerce'), name: 'name', id: 'name', value : gateway.name, required: true, errors: gateway.getErrors('name'), }) }} {{ forms.textField({ label: 'Handle'|t('commerce'), name: 'handle', id: 'handle', value : gateway.handle, required: true, errors: gateway.getErrors('handle'), }) }} {% if gateway.supportsWebhooks() %} {{ forms.textField({ label: "Webhook URL", instructions: "The webhook URL for this gateway.", disabled: true, value: gateway.webhookUrl }) }} {% endif %}
{{ forms.selectField({ first: true, label: 'Gateway'|t('commerce'), warning: (gateway.id ? "Changing this value may affect your ability to refund existing transactions."|t), id: 'type', name: 'type', options : gatewayOptions, value : className(gateway), required: true, errors: gateway.getErrors('type') ?? null, toggle: true }) }} {% for gatewayType in gatewayTypes %} {% set isCurrent = (gatewayType == className(gateway)) %} {% endfor %}
{{ forms.lightswitchField({ label: "Enabled for customers to select during checkout?"|t('commerce'), name: 'isFrontendEnabled', on: gateway.isFrontendEnabled, errors: gateway.getErrors('isFrontendEnabled'), }) }} {% endblock %} {% js %} $(function() { $('#type').change(function() { $('.gateway-settings').hide().find('select, input, textarea').prop('disabled', true); if($(this).val()) { $('#gateway-' + $(this).val()).show().find('select, input, textarea').prop('disabled', false); } }).change(); }); {% endjs %} {% if gateway is not defined or not gateway.handle %} {% js %} new Craft.HandleGenerator('#name', '#handle'); {% endjs %} {% endif %}