define(['datetime', 'cardBuilder', 'imageLoader', 'apphost', 'loading', 'paper-icon-button-light', 'emby-button'], function (datetime, cardBuilder, imageLoader, appHost, loading) {
    'use strict';

    function renderTimers(context, timers) {
        var html = '';
        html += cardBuilder.getCardsHtml({
            items: timers,
            shape: 'auto',
            defaultShape: 'portrait',
            showTitle: true,
            cardLayout: false,
            preferThumb: 'auto',
            coverImage: true,
            overlayText: false,
            showSeriesTimerTime: true,
            showSeriesTimerChannel: true,
            centerText: true,
            overlayMoreButton: true,
            lines: 3
        });
        var elem = context.querySelector('#items');
        elem.innerHTML = html;
        imageLoader.lazyChildren(elem);
        loading.hide();
    }

    function reload(context, promise) {
        loading.show();
        promise.then(function (result) {
            renderTimers(context, result.Items);
        });
    }

    var query = {
        SortBy: 'SortName',
        SortOrder: 'Ascending'
    };
    return function (view, params, tabContent) {
        var timersPromise;
        var self = this;

        self.preRender = function () {
            timersPromise = ApiClient.getLiveTvSeriesTimers(query);
        };

        self.renderTab = function () {
            reload(tabContent, timersPromise);
        };
    };
});