const getSubmitButton = ($form: JQuery): JQuery => {
	const $submitButton = $form
		.find('.gform_footer, .gform_page_footer, .gfield--type-submit')
		.find('input[type="submit"], input[type="button"]');

	/**
	 * Filter the submit button element that is used for enabling/disabling the button while Populate Anything is
	 * loading results.
	 *
	 * @param {JQuery} $submitButton The submit button element.
	 * @param {JQuery} $form         The form element.
	 *
	 * @since 1.2.55
	 */
	return window.gform.applyFilters(
		'gppa_submit_button',
		$submitButton,
		$form
	);
};

const toggleSubmitButton = ($form: JQuery, disabled: boolean): void => {
	/**
	 * Disable toggling of form navigation when data is loading.
	 *
	 * @param bool disabled Return true to disable form navigation toggling. Defaults to false.
	 */
	if (
		window.gform.applyFilters(
			'gppa_disable_form_navigation_toggling',
			false
		)
	) {
		return;
	}

	const formClass = 'gppa-navigation-disabled';

	// Disable form submission while XHRs are active
	if (disabled) {
		$form.addClass(formClass).on('submit.gppa', (e) => {
			e.preventDefault();
			return false;
		});
		getSubmitButton($form)
			.prop('disabled', true)
			.attr('inert', 'true')
			.css('pointer-events', 'none'); // Force unclickable.
	} else {
		$form.off('submit.gppa').removeClass(formClass);
		getSubmitButton($form)
			.prop('disabled', false)
			.removeAttr('inert')
			.css('pointer-events', ''); // Reset pointer events.
	}
};

// Ensure submit button is not disabled when gf_input_change is fired if form has 'gppa-navigation-disabled'.
window.gform.addAction('gform_input_change', (_elem: any, formId: any) => {
	const $form = jQuery(`#gform_${formId}`);
	if ($form.hasClass('gppa-navigation-disabled')) {
		disableSubmitButton($form);
	}
});

const disableSubmitButton = ($form: JQuery): void =>
	toggleSubmitButton($form, true);
const enableSubmitButton = ($form: JQuery): void =>
	toggleSubmitButton($form, false);

export { disableSubmitButton, enableSubmitButton };