define(['require', 'apphost', 'layoutManager', 'focusManager', 'globalize', 'loading', 'connectionManager', 'listViewStyle', 'emby-select', 'emby-checkbox'], function (require, appHost, layoutManager, focusManager, globalize, loading, connectionManager) {
    "use strict";

    function authorizeRequest(event) {
        let lookup = event.data.lookup;
        let url = ApiClient.getUrl("/QuickConnect/Authorize");
        ApiClient.ajax({
            type: "POST",
            url: url,
            data: {
                "Lookup": lookup
            }
        }, true);

        require(["toast"], function (toast) {
            toast("Request authorized");
        });

        // prevent bubbling
        return false;
    }

    QuickConnectSettings.prototype.list = function(argPage) {
        ApiClient.getJSON("/QuickConnect/List").then(json => {
            let found = false;
            var elem = argPage.querySelector('#quickConnectIncoming');
            elem.innerText = globalize.translate('QuickConnectNoPending');

            for (var i = 0; i < json.length; i++) {
                if (!found) {
                    elem.innerHTML = "";
                    found = true;
                }

                var current = json[i];

                let html = '<div class="listItem listItem-border" id="div' + current.Lookup + '"><div class="listItemBody three-line">';
                html += '<div class="listItemBodyText"><code style="font-size:large">' + current.Code + '</code></div>';
                html += '<div class="listItemBodyText secondary">' + current.FriendlyName + '</div>';
                html += '<div class="listItemBodyText secondary listItemBodyText-nowrap">';

                if (!current.Authenticated) {
                    html += '<a style="color:rgb(15,150,255)" href="#" id="qc' + current.Lookup + '">' + globalize.translate('Authorize') + '</a>';
                }

                html += '</div></div></div>';
                elem.innerHTML += html;

                $("#qc" + current.Lookup).click({ lookup: current.Lookup }, authorizeRequest);
                $("#div" + current.Lookup).click({ lookup: current.Lookup }, authorizeRequest);
            }

            return true;
        }).catch((e) => {
            console.error("Unable to get quick connect login requests. error:", e);
        });
    };

    QuickConnectSettings.prototype.activate = function() {
        var url = ApiClient.getUrl("/QuickConnect/Activate");
        ApiClient.ajax({
            type: "POST",
            url: url,
            contentType: "application/json",
            dataType: "json"
        }).then((json) => {
            let message = json.Error;

            if (message && message !== "") {
                console.error("Error activating quick connect. Error: ", json.Error);

                Dashboard.alert({
                    title: "Unable to activate quick connect",
                    message: message
                });

                return false;
            }

            require(["toast"], function (toast) {
                toast(globalize.translate("QuickConnectActivationSuccessful"));
            });

            return true;
        }).catch((e) => {
            console.error("Error activating quick connect. Error:", e);
            throw e;
        });
    };

    function QuickConnectSettings(options) {
        this.options = options;
    }

    QuickConnectSettings.prototype.loadData = function () {
        this.options.interval = setInterval(this.list, 5000, this.options.page);
        this.list(this.options.page);
    };

    QuickConnectSettings.prototype.submit = function () {
        return false;
    };

    QuickConnectSettings.prototype.destroy = function () {
        console.debug("clearing refresh interval", this.options.interval);
        clearInterval(this.options.interval);
        this.options = null;
    };

    QuickConnectSettings.prototype.interval = function (interval) {
        this.options.interval = interval;
    };

    return QuickConnectSettings;
});