(function () {


const props = window_api_data.page_fields;


function render_open_hours_popup (page_cont) {
  try {
    const open_hours_popup_dismissed_date = localStorage.getItem('open_hours_popup_dismissed_date');
    if (open_hours_popup_dismissed_date) {
      const days_since_dismissed_date = (Date.now() - open_hours_popup_dismissed_date) / 8.64e7;
      if (days_since_dismissed_date < 10) {
        return;
      }
    }
  } catch (e) {
    // Private mode set
  }


  const open_hours_popup = document.createElement('div');
  open_hours_popup.className = 'open_hours_popup selecta_p';
  open_hours_popup.innerText = 'The MCA is now open on Mondays and closed on Tuesdays.';

  page_cont.appendChild(open_hours_popup);

  const open_hours_popup_close = document.createElement('div');
  open_hours_popup_close.className = 'open_hours_popup_close';
  open_hours_popup.appendChild(open_hours_popup_close);
  open_hours_popup_close.addEventListener('click', function () {
    page_cont.removeChild(open_hours_popup);
    try {
      localStorage.setItem('open_hours_popup_dismissed_date', Date.now());
    } catch (e) {
      // Can't localstorage.setItem when private mode set
    }
  });
}


function render_worldpride_banner (page_cont) {
  const worldpride_banner = document.createElement('div');
  worldpride_banner.className = 'worldpride_banner';
  page_cont.appendChild(worldpride_banner);

  const banner_link = document.createElement('a');
  banner_link.className = 'banner_link';
  banner_link.href = '/sydney-worldpride-at-the-mca/'
  worldpride_banner.appendChild(banner_link);

  const banner_link_text = document.createElement('span');
  banner_link_text.className = 'banner_link_text';
  banner_link_text.innerText = 'Celebrate WorldPride at the MCA';
  banner_link.appendChild(banner_link_text);
}


function update_video_src (video) {
  if (window.innerWidth > 768) {
    // desktop
    if (!video.src || !video.using_desktop_url) {
      video.using_desktop_url = true;
      video.src = 'https://www.mca.com.au/files/documents/home_desktop.mp4#t=0.1';// ensure video.src ends with #t=0.1
    }
  }
  else {
    // mobile
    if (!video.src || video.using_desktop_url) {
      video.using_desktop_url = false;
      video.src = 'https://www.mca.com.au/files/documents/home_mobile.mp4#t=0.1';// ensure video.src ends with #t=0.1
    }
  }
}


function render_home_header (root_el) {
  const home_header = document.createElement('div');
  home_header.className = 'home_header selecta_h1';
  root_el.appendChild(home_header);

  const video = document.createElement('video');
  video.className = 'video';
  video.muted = true;
  video.defaultMuted = true;
  video.autoplay = false;
  video.loop = "loop";
  video.playsInline = true;
  update_video_src(video);
  home_header.appendChild(video);
  window.home_video = video;

  window.addEventListener('resize', () => update_video_src(video));

  video.addEventListener('loadeddata', function () {
    video.autoplay = true;
    video.play();
  });

  function touch_plays_video () {
    video.play();
    window.removeEventListener('touchstart', touch_plays_video);
  }
  window.addEventListener('touchstart', touch_plays_video);

  const lines_cont = document.createElement('div');
  lines_cont.className = 'lines_cont';
  home_header.appendChild(lines_cont);

  const line_0 = document.createElement('div');
  line_0.className = 'line line_a line_0';
  line_0.innerText = "Museum of";
  lines_cont.appendChild(line_0);

  const line_1 = document.createElement('div');
  line_1.className = 'line line_a line_1';
  line_1.innerText = "Contemporary";
  lines_cont.appendChild(line_1);

  const line_2 = document.createElement('div');
  line_2.className = 'line line_a line_2';
  line_2.innerText = "Art Australia";
  lines_cont.appendChild(line_2);


  const line_1_0 = document.createElement('div');
  line_1_0.className = 'line line_b line_0';
  line_1_0.innerText = "The";
  lines_cont.appendChild(line_1_0);

  const line_1_1 = document.createElement('div');
  line_1_1.className = 'line line_b line_1_b';
  line_1_1.innerText = "Art";
  lines_cont.appendChild(line_1_1);

  const line_1_2 = document.createElement('div');
  line_1_2.className = 'line line_b line_2_b';
  line_1_2.innerText = "of";
  lines_cont.appendChild(line_1_2);
  
  const line_1_3 = document.createElement('div');
  line_1_3.className = 'line line_b line_2';
  line_1_3.innerText = "Now";
  lines_cont.appendChild(line_1_3);


  const today_cont = document.createElement('div');
  today_cont.className = 'today_cont';
  home_header.appendChild(today_cont);

  const today_inner = document.createElement('div');
  today_inner.className = 'today_inner clearfix';
  today_cont.appendChild(today_inner);

  let hours_today;
  const hours = props.menu.planYourVisit.openHoursList;
  const date = new Date();
  hours_today = hours[date.getDay()];

  if (hours_today != 'Closed') {
    const today_col_1 = document.createElement('div');
    today_col_1.className = 'today_col selecta_h6';
    today_col_1.innerText = "Open today";
    today_inner.appendChild(today_col_1);
    
    const today_col_2 = document.createElement('div');
    today_col_2.className = 'today_col selecta_h6';
    today_col_2.innerText = hours_today;
    today_inner.appendChild(today_col_2);

    const today_col_3 = document.createElement('div');
    today_col_3.className = 'today_col selecta_h6';
    today_col_3.innerText = "Free entry";
    today_inner.appendChild(today_col_3);
  }
  else {
    const today_col_1 = document.createElement('div');
    today_col_1.className = 'today_col selecta_h6';
    today_col_1.innerText = "The Museum is closed today";
    today_inner.appendChild(today_col_1);
  }



    /*
  const INC = 500;
  setTimeout(function () { line_0.classList.add('showing'); }, INC*0);
  setTimeout(function () { line_1.classList.add('showing'); }, INC*1);
  setTimeout(function () { line_2.classList.add('showing'); }, INC*2);

  setTimeout(function () { line_0.classList.remove('showing'); }, INC*4);
  setTimeout(function () { line_1.classList.remove('showing'); }, INC*5);
  setTimeout(function () { line_2.classList.remove('showing'); }, INC*6);

  setTimeout(function () { line_1_0.classList.add('showing'); }, INC*8);
  setTimeout(function () { line_1_1.classList.add('showing'); }, INC*9);
  setTimeout(function () { line_1_2.classList.add('showing'); }, INC*10);
  */
}


function render_home_page (root_el) {
  const page_cont = document.createElement('div');
  root_el.appendChild(page_cont);

  const lightbox = new window.Lightbox(props.images);
  lightbox.render_lightbox({is_zoom_enabled: false});

  render_home_header(page_cont);

  window.render_streamfield(page_cont, props.body, lightbox.open_lightbox);

  /*
  // TODO: delete popup preview group
  if (!window_api_data.is_staff && !window_api_data.is_in_donate_popup_preview_group) {
    render_open_hours_popup(page_cont);
  }
  */

  //render_worldpride_banner(page_cont);
}


window.render_home_page = render_home_page;

})()