import events from 'jellyfin-apiclient';
import loading from '../components/loading/loading';
import globalize from '../scripts/globalize';

function onListingsSubmitted() {
    Dashboard.navigate('livetvstatus.html');
}

function init(page, type, providerId) {
    const url = 'components/tvproviders/' + type + '.js';

    import(url).then(({default: factory}) => {
        const instance = new factory(page, providerId, {});
        events.on(instance, 'submitted', onListingsSubmitted);
        instance.init();
    });
}

function loadTemplate(page, type, providerId) {
    import('./../components/tvproviders/' + type + '.template.html').then(({default: html}) => {
        page.querySelector('.providerTemplate').innerHTML = globalize.translateHtml(html);
        init(page, type, providerId);
    });
}

pageIdOn('pageshow', 'liveTvGuideProviderPage', function () {
    loading.show();
    const providerId = getParameterByName('id');
    loadTemplate(this, getParameterByName('type'), providerId);
});