import { OptaSport } from '../shared/fixtures-ticker/OptaFixturesTicker';

export const isNationalCompetition = (
  competition: string,
  sport: OptaSport
) => {
  const nationalCompetitions = [
    '3', // UEFA European Championship Finals
    '235', // UEFA European Championship Qualifiers
    '941' // UEFA Nations League
  ];
  return sport === 'football' && nationalCompetitions.includes(competition);
};

export const replaceTeamDetails = (element: HTMLCollectionOf<Element>) => {
  let count = 0;
  const replaceDetails = setInterval(() => {
    // we're no longer able to use pub/sub method, due to limitations with Opta implementation, so loop with a max count of 25
    if (count >= 25) {
      clearInterval(replaceDetails);
    }
    count++;

    for (let optaFlagContainer of element) {
      const country = optaFlagContainer as HTMLElement;

      if (country) {
        const isGroupPlayoff =
          country.innerText.includes('Third Place') ||
          country.innerText.includes('Group');

        const replacements = [
          { pattern: /Quarter-Finalist/g, replacement: 'QF' },
          { pattern: /Semi-Finalist|Semi-Final/g, replacement: 'SF' },
          { pattern: /British & Irish Lions/g, replacement: 'The Lions' },
          {
            pattern: /First Nations & Pasifika XV/g,
            replacement: 'FN & Pasifika XV'
          }
        ];

        replacements.forEach(({ pattern, replacement }) => {
          country.innerText = isGroupPlayoff
            ? 'TBD'
            : country.innerText.replace(pattern, replacement);
        });
      }
    }
  }, 500);
};