(function ($, document) {

    var query = {

        StartIndex: 0,
        EnableFavoriteSorting: true
    };

    function getChannelsHtml(channels) {

        return LibraryBrowser.getListViewHtml({
            items: channels,
            smallIcon: true
        });
    }

    function renderChannels(page, viewPanel, result) {

        $('.listTopPaging', page).html(LibraryBrowser.getQueryPagingHtml({
            startIndex: query.StartIndex,
            limit: query.Limit,
            totalRecordCount: result.TotalRecordCount,
            viewButton: true,
            showLimit: false,
            viewPanelClass: 'channelViewPanel'

        })).trigger('create');

        updateFilterControls(viewPanel);

        var html = getChannelsHtml(result.Items);

        var elem = page.querySelector('#items');
        elem.innerHTML = html;
        ImageLoader.lazyChildren(elem);
        $(elem).trigger('create');

        $('.btnNextPage', page).on('click', function () {
            query.StartIndex += query.Limit;
            reloadItems(page, viewPanel);
        });

        $('.btnPreviousPage', page).on('click', function () {
            query.StartIndex -= query.Limit;
            reloadItems(page, viewPanel);
        });

        LibraryBrowser.saveQueryValues('movies', query);
    }
    
    function reloadItems(page, viewPanel) {

        Dashboard.showLoadingMsg();
        
        ApiClient.getLiveTvChannels(query).done(function (result) {

            renderChannels(page, viewPanel, result);

            Dashboard.hideLoadingMsg();

            LibraryBrowser.setLastRefreshed(page);
        });
    }

    function updateFilterControls(page) {

        $('#chkFavorite', page).checked(query.IsFavorite == true).checkboxradio('refresh');
        $('#chkLikes', page).checked(query.IsLiked == true).checkboxradio('refresh');
        $('#chkDislikes', page).checked(query.IsDisliked == true).checkboxradio('refresh');
        $('#selectPageSize', page).val(query.Limit);
    }

    window.LiveTvPage.initChannelsTab = function (page, tabContent) {

        var viewPanel = page.querySelector('.channelViewPanel');

        $('#chkFavorite', viewPanel).on('change', function () {

            query.StartIndex = 0;
            query.IsFavorite = this.checked ? true : null;

            reloadItems(tabContent, viewPanel);
        });


        $('#chkLikes', viewPanel).on('change', function () {

            query.StartIndex = 0;
            query.IsLiked = this.checked ? true : null;

            reloadItems(tabContent, viewPanel);
        });

        $('#chkDislikes', viewPanel).on('change', function () {

            query.StartIndex = 0;
            query.IsDisliked = this.checked ? true : null;

            reloadItems(tabContent, viewPanel);
        });

        $('#selectPageSize', viewPanel).on('change', function () {
            query.Limit = parseInt(this.value);
            query.StartIndex = 0;
            reloadItems(tabContent, viewPanel);
        });
    };

    window.LiveTvPage.renderChannelsTab = function (page, tabContent) {

        var viewPanel = page.querySelector('.channelViewPanel');

        if (LibraryBrowser.needsRefresh(tabContent)) {
            query.UserId = Dashboard.getCurrentUserId();
            LibraryBrowser.loadSavedQueryValues('movies', query);
            query.Limit = query.Limit || LibraryBrowser.getDefaultPageSize();
            reloadItems(tabContent, viewPanel);
            updateFilterControls(viewPanel);
        }
    };

})(jQuery, document);