const puppeteer = require('puppeteer');
const { JSDOM } = require('jsdom');
const event_page = 'https://www.facebook.com/KulturVarsel/events';

// const event_page = 'https://www.facebook.com/pg/bandmaldito/events';
// const event_page = 'file:///home/zalox/src/kultar-events/index.chrome.html';

const upcoming_event_id = 'upcoming_events_card';
const upcoming_event_selector = `#upcoming_events_card > div > div:nth-child(2) > table > tbody > tr`;

const month_name_to_number = (month_name) => {
  switch (month_name.toUpperCase()) {
    case 'JAN':
      return 1;
    case 'FEB':
      return 2;
    case 'MAR':
      return 3;
    case 'APR':
      return 4;
    case 'MAY':
      return 5;
    case 'JUN':
      return 6;
    case 'JUL':
      return 7;
    case 'AUG':
      return 8;
    case 'SEP':
      return 9;
    case 'OCT':
      return 10;
    case 'NOV':
      return 10;
    case 'DEC':
      return 12;
  }
};

const parse_event_time = (event_time_text) => {
  const reversed_text = event_time_text.split('').reverse().join('');
  if (!(reversed_text.substr(2, 1) == '+')) {
    return null;
  }

  const timezone = reversed_text.substr(0, 6).split('').reverse().join('');
  const minutes = reversed_text.substr(7, 2).split('').reverse().join('');
  const hour = reversed_text.substr(10, 2).split('').reverse().join('').trim();
  return {
    tz: timezone,
    min: minutes,
    hour,
  };
};

const parse_ticket_location = (row) => {
  const host = row.children[2].firstChild.firstChild.firstChild.innerHTML;
  const location = row.children[2].firstChild.lastChild.innerHTML;
  return {
    host,
    location,
  };
};

const parse_event_date = (row) => {
  const date_column = row.firstChild.firstChild;
  const month_text = new String(date_column.firstChild.innerHTML);
  const month = new Number(month_name_to_number(month_text)) - 1;
  const day = new Number(date_column.lastChild.innerHTML);
  const event_time_text = row.children[1].lastChild.getElementsByTagName(
    'span',
  )[1].innerHTML;
  const event_time = parse_event_time(event_time_text);

  if (event_time === null) {
    return new Date(2020, month, day);
  }

  return new Date(2020, month, day, event_time.hour, event_time.min);
};

const parse_event_link = (row) => {
  const link_text = row.children[1].firstChild.getElementsByTagName('a')[0]
    .href;
  const event_id = link_text.split('/')[2];
  return event_id;
};

const parse_ticket_url = (row) => {
  const link_text = row.lastChild.firstChild.firstChild;

  if (link_text.children.length === 0) {
    return null;
  }

  const url = new URL(
    link_text.getElementsByTagName('a')[0].href,
  ).searchParams.get('u');

  return url;
};

const parse_event_name = (row) => {
  const event_name = row.children[1].firstChild.getElementsByTagName('span')[0]
    .innerHTML;
  return event_name.trim();
};

const load_page = async () => {
  try {
    const browser = await puppeteer.launch({ headless: true });

    const page = await browser.newPage();

    await page.goto(event_page);
    await page.waitForSelector(upcoming_event_selector);

    await page.evaluate(() => {
      window.scrollBy(0, window.innerHeight);
    });

    await page.waitFor(1000);

    let get_events = (upcoming_event_id) => {
      const upcoming_events_element = document.getElementById(
        upcoming_event_id,
      );

      if (upcoming_events_element === null) {
        throw new Error(`Element ${upcoming_event_id} was not found.`);
      }

      if (upcoming_events_element.firstChild === null) {
        throw new Error(
          `Element ${upcoming_event_id} firstChild was not found.`,
        );
      }

      if (upcoming_events_element.firstChild.children === null) {
        throw new Error(`Element ${upcoming_event_id} children not found.`);
      }

      return Array.from(upcoming_events_element.firstChild.children).map(
        (item) => item.innerHTML,
      );
    };

    const events = await page.evaluate(get_events, upcoming_event_id);

    const htmlToTableRowElement = (table) => {
      const { document } = new JSDOM(table).window;
      return Array.from(document.body.getElementsByTagName('tr'))[0];
    };

    const emptyArrays = (item) => item;

    const parseRowToEvents = (table_row) => {
      const date = parse_event_date(table_row);
      const name = parse_event_name(table_row);
      const event_id = parse_event_link(table_row);
      const ticket_url = parse_ticket_url(table_row);
      const location = parse_ticket_location(table_row);
      return {
        date,
        name,
        event_id,
        ticket_url,
        location,
      };
    };

    const parsed_events = events
      .map(htmlToTableRowElement)
      .filter(emptyArrays)
      .map(parseRowToEvents);
    console.log(JSON.stringify(parsed_events));
  } catch (e) {
    console.error(e);
  }
};

(async () => {
  await load_page();
  process.exit();
})();