import { ipcRenderer, shell } from 'electron';
import GameServer from './gameserver/server';
import { switchPage } from './customEvents';

import CheckNAcceptTOS from './gameserver/TOSCheck';
import { acceptLastTOS } from './gameserver/TOSCheck';

let GameServerList:GameServer[] = null;
let SelectedGameserver:GameServer = null;
const playBtn:HTMLButtonElement = document.getElementById('play') as (HTMLButtonElement);

const TOSDialog:HTMLDialogElement = document.getElementById('TOSDialog') as (HTMLDialogElement);

playBtn.addEventListener('click', async () => {
  if( await CheckNAcceptTOS(SelectedGameserver)){
    SelectedGameserver.play();
  } else {
    //Open Please accept TOS window
    TOSDialog.showModal();
  }
});
const TOSCancel:HTMLButtonElement = document.getElementById('TOSCancel') as (HTMLButtonElement);
TOSCancel.addEventListener('click', function() {
      TOSDialog.close();
});
const TOSOpen:HTMLButtonElement = document.getElementById('TOSOpen') as (HTMLButtonElement);
TOSOpen.addEventListener('click', function(e) {
  e.preventDefault();
  shell.openExternal(SelectedGameserver.TOSLink);
});
const TOSAccept:HTMLButtonElement = document.getElementById('TOSAccept') as (HTMLButtonElement);
TOSAccept.addEventListener('click', function() {
      acceptLastTOS(SelectedGameserver);
      SelectedGameserver.play();
      TOSDialog.close();
});

const sidebarReference = document.getElementById('sidebar');
let clickableMenueEntries:HTMLElement[]=[];
function updateView(){
  // This is for updating the ui to new data


  if(GameServerList){
    // Clear every thing out
    while (sidebarReference.firstChild) {
        sidebarReference.removeChild(sidebarReference.firstChild);
    }

    GameServerList.forEach((server)=>{
      sidebarReference.appendChild(server.getMenuEntry());
    });

    //Switch page according localstorage:
    if(GameServerList.length != 0){
      const selectedServer = localStorage.getItem("selected_server");
      if(selectedServer && selectedServer !==null ){
        if(GameServerList.filter((server)=>server.name==selectedServer).length == 0){
          localStorage.removeItem("selected_server");
          switchPage("SERVER", GameServerList[0].name, 'INFO');
        }else{
          switchPage("SERVER", selectedServer, 'INFO');
        }
      }else{
        //TODO ask if is on special page like global settings first
        switchPage("SERVER", GameServerList[0].name, 'INFO');
      }
    }
  }
}

const serverPage = document.getElementById('serverPage');
const switchPageEvent = document.createElement('span');
switchPageEvent.classList.add("switch-page-event");
switchPageEvent.addEventListener("site-changed", (event:CustomEvent)=>{
  if(event.detail.sitetype === "SERVER"){
    SelectedGameserver = GameServerList.filter((server)=>server.name==event.detail.page)[0];
    localStorage.setItem("selected_server", SelectedGameserver.name);

    while (serverPage.firstChild) {
        serverPage.removeChild(serverPage.firstChild);
    }
    let page = SelectedGameserver.pageController.getPage(event.detail.subPage);
    serverPage.appendChild(page);
    // page.classList.add('animated');
    // page.classList.add('fadeIn');
  }else{
    SelectedGameserver == null;

  }

  if(typeof(SelectedGameserver) === "undefined" || SelectedGameserver == null){
    // No gameserver selected
    playBtn.hidden = true;
  }else{
    // A gameserver is selected
    playBtn.innerText=`Play ${SelectedGameserver.menuName}`;
    playBtn.hidden = false;
  }
  setBackground();
});
document.getElementById("topbar").appendChild(switchPageEvent);

let peviousSelectedGameserver:any=null;
const contentBackground = document.getElementById('contentBackground');
function setBackground(){
  if(peviousSelectedGameserver !== SelectedGameserver){
    while (contentBackground.firstChild) {
        contentBackground.removeChild(contentBackground.firstChild);
    }
    if(typeof(SelectedGameserver) === "undefined" || SelectedGameserver == null){
      contentBackground.hidden=true;
      contentBackground.classList.add('hidden');
    }else{
      if(SelectedGameserver.backgrounds[0] && !SelectedGameserver.backgrounds[0].isVideo){
        const background1 = document.createElement('img');
        background1.src = `./media/server/${SelectedGameserver.backgrounds[0].file}`;
        contentBackground.appendChild(background1);
        background1.classList.add('animated');
        background1.classList.add('fadeIn');
      }
      contentBackground.appendChild(document.createElement('div'))
      contentBackground.hidden=false;
      contentBackground.classList.remove('hidden');
    }
  }
  peviousSelectedGameserver = SelectedGameserver;
}

ipcRenderer.on('status-update', (event:any, status:any) => {
  // Everything that isnt server view related is in index.ts
  playBtn.disabled = status.playing;
})




import { GameServers } from './gameserver/data';
GameServerList = GameServers;
updateView();