{# Modified https://github.com/verbb/formie/blob/craft-3/src/templates/_special/form-template/_includes/submit.html -#}


{% hook 'formie.buttons.before' %}

{% set nextPage = form.getNextPage(page) %}
{% set prevPage = form.getPreviousPage(page) %}

{% set containerAttributes = page.settings.getContainerAttributes() ?? {} %}
{% set inputAttributes = page.settings.getInputAttributes() ?? {} %}

{% set attributes = {
	class: [
		'fui-btn-container',
		"fui-btn-#{page.settings.buttonsPosition}",
		page.settings.cssClasses,
	],
} | merge(containerAttributes) %}

<div {{ attr(attributes) }}>
	{% hook 'formie.buttons.start' %}

	{#
		Next button goes first.
		https://stackoverflow.com/a/1963285
	#}

	{% set submitAttributes = {
		class: [
			'fui-btn',
			'fui-submit',
			nextPage ? 'fui-next',
		],
		type: 'submit',
		'data-field-conditions': page.settings.getConditionsJson(),
	} | merge(options.buttons.submit ?? {}) | merge(inputAttributes) %}

	<button {{ attr(submitAttributes) }}>
		{% hook 'formie.buttons.submit-start' %}

		{{ page.settings.submitButtonLabel | t }}

		{% hook 'formie.buttons.submit-end' %}
	</button>

	{% if page.settings.showBackButton and prevPage %}
		{% set prevAttributes = {
			class: [
				'fui-btn',
				'fui-prev',
			],
			type: 'submit',
			name: 'goingBack',
			onclick: 'this.form.goBack = true;',
		} | merge(options.buttons.prev ?? {}) | merge(inputAttributes) %}

		<button {{ attr(prevAttributes) }}>
			{% hook 'formie.buttons.prev-start' %}

			{{ page.settings.backButtonLabel | t }}

			{% hook 'formie.buttons.prev-end' %}
		</button>
	{% endif %}

	{% hook 'formie.buttons.end' %}
</div>

{% hook 'formie.buttons.after' %}