{{
	form_start(form, {
    'action': path('foxorders_shop_payment_method_save' , { 'shop': shop.id, 'paymentMethod': paymentMethod.id ?? null }),
	'attr': {
		'id': 'kt_modal_' ~ form.vars.id ~ '_form' ,
		'class': 'kt-fx-form mx-auto px-15 w-100 py-10','novalidate':'novalidate'}
    })
}}
<div class="modal-body scroll-y modal-content-body">
	<div class="row">
		<div class="col-4 pt-2">
			<div id="imageFileField" class="image-file-input" onchange="loadImage(event)">
				{{ form.svgFile|form_image_row(paymentMethod.svg ?? null, payment_methods_images) }}
			</div>
		</div>
		{% if form.payemntMenthodConfig is defined %}
			{{ form.payemntMenthodConfig|form_row }}
		{% endif %}
		{% for data in form.gatewayConfig.config %}
			{% set isRestricted = paymentMethod.payemntMenthodConfig is not empty 
				and paymentMethod.payemntMenthodConfig.code == constant('App\\Entity\\Shop\\PaymentMethodInterface::CODE_NEPTING_RETAIL_CENTER')
				and data.vars.value.name == 'merchantId' 
				and not is_granted('ROLE_SUPPORT') %}

			<div class="form-group fv-row pb-3">
				<label class="fs-6 fw-bold mb-2">
					{{ data.vars.value.name | to_sentence }}
				</label>

				{% set attr = {'attr': {'maxlength': data.vars.value.length}} %}
				{% if isRestricted %}
					<small class="form-text text-muted">
						<i class="fas fa-lock"></i> {{ 'app.global.labels.protected_support_only'|trans }}
					</small>
					{% set attr = attr|merge({'disabled': true, 'attr': attr.attr|merge({'readonly': 'readonly'})}) %}
				{% endif %}
				{{ form_widget(form.gatewayConfig.config[loop.index0].value, attr) }}
			</div>
		{% endfor %}
		<div class="js-gateways-wrapper" id="configuration"></div>
		{{ form.shopModes|form_row }}
		{{ form.enabled|form_checkbox_row }}
	</div>
</div>
<div class="modal-footer modal-content-footer">
	{% include 'Includes/Form/form_button.html.twig' %}
</div>
{{ form_end(form) }}
<script type="text/javascript">
	var gatewayConfigLength = {{ form.gatewayConfig.config|length }};
</script>
<script src="{{ asset('foxorders/js/validation/rules/shop/payment-method.js') }}"></script>
<script src="{{ asset('foxorders/js/validation/form-validation.js') }}"></script>
<script src="{{ asset('foxorders/js/shop/payment-method/form.js') }}"></script>
<script src="{{ asset('foxorders/js/global/image-type-input.js') }}"></script>