/* eslint-disable indent */

import dom from '../scripts/dom';
import { appRouter } from './appRouter';
import { ConnectionManager } from 'jellyfin-apiclient';

    function onGroupedCardClick(e, card) {
        const itemId = card.getAttribute('data-id');
        const serverId = card.getAttribute('data-serverid');
        const apiClient = window.ConnectionManager.getApiClient(serverId);
        const userId = apiClient.getCurrentUserId();
        const playedIndicator = card.querySelector('.playedIndicator');
        const playedIndicatorHtml = playedIndicator ? playedIndicator.innerHTML : null;
        const options = {
            Limit: parseInt(playedIndicatorHtml || '10'),
            Fields: 'PrimaryImageAspectRatio,DateCreated',
            ParentId: itemId,
            GroupItems: false
        };
        const actionableParent = dom.parentWithTag(e.target, ['A', 'BUTTON', 'INPUT']);

        if (!actionableParent || actionableParent.classList.contains('cardContent')) {
            apiClient.getJSON(apiClient.getUrl('Users/' + userId + '/Items/Latest', options)).then(function (items) {
                if (items.length === 1) {
                    return void appRouter.showItem(items[0]);
                }

                const url = 'details?id=' + itemId + '&serverId=' + serverId;
                Dashboard.navigate(url);
            });
            e.stopPropagation();
            e.preventDefault();
            return false;
        }
    }

    export default function onItemsContainerClick(e) {
        const groupedCard = dom.parentWithClass(e.target, 'groupedCard');

        if (groupedCard) {
            onGroupedCardClick(e, groupedCard);
        }
    }

/* eslint-enable indent */