/**
 * @module modules/dialog
 */

import type { IDialog } from 'jodit/types';
import { Dialog } from 'jodit/modules/dialog/dialog';
import { isFunction } from 'jodit/core/helpers/checker/is-function';
import { Button } from 'jodit/core/ui/button/button/button';

/**
 * Show `confirm` dialog. Work without Jodit object
 *
 * @param title - Title or callback
 * @param callback - callback. The first argument is the value entered
 * @example
 * ```javascript
 * Jodit.Confirm("Are you sure?", "Confirm Dialog", function (yes) {
 *     if (yes) {
 *         // do something
 *     }
 * });
 * ```
 */
export function Confirm(
	this: IDialog | unknown,
	msg: string,
	title: string | ((yes: boolean) => void) | undefined,
	callback?: (yes: boolean) => void | false
): IDialog {
	const dialog = this instanceof Dialog ? this : new Dialog(),
		$div: HTMLDivElement = dialog.c.fromHTML(
			'<form class="jodit-dialog_prompt"></form>'
		) as HTMLDivElement,
		$label: HTMLLabelElement = dialog.c.element('label');

	if (isFunction(title)) {
		callback = title;
		title = undefined;
	}

	$label.appendChild(dialog.c.fromHTML(msg));
	$div.appendChild($label);

	const action = (yes: boolean) => () => {
		if (!callback || callback(yes) !== false) {
			dialog.close();
		}
	};

	const $cancel = Button(dialog, 'cancel', 'Cancel');
	const $ok = Button(dialog, 'ok', 'Yes');

	$cancel.onAction(action(false));

	$ok.onAction(action(true));

	dialog.e.on($div, 'submit', () => {
		action(true)();
		return false;
	});

	dialog.setFooter([$ok, $cancel]);

	dialog.open($div, (title as string) || '&nbsp;', true, true);
	$ok.focus();

	return dialog;
}