const popupData = [


    {
        url: "/",
        type: "image",
        start: "7 April 2020 00:00:00 PDT",
        end: "8 April 2020 00:00:00 PDT",
        image: "//buffiniandcompany.com/assets/images/home/latest/ad_popup_2020_april_206_shawn_achor_listen_1200x628.jpg",
        link: "//www.thebrianbuffinishow.com/the-pursuit-of-happiness-in-uncertain-times-with-shawn-achor-206/",
        exact: true
    },

    {
        url: "/",
        type: "image",
        start: "8 April 2020 00:00:00 PDT",
        end: "8 April 2020 23:30:00 PDT",
        image: "//buffiniandcompany.com/assets/images/home/latest/ad_Popup_207_Shannon_McGhann_Date_1200x628.jpg",
        link: "//www.thebrianbuffinishow.com/realtors-make-a-stand-on-capitol-hill-an-interview-with-shannon-mcgahn-207/",
        exact: true
    },

    {
        url: "/",
        type: "image",
        start: "1 April 2020 00:00:00 PDT",
        end: "2 April 2020 00:00:00 PDT",
        image: "//buffiniandcompany.com/assets/images/home/latest/ad_Popup_vince_1200x628.jpg",
        link: "//www.thebrianbuffinishow.com/leading-in-a-crisis-an-interview-with-nar-president-vince-malta-205/",
        exact: true
    },

    {
        url: "/solutions/referral-maker-crm/",
        type: "image",
        start: "1 April 2020 00:00:00 PDT",
        end: "30 April 2020 00:00:00 PDT",
        image: "//buffiniandcompany.com/assets/images/home/latest/ad_popup_2020_jan_here_for_you_1200x628.jpg",
        link: "https://www.buffiniandcompany.com/solutions/hereforyou/",
        exact: true
    },

    {
        url: "/",
        type: "image",
        start: "13 March 2020 00:00:00 PDT",
        end: "16 March 2020 00:00:00 PDT",
        image:
            "//buffiniandcompany.com/assets/images/home/latest/ad_popup_March_2020_RMCRM_72hr_sale_1200x628.jpg",
        link: "https://www.buffiniandcompany.com/solutions/referral-maker-crm/?utm_source=bandc_pop_up&utm_medium=banner&utm_campaign=RMCRM_Sale_2020_03&utm_content=CRM_sale",
        exact: true
    },
    {
        url: "/",
        type: "image",
        start: "10 March 2020 00:00:00 PDT",
        end: "13 March 2020 00:00:00 PDT",
        image:
            "//buffiniandcompany.com/assets/images/home/latest/PRO-MarchSale_popup_01.jpg",
        link: "https://buffiniandcompany.com/solutions/referral-maker-pro/?utm_source=website&utm_medium=popup_banner&utm_campaign=pro_spring_sale",
        exact: true
    },
    {
        url: "/",
        type: "image",
        start: "3 February 2020 00:00:00 PDT",
        end: "8 February 2020 00:00:00 PDT",
        image:
            "//buffiniandcompany.com/assets/images/home/latest/ad_pop-up_2020_01_focus_1200x628.jpg",
        link: "https://buffiniandcompany.com/training/buffini-certified.aspx",
        exact: true
    },
    {
        url: "/",
        type: "image",
        start: "10 December 2019 00:00:00 PDT",
        end: "13 December 2019 00:00:00 PDT",
        image:
            "//buffiniandcompany.com/assets/images/home/latest/PRO&O2O_Sale_December_POPUP_02.jpg",
        link: "https://buffiniandcompany.com/coaching/one2one/",
        exact: true
    },
   
    {
        url: "/",
        type: "image",
        start: "19 November 2019 00:00:00 PDT",
        end: "22 November 2019 00:00:00 PDT",
        image:
            "//buffiniandcompany.com/assets/images/home/latest/PRO&O2O_72Hour_POPUP_1200x628_01.jpg",
        link: "https://buffiniandcompany.com/coaching/one2one/",
        exact: true
    },
    {
        url: "/",
        type: "image",
        start: "14 November 2019 00:00:00 PDT",
        end: "19 November 2019 00:00:00 PDT",
        image:
            "//buffiniandcompany.com/assets/images/home/latest/MasterClass_PopUp_Generic_1200x628_03.jpg",
        link: "https://buffiniandcompany.com/events/master-class/default.aspx",
        exact: true
    },
   
    {
        url: "/",
        type: "image",
        start: "1 November 2019 00:00:00 PDT",
        end: "13 November 2019 00:00:00 PDT",
        image:
            "//buffiniandcompany.com/assets/images/home/latest/MasterClass_PopUp_Generic_1200x628_03.jpg",
        link: "https://buffiniandcompany.com/events/master-class/default.aspx",
        exact: true
    },

    {
        url: "/",
        type: "image",
        start: "15 October 2019 00:00:00 PDT",
        end: "18 October 2019 00:00:00 PDT",
        image:
            "//buffiniandcompany.com/assets/images/home/latest/RMPRO_FallIntoSavings_POPUP_1200x628_01.jpg",
        link: "https://www.buffiniandcompany.com/solutions/referral-maker-pro/",
        exact: true
    },
   

    {
    url: "/",
    type: "image",
    start: "20 September 2019 00:00:00 PDT",
    end: "27 September 2019 00:00:00 PDT",
    image:
      "//buffiniandcompany.com/assets/images/home/latest/Bold_Predictions_PopUp_1200x628.jpg",
    link: "https://buffiniandcompany.com/products/bold-predictions/bold-predictions-2020.ASPX?utm_medium=site-banner&utm_source=buffini&utm_campaign=Bold2020&utm_content=2020",
    exact: true
  },
  {
    url: "/testpage.aspx",
    type: "image",
    start: "20 September 2019 00:00:00 PDT",
    end: "31 October 2019 00:00:00 PDT",
    image:
      "//buffiniandcompany.com/assets/images/home/latest/Bold_Predictions_PopUp_1200x628.jpg",
    link: "https://buffiniandcompany.com/products/bold-predictions/bold-predictions-2020.ASPX?utm_medium=site-banner&utm_source=buffini&utm_campaign=Bold2020&utm_content=2020",
    exact: true
  },
  {
    url: "/",
    type: "image",
    start: "17 September 2019 00:00:00 PDT",
    end: "20 September 2019 00:00:00 PDT",
    image:
      "//buffiniandcompany.com/assets/images/home/latest/ad-popup-sept19-O2O-72hr-sale-1200x628.jpg",
    link: "https://www.buffiniandcompany.com/coaching/one2one/",
    exact: true
  },
  {
    url: "/",
    type: "image",
    start: "9 September 2019 00:00:00 PDT",
    end: "17 September 2019 00:00:00 PDT",
    image:
      "//buffiniandcompany.com/assets/images/home/latest/MM2020_PopUpBanner_1200x620_01.png",
    link: "/events/mastermind-summit/default.aspx",
    exact: true
  },
  {
    url: "/",
    type: "image",
    start: "20 September 2019 00:00:00 PDT",
    end: "30 September 2019 00:00:00 PDT",
    image:
      "//buffiniandcompany.com/assets/images/home/latest/MM2020_PopUpBanner_1200x620_01.png",
    link: "/events/mastermind-summit/default.aspx",
    exact: true
  },
  {
    url: "/",
    type: "video",
    start: "25 July 2019 00:00:00 PDT",
    end: "31 July 2019 00:00:00 PDT",
    videoLink:
      "https://www.youtube.com/embed/_uboUPvwh0k",
    text: '"An Inspiring and Unforgettable Experience!"',
    subText: "AUGUST 4-6, 2019 | SAN DIEGO, CA",
    primaryButtonText: "Register Now",
    primaryButtonLink:
      "https://buffiniandcompany.com/cart/store-services.aspx?P=mastermind2019",
    secondaryButtonText: "Learn More",
    secondaryButtonLink:
      "https://buffiniandcompany.com/events/mastermind-summit/",
    exact: true
  },
  {
    url: "/default_dev.aspx",
    type: "video",
    start: "13 July 2019 00:00:00 PDT",
    end: "31 July 2019 00:00:00 PDT",
    videoLink:
      "https://www.youtube.com/embed/_uboUPvwh0k",
    text: '"An Inspiring and Unforgettable Experience!"',
    subText: "AUGUST 4-6, 2019 | SAN DIEGO, CA",
    primaryButtonText: "Register Now",
    primaryButtonLink:
      "https://buffiniandcompany.com/cart/store-services.aspx?P=mastermind2019",
    secondaryButtonText: "Learn More",
    secondaryButtonLink:
      "https://buffiniandcompany.com/events/mastermind-summit/",
    exact: true
  },
  {
    url: "/company/",
    type: "image",
    start: "20 May 2019 00:00:00 PDT",
    end: "21 May 2019 00:00:00 PDT",
    image: "//buffiniandcompany.com/assets/images/home/latest/PP_POPUP_3.jpg",
    link: "https://buffiniandcompany.com/training/peak-producers/register.aspx",
    exact: false
  }
];

(function () {
  const data = getData();
  const url = window.location.href;
  const isMobile = !!navigator.userAgent.match(/iphone|android|blackberry/gi) || false;
  const isProduction = url.includes("buffiniandcompany.com");
  const searchPattern = isProduction ? "buffiniandcompany.com" : "localhost:49757";
  const slug = url.split(searchPattern)[1];

  function getData() {
    return popupData.slice();
  }



  function updateImageModal(popup) {

    var imageModalNode = '<div class="reveal large popup-modal popup-modal" id="popupImageModal" data-reveal>' +
      '    <div class="grid-x">' +
      '      <div class="cell alt">' +
      '        <a id="image-popup-link" href="' + popup.link + '" class="ctatrack">' +
      '          <img id="popup-image" src="' + popup.image + '" class="ctatrack" />' +
      '        </a>' +
      '      </div>' +
      '    </div>' +
      '    <button class="close-button" data-close aria-label="Close reveal" type="button">' +
      '      <span aria-hidden="true">×</span>' +
      '    </button>' +
      '  </div>';

    $("body").append(imageModalNode);
    var popupNode = new Foundation.Reveal($("#popupImageModal"));

    setTimeout(function () {
      popupNode.open();
    }, 1000);
  }

  function updateVideoModal(popup) {

    var videoModalNode = '<div class="large reveal video-modal popup-modal" id="popupVideoModal" data-reveal>' +
      '      <div class="reveal-content">' +
      '        <div class="responsive-embed widescreen">' +
      '          <iframe id="popup-video" src="' + popup.videoLink + '" allowfullscreen webkitallowfullscreen mozallowfullscreen allow="encrypted-media" style="width: 100%; height: 95%;"></iframe>' +
      '        </div>' +
      '        <div class="grid-x grid-padding-x grid-padding-y">' +
      '          <div class="cell large-6 alt">' +
      '            <div class="text-wrap">' +
      '              <div style="margin-left: 20px;" class="modal-button-wrapper">' +
      '                <h3 class="text-light" id="video-modal-text">' + popup.text + '<strong></strong></h3>' +
      '                <p style="color: #3498DB; letter-spacing: 3px;" id="video-modal-subtext">' + popup.subText + '</p>' +
      '              </div>' +
      '            </div>' +
      '          </div>' +
      '          <div class="cell large-6 alt1 text-center mt10">' +
      '            <div style="margin-right: 20px;" class="modal-button-wrapper">' +
      '              <a href="' + popup.primaryButtonLink + '" id="video-modal-primary-button" class="button tangerine">' + popup.primaryButtonText + '</a>' +
      '              <a href="' + popup.secondaryButtonLink + '" id="video-modal-secondary-button" class="button sky">' + popup.secondaryButtonText + '</a>' +
      '            </div>' +
      '          </div>' +
      '        </div>' +
      '        <button class="close-button" data-close aria-label="Close reveal" type="button">' +
      '          <span style="color: #fff; margin-left: -5px;" aria-hidden="true">×</span>' +
      '        </button>' +
      '      </div>' +
      '    </div>';

    $("body").append(videoModalNode);
    var popupNode = new Foundation.Reveal($("#popupVideoModal"));

    setTimeout(function () {
      popupNode.open();
    }, 1000);
  }

  function updateImageBanner(popup) {

    var imageBanner = '<div class="image-banner banner" id="popupImageBanner">' +
      '        <div class="grid-x">' +
      '          <div class="cell alt">' +
      '            <a id="image-banner-link" href="' + popup.link + '" class="ctatrack">' +
      '              <img id="image-banner" src="' + popup.image + '" class="ctatrack" />' +
      '            </a>' +
      '          </div>' +
      '        </div>' +
      '        <button class="close-button" data-close aria-label="Close reveal" type="button">' +
      '          <span aria-hidden="true">×</span>' +
      '        </button>' +
      '      </div>';

    $("body").append(imageBanner);

    setTimeout(function () {
      $(".banner").addClass("show");
    }, 1000);
  }

  function updateVideoBanner() {
    var videoBanner = '<div class="large reveal video-banner banner" id="popupVideoBanner">' +
      '          <div class="reveal-content">' +
      '            <div class="responsive-embed widescreen">' +
      '              <iframe id="popup-video" src="#" allowfullscreen webkitallowfullscreen mozallowfullscreen allow="encrypted-media" style="width: 100%; height: 95%;"></iframe>' +
      '            </div>' +
      '            <div class="grid-x grid-padding-x grid-padding-y">' +
      '              <div class="cell large-6 alt">' +
      '                <div class="text-wrap">' +
      '                  <div style="margin-left: 20px;" class="modal-button-wrapper">' +
      '                    <h3 class="text-light" id="video-modal-text"><strong></strong></h3>' +
      '                    <p style="color: #3498DB; letter-spacing: 3px;" id="video-modal-subtext"></p>' +
      '                  </div>' +
      '                </div>' +
      '              </div>' +
      '              <div class="cell large-6 alt1 text-center mt10">' +
      '                <div style="margin-right: 20px;" class="modal-button-wrapper">' +
      '                  <a href="#" id="video-modal-primary-button" class="button tangerine"></a>' +
      '                  <a href="#" id="video-modal-secondary-button" class="button sky"></a>' +
      '                </div>' +
      '              </div>' +
      '            </div>' +
      '            <button class="close-button" data-close aria-label="Close reveal" type="button">' +
      '              <span style="color: #fff; margin-left: -5px;" aria-hidden="true">×</span>' +
      '            </button>' +
      '          </div>' +
      '        </div>';


    console.log("Update video banner");
  }

  function isActive(popup) {
    let popupStart = new Date(new Date(popup.start).toUTCString()).getTime(); // Popup start date
    let popupEnd = new Date(new Date(popup.end).toUTCString()).getTime(); // Popup end date
    let today = Date.now(); // Today's date
    let active = today >= popupStart && popupEnd >= Date.now();
    return active;
  }

  function showedPopupBefore() {
    let currentTime = Date.now();

    let shownPopup = localStorage.getItem("shownPopup");
    let shownPopuptime = localStorage.getItem("shownPopuptime");

    return shownPopup === "shown" && Math.abs(shownPopuptime - currentTime) < 86400000;
  }

  function setLocalStoragePopupInfo(popup) {
    let currentTime = Date.now();
    localStorage.setItem(popup.url, "shown");
    localStorage.setItem("shownPopup", "shown");
    localStorage.setItem("shownPopuptime", currentTime.toString());
  }

  function getActivePopup() {
    var activePopups = data.filter(popup => {
      if (popup.exact) {
        return slug === popup.url && isActive(popup) && !showedPopupBefore(popup);
      } else {
        return slug.includes(popup.url) && isActive(popup) && !showedPopupBefore(popup);
      }
    });

    if (activePopups.length > 0) {
      return activePopups[0];
    }

    return {};
  }

  function init() {
    if (!data) {
      //console.log("Popup data not found");
      return;
    }

    var activePopup = getActivePopup();

    if (Object.keys(activePopup).length === 0) {
      //console.log("No active banners");
      return;
    }

    setLocalStoragePopupInfo(activePopup);

    if (activePopup.type === "image") {
      if (isMobile) {
        updateImageBanner(activePopup);
      } else {
        updateImageModal(activePopup);
      }
    } else {
      if (isMobile) {
        updateVideoBanner(activePopup);
      } else {
        updateVideoModal(activePopup);
      }
    }

    $(".banner .close-button").on("click", function () {
      $(this).closest('.banner').removeClass("show");
    });
  }

  init();
})();

function showPopup() { }