define(["loading", "components/groupedcards", "cardBuilder", "apphost", "imageLoader"], function (loading, groupedcards, cardBuilder, appHost, imageLoader) {
    "use strict";

    function getLatestPromise(context, params) {
        loading.show();
        var userId = ApiClient.getCurrentUserId();
        var parentId = params.topParentId;
        var options = {
            IncludeItemTypes: "Episode",
            Limit: 30,
            Fields: "PrimaryImageAspectRatio,BasicSyncInfo",
            ParentId: parentId,
            ImageTypeLimit: 1,
            EnableImageTypes: "Primary,Backdrop,Thumb"
        };
        return ApiClient.getJSON(ApiClient.getUrl("Users/" + userId + "/Items/Latest", options));
    }

    function loadLatest(context, params, promise) {
        promise.then(function (items) {
            var html = "";
            appHost.supports("imageanalysis");
            html += cardBuilder.getCardsHtml({
                items: items,
                shape: "backdrop",
                preferThumb: true,
                showTitle: true,
                showSeriesYear: true,
                showParentTitle: true,
                overlayText: false,
                cardLayout: false,
                showUnplayedIndicator: false,
                showChildCountIndicator: true,
                centerText: true,
                lazy: true,
                overlayPlayButton: true,
                lines: 2
            });
            var elem = context.querySelector("#latestEpisodes");
            elem.innerHTML = html;
            imageLoader.lazyChildren(elem);
            loading.hide();
        });
    }

    return function (view, params, tabContent) {
        var self = this;
        var latestPromise;

        self.preRender = function () {
            latestPromise = getLatestPromise(view, params);
        };

        self.renderTab = function () {
            loadLatest(tabContent, params, latestPromise);
        };

        tabContent.querySelector("#latestEpisodes").addEventListener("click", groupedcards.onItemsContainerClick);
    };
});