/* global combo */
// noinspection JSUnresolvedVariable

window.addEventListener("DOMContentLoaded", function () {


        document.querySelectorAll(".combo-backlink-item").forEach((metadataControlItem) => {

            metadataControlItem.addEventListener("click", async function (event) {
                event.preventDefault();

                let pageId = JSINFO.id;
                let modalBacklinkId = combo.toHtmlId(`combo-backlink-${pageId}`);
                let backlinkModal = combo.getOrCreateModal(modalBacklinkId)

                /**
                 * Creating the form
                 */
                let qualityCall = "combo-backlink";
                let html = await combo
                    .createDokuRequest(qualityCall)
                    .setProperty("id", pageId)
                    .getText();
                html = `<p>List of pages that link back to the page (${pageId}).</p>${html}`;

                let dokuWikiBacklinkButton = document.createElement("a");
                dokuWikiBacklinkButton.classList.add("btn", "btn-secondary")
                dokuWikiBacklinkButton.setAttribute("role", "button")
                dokuWikiBacklinkButton.setAttribute("title", "Go to the original backlinks page")
                dokuWikiBacklinkButton.innerHTML = "Original Backlinks Page";
                dokuWikiBacklinkButton.setAttribute("href", JSINFO["whref"] + "?do=backlink")

                /**
                 * The modal
                 */
                backlinkModal
                    .resetIfBuild()
                    .setHeader(`Backlinks for the page (${pageId})`)
                    .addBody(html)
                    .addFooterButton(dokuWikiBacklinkButton)
                    .addFooterCloseButton()
                    .show();
            });

        });
    }
);