import $ from 'jquery';
import { ajaxRemoveMessage, ajaxShowMessage } from '../ajax-message.ts';
import { CommonParams } from '../common.ts';
import { getSqlEditor } from '../functions.ts';
import { Navigation } from '../navigation.ts';
import getJsConfirmCommonParam from './getJsConfirmCommonParam.ts';

/**
 * @param {JQuery<HTMLElement>} $this
 */
export default function handleCreateViewModal ($this): void {
    let $msg = ajaxShowMessage();
    const sep = CommonParams.get('arg_separator');
    let params = getJsConfirmCommonParam(this, $this.getPostData());
    params += sep + 'ajax_dialog=1';
    $.post($this.attr('href'), params, function (data) {
        if (typeof data !== 'undefined' && data.success === true) {
            ajaxRemoveMessage($msg);
            $('#createViewModalGoButton').on('click', function () {
                if (typeof window.CodeMirror !== 'undefined') {
                    window.codeMirrorEditor.save();
                }

                $msg = ajaxShowMessage();
                $.post('index.php?route=/view/create', $('#createViewModal').find('form').serialize(), function (data) {
                    ajaxRemoveMessage($msg);
                    if (typeof data !== 'undefined' && data.success === true) {
                        $('#createViewModal').modal('hide');
                        $('.result_query').html(data.message);
                        Navigation.reload();
                    } else {
                        ajaxShowMessage(data.error);
                    }
                });
            });

            $('#createViewModal').find('.modal-body').first().html(data.message);
            // Attach syntax highlighted editor
            $('#createViewModal').on('shown.bs.modal', function () {
                window.codeMirrorEditor = getSqlEditor($('#createViewModal').find('textarea'));
                $('input:visible[type=text]', $('#createViewModal')).first().trigger('focus');
                $('#createViewModal').off('shown.bs.modal');
            });

            $('#createViewModal').modal('show');
        } else {
            ajaxShowMessage(data.error);
        }
    });
}