// SweetAlert
import type { SweetAlertOptions, SweetAlertResult } from "sweetalert2";
import Swal from "sweetalert2";

import * as trans from "../modules/trans";

export default {
    methods: {
        confirm(
            title: string,
            text: string = "",
            self: Object,
            after: (response: SweetAlertResult<any>) => void = () => {},
            options: SweetAlertOptions = {},
            html: Boolean = false
        ) {
            if (!self) {
                throw Error("self is needed to set \"this\" on callback");
            }
            if (!after) {
                throw Error("callback is needed when using confirm");
            }

            const icon = options.icon ?? "warning";

            // define options to fire
            const saOptions = {
                title: title,
                color: getComputedStyle(document.body).getPropertyValue("--bs-body-color"),
                icon: icon,
                showCancelButton: true,
                confirmButtonText:
                    options.confirmButtonText ??
                    trans.default.methods.__("Oui"),
                cancelButtonText:
                    options.cancelButtonText ??
                    trans.default.methods.__("Annuler"),
                reverseButtons: true,
                // * Bootstrap Styling
                customClass: {
                    confirmButton: "btn btn-primary mx-1",
                    cancelButton: "btn btn-danger mx-1",
                },
                buttonsStyling: false,
                background: getComputedStyle(document.body).getPropertyValue("--bs-body-bg"),
            };

            // Enable HTML content interpretation in the modal options
            let message = {};
            if (html) {
                message = {html: text};
            } else {
                message = { text: text };
            }
            const fullOptions = {...saOptions, ...message};

            Swal.fire(fullOptions).then((result) => {
                if (result.isConfirmed) {
                    if (after) {
                        after.apply(self, [result]);
                    }
                } else if (
                    /* Read more about handling dismissals below */
                    result.dismiss === Swal.DismissReason.cancel
                ) {
                    Swal.fire({
                        title: trans.default.methods.__(
                            "L'opération n'as pas été effectuée"
                        ),
                        color: getComputedStyle(document.body).getPropertyValue("--bs-body-color"),
                        confirmButtonText: trans.default.methods.__("Ok"),
                        // * Bootstrap Styling
                        customClass: {
                            confirmButton: "btn btn-primary",
                        },
                        buttonsStyling: false,
                        background: getComputedStyle(document.body).getPropertyValue("--bs-body-bg"),
                    });
                }
            });
            return false;
        },
        alert(
            title: string,
            text: string = "",
            self: HTMLElement | null = null,
            after: ((response: SweetAlertResult<any>) => void) | null = null,
            options: SweetAlertOptions = {}
        ) {
            const icon = options.icon ?? "info";
            Swal.fire({
                title: title,
                text: text,
                color: getComputedStyle(document.body).getPropertyValue("--bs-body-color"),
                icon: icon,
                // * Bootstrap Styling
                customClass: {
                    confirmButton: "btn btn-lg btn-primary",
                },
                buttonsStyling: false,
                background: getComputedStyle(document.body).getPropertyValue("--bs-body-bg"),
            }).then((result) => {
                if (after) {
                    if (self) {
                        after.apply(self, [result]);
                    } else {
                        after(result);
                    }
                }
            });
            return false;
        },
    },
};