define(["jQuery", "loading", "fnchecked", "emby-button"], function ($, loading) {
    "use strict";

    function loadPage(page, config) {
        $(".liveTvSettingsForm", page).show();
        $(".noLiveTvServices", page).hide();
        $("#selectGuideDays", page).val(config.GuideDays || "");
        $("#txtPrePaddingMinutes", page).val(config.PrePaddingSeconds / 60);
        $("#txtPostPaddingMinutes", page).val(config.PostPaddingSeconds / 60);
        page.querySelector("#txtRecordingPath").value = config.RecordingPath || "";
        page.querySelector("#txtMovieRecordingPath").value = config.MovieRecordingPath || "";
        page.querySelector("#txtSeriesRecordingPath").value = config.SeriesRecordingPath || "";
        page.querySelector("#txtPostProcessor").value = config.RecordingPostProcessor || "";
        page.querySelector("#txtPostProcessorArguments").value = config.RecordingPostProcessorArguments || "";
        loading.hide();
    }

    function onSubmit() {
        loading.show();
        var form = this;
        ApiClient.getNamedConfiguration("livetv").then(function (config) {
            config.GuideDays = $("#selectGuideDays", form).val() || null;
            var recordingPath = form.querySelector("#txtRecordingPath").value || null;
            var movieRecordingPath = form.querySelector("#txtMovieRecordingPath").value || null;
            var seriesRecordingPath = form.querySelector("#txtSeriesRecordingPath").value || null;
            var recordingPathChanged = recordingPath != config.RecordingPath || movieRecordingPath != config.MovieRecordingPath || seriesRecordingPath != config.SeriesRecordingPath;
            config.RecordingPath = recordingPath;
            config.MovieRecordingPath = movieRecordingPath;
            config.SeriesRecordingPath = seriesRecordingPath;
            config.RecordingEncodingFormat = "mkv";
            config.PrePaddingSeconds = 60 * $("#txtPrePaddingMinutes", form).val();
            config.PostPaddingSeconds = 60 * $("#txtPostPaddingMinutes", form).val();
            config.RecordingPostProcessor = $("#txtPostProcessor", form).val();
            config.RecordingPostProcessorArguments = $("#txtPostProcessorArguments", form).val();
            ApiClient.updateNamedConfiguration("livetv", config).then(function () {
                Dashboard.processServerConfigurationUpdateResult();
                showSaveMessage(recordingPathChanged);
            });
        });
        return false;
    }

    function showSaveMessage(recordingPathChanged) {
        var msg = "";

        if (recordingPathChanged) {
            msg += Globalize.translate("RecordingPathChangeMessage");
        }

        if (msg) {
            require(["alert"], function (alert) {
                alert(msg);
            });
        }
    }

    $(document).on("pageinit", "#liveTvSettingsPage", function () {
        var page = this;
        $(".liveTvSettingsForm").off("submit", onSubmit).on("submit", onSubmit);
        $("#btnSelectRecordingPath", page).on("click.selectDirectory", function () {
            require(["directorybrowser"], function (directoryBrowser) {
                var picker = new directoryBrowser();
                picker.show({
                    callback: function (path) {
                        if (path) {
                            $("#txtRecordingPath", page).val(path);
                        }

                        picker.close();
                    },
                    validateWriteable: true
                });
            });
        });
        $("#btnSelectMovieRecordingPath", page).on("click.selectDirectory", function () {
            require(["directorybrowser"], function (directoryBrowser) {
                var picker = new directoryBrowser();
                picker.show({
                    callback: function (path) {
                        if (path) {
                            $("#txtMovieRecordingPath", page).val(path);
                        }

                        picker.close();
                    },
                    validateWriteable: true
                });
            });
        });
        $("#btnSelectSeriesRecordingPath", page).on("click.selectDirectory", function () {
            require(["directorybrowser"], function (directoryBrowser) {
                var picker = new directoryBrowser();
                picker.show({
                    callback: function (path) {
                        if (path) {
                            $("#txtSeriesRecordingPath", page).val(path);
                        }

                        picker.close();
                    },
                    validateWriteable: true
                });
            });
        });
        $("#btnSelectPostProcessorPath", page).on("click.selectDirectory", function () {
            require(["directorybrowser"], function (directoryBrowser) {
                var picker = new directoryBrowser();
                picker.show({
                    includeFiles: true,
                    callback: function (path) {
                        if (path) {
                            $("#txtPostProcessor", page).val(path);
                        }

                        picker.close();
                    }
                });
            });
        });
    }).on("pageshow", "#liveTvSettingsPage", function () {
        loading.show();
        var page = this;
        ApiClient.getNamedConfiguration("livetv").then(function (config) {
            loadPage(page, config);
        });
    });
});