class PageNotifier {

    static swalConfirm;

    static swalConfirmInfo;

    static swalConfirmWarning;

    static swalConfirmDanger;

    static sessionNotify(message, type) {
        PageNotifier.notify({
            type: type,
            message: message,
            htmlMode: true
        })
    }

    static sessionNotifyWithTitle(message, title, type) {
        PageNotifier.notify({
            type: type,
            title: title,
            message: message,
        })
    }

    static notify(data) {
        if (data.errors ?? false) {
            for (const [key, value] of Object.entries(data.errors)) {
                document.querySelector(`input[name=${key}]`)?.classList?.add('is-invalid');
            }

            data.type = 'danger';
        }

        if (data.title ?? false) {
            data.htmlMode = true;
            data.message = `<strong>${data.title}</strong><br />${data.message}`;
        }

        if (data.message) {
            // https://github.com/dominique-mueller/notification-js
            notification.notify(data.type, data.message, {
                notification: {
                    position: data.position ?? ['right', 'top'],
                },
                behaviour: {
                    htmlMode: data.htmlMode ?? false,
                    autoHide: 3,
                    visible: false,
                    onMouseover: false
                },
                callbacks: {
                    onClosed: () => {
                        if (data.reloadAfter ?? false) {
                            document.location.reload()
                        }
                    }
                }
            })
        }
    }

    /**
     * @param {string} message
     * @param {string} title
     * @param {string|null} confirmHTML
     * @param {string|null} cancelHTML
     * @return {Promise}
     */
    static confirmDangerousAction(title, message, confirmHTML = null, cancelHTML = null) {
        if (confirmHTML === null) {
            confirmHTML = '<i class="fa fa-check"></i> ' + __('buttons.action.confirm');
        }
        if (cancelHTML === null) {
            cancelHTML = '<i class="fa fa-times"></i> ' + __('buttons.action.cancel')
        }

        return PageNotifier.swalConfirmDanger.fire({
            title: `<span class="text-danger font-bolder">${title}</span>`,
            html: message,
            showCancelButton: true,
            confirmButtonText: confirmHTML,
            cancelButtonText: cancelHTML,
        }).then(result => result.isConfirmed);
    }

    /**
     * @param {string} message
     * @param {string} title
     * @param {string|null} confirmHTML
     * @param {string|null} cancelHTML
     * @return {Promise}
     */
    static confirm(title, message, confirmHTML = null, cancelHTML = null) {
        if (confirmHTML === null) {
            confirmHTML = '<i class="fa fa-check"></i> ' + __('buttons.action.confirm');
        }
        if (cancelHTML === null) {
            cancelHTML = '<i class="fa fa-times"></i> ' + __('buttons.action.cancel')
        }

        return PageNotifier.swalConfirm.fire({
            title: `<span class="text-danger font-bolder">${title}</span>`,
            html: message,
            showCancelButton: true,
            confirmButtonText: confirmHTML,
            cancelButtonText: cancelHTML,
        }).then(result => result.isConfirmed);
    }

    /**
     * @param {string} message
     * @param {string} title
     * @return {Promise}
     */
    static throwInfo(title, message) {
        return PageNotifier.swalConfirmInfo.fire({
            title: title,
            html: message,
            width: 600,
        })
    }

    /**
     * @param {string} title
     * @param {string} message
     * @return {Promise}
     */
    static throwWarning(title, message) {
        return PageNotifier.swalConfirmWarning.fire({
            title: `<span class="font-bolder" style="color: orange">${title}</span>`,
            html: message,
        })
    }

    /**
     * @param {string} title
     * @param {string} message
     * @return {Promise}
     */
    static throwError(title, message) {
        return PageNotifier.swalConfirmDanger.fire({
            title: `<span class="text-danger font-bolder">${title}</span>`,
            html: message,
        })
    }
}


PageNotifier.swalConfirm = Swal.mixin({
    customClass: {
        confirmButton: 'btn btn-sm btn-success',
        cancelButton: 'btn btn-sm btn-secondary'
    },
    buttonsStyling: false,
    reverseButtons: true,
});

PageNotifier.swalConfirmInfo = Swal.mixin({
    customClass: {
        confirmButton: 'btn btn-sm btn-warning',
        cancelButton: 'btn btn-sm btn-primary'
    },
    buttonsStyling: false,
    reverseButtons: true,
});

PageNotifier.swalConfirmWarning = Swal.mixin({
    customClass: {
        confirmButton: 'btn btn-sm btn-warning',
        cancelButton: 'btn btn-sm btn-primary'
    },
    buttonsStyling: false,
    reverseButtons: true,
});

PageNotifier.swalConfirmDanger = Swal.mixin({
    customClass: {
        confirmButton: 'btn btn-sm btn-danger',
        cancelButton: 'btn btn-sm btn-secondary'
    },
    buttonsStyling: false,
    reverseButtons: true,
});

['success', 'warning', 'error', 'default', 'info'].forEach(
    profile => {
        notification.configProfile(profile, {
            notification: {
                position: ['right', 'top'],
                roundCorners: [5, 5, 5, 5],
            },
            behaviour: {
                autoHide: 3
            },
            dismiss: {
                visible: false
            },
        })
    }
)

notification.configProfile('info', {
    symbol: {
        visible: true,
        resource: '<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 192 512">' +
            '<!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->' +
            '<path fill="white" stroke-width="2" stroke-dasharray="17" d="M128 32V96H64V32h64zM16 160H32 96h16v16V448h64 16v32H176 16 0V448H16 80V192H32 16V160z"/></svg>'
    }
})

notification.configProfile('warning', {
    symbol: {
        visible: true,
        resource: '<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 64 512">' +
            '<!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->' +
            '<path fill="white" stroke-width="2" stroke-dasharray="17" d="M40 40c0-4.4-3.6-8-8-8s-8 3.6-8 8V368c0 4.4 3.6 8 8 8s8-3.6 8-8V40zM32 464a16 16 0 1 0 0-32 16 16 0 1 0 0 32z"/></svg>'
    }
})

notification.addProfile('danger', {
    notification: {
        position: ['right', 'top'],
        color: '#B9493E'
    },
    dismiss: {
        visible: false
    },
    symbol: {
        visible: true,
        resource: '<svg viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg">' +
            '<line x1="6" y1="6" x2="18" y2="18" stroke="#FFF" stroke-width="2" stroke-dasharray="17" />' +
            '<line x1="6" y1="18" x2="18" y2="6" stroke="#FFF" stroke-width="2" stroke-dasharray="17" />' +
            '</svg>'
    }
})