/*
// Custom JS | written by https://github.com/wdzajicek
// © 2020 Kankakee Community College
// =================================================== */
import createAlertsHtml from './createAlertsHtml';
import cacheResponse from './cacheResponse';
import getCachedResponse from './getCachedResponse';
import checkForPrefersReducedMotion from './checkForPrefersReducedMotion';

const EMERGENCY_ALERT_DIV_ID = 'emergencyAlerts'
const SHEET_PARAMS = {
  spreadsheetId: '1plXBiZY5pVbhNT-mszxEuqCl4zy8wMnz9gXXbbT_yLs',
  range: 'Alerts'
};  // Configures the Object used for `sheets.spreadsheets.values.get()` parameters
const API_PARAMS = { // This is configuration for API call with spreadsheets that are setup as readonly
  'apiKey': 'AIzaSyCEBsbXfFcdbkASlg-PodD1rT_Fe3Nw62A',
  'discoveryDocs': ['https://www.googleapis.com/discovery/v1/apis/sheets/v4/rest']
};
const pageHasAccordionOrTabs = (document.querySelector('#accordion') || document.querySelector('.navTabs')) ? true : false;

async function loadModule(module) {
  const { default: module_func } = await import(`./${module}`);

  return module_func();
}

export default function alerts(Collapse) {
  checkForPrefersReducedMotion();

  if (!document.getElementById(EMERGENCY_ALERT_DIV_ID)) {
    // return pageHasAccordionOrTabs ? loadModule('contentHashLink') : null;
    if (pageHasAccordionOrTabs) {
      return import('./contentHashLink').then(({default: contentHashLink}) => contentHashLink(Collapse));
    }
  }

  new Promise((resolve, reject) => { // First build the alert, whether by cache or API call

    if (window.sessionStorage.getItem('Alert-Content')) { // If cache exists there will be an `Alert-Content` key in `sessionStorage` (which gets set in `./cacheResponse.js`)
      getCachedResponse();
      return resolve()
    } else {
      gapi.load('client', () => {
        gapi.client.init(API_PARAMS).then(() => {
          return gapi.client.sheets.spreadsheets.values.get(SHEET_PARAMS);
        }).then(response => {
          createAlertsHtml(response) // Promise is resolved after HTML alert is built
          return response;
        }).then(response => {
          cacheResponse(response);
          resolve();
        }, err => {
          console.error("Error trying to fetch the alert from gapi:", err);
        })
      });
    }
  }).then(() => {
    window.setTimeout(() => {
      if (pageHasAccordionOrTabs) {
        import('./contentHashLink').then(({default: contentHashLink}) => contentHashLink(Collapse));
      }
    }, 100)
  }) // Run accordion/tab JS, which includes a `scrollTo()`, after alert has painted
    .then(() => {
      if (!document.getElementById('syncAlert'))
        return;

      return loadModule('refreshAlertButton')
    }) // Allow user to refresh the alert (and check for changes/updates)
}