define(["loading", "emby-checkbox", "emby-button", "emby-select"], function (loading) {
    "use strict";

    function save(page) {
        loading.show();
        var apiClient = ApiClient;
        var config = {};
        config.EnableRemoteAccess = page.querySelector("#chkRemoteAccess").checked;
        config.EnableAutomaticPortMapping = page.querySelector("#chkEnableUpnp").checked;
        apiClient.ajax({
            type: "POST",
            data: config,
            url: apiClient.getUrl("Startup/RemoteAccess")
        }).then(function () {
            loading.hide();
            navigateToNextPage();
        });
    }

    function navigateToNextPage() {
        Dashboard.navigate("wizardfinish.html");
    }

    function onSubmit(e) {
        save(this);
        e.preventDefault();
        return false;
    }

    return function (view, params) {
        view.querySelector(".wizardSettingsForm").addEventListener("submit", onSubmit);
        view.addEventListener("viewshow", function () {
            document.querySelector(".skinHeader").classList.add("noHomeButtonHeader");
        });
        view.addEventListener("viewhide", function () {
            document.querySelector(".skinHeader").classList.remove("noHomeButtonHeader");
        });
    };
});