import {header} from "./blocks/header";
import {footer} from "./blocks/footer";

var iOS = navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform);
if (iOS)
  document.head.querySelector('meta[name="viewport"]').content = "width=device-width, initial-scale=1, maximum-scale=1";
else
  document.head.querySelector('meta[name="viewport"]').content = "width=device-width, initial-scale=1";

function getCoords(elem) { // crossbrowser version
  var box = elem.getBoundingClientRect();

  var body = document.body;
  var docEl = document.documentElement;

  var scrollTop = window.pageYOffset || docEl.scrollTop || body.scrollTop;
  var scrollLeft = window.pageXOffset || docEl.scrollLeft || body.scrollLeft;

  var clientTop = docEl.clientTop || body.clientTop || 0;
  var clientLeft = docEl.clientLeft || body.clientLeft || 0;

  var top = box.top + scrollTop - clientTop;
  var left = box.left + scrollLeft - clientLeft;

  return {top: Math.round(top), left: Math.round(left)};
}

function initFullPage() {
  var slideIndex = 1, sliding = false;

  var myFullpage = new fullpage('#fullpage', {
    autoScrolling: true,
    menu: '#menu',
    lockAnchors: false,
    anchors: ['burner', 'about', 'directions', 'priorities', 'portfolio', 'pitch', 'referral', 'team', 'setfire'],
    scrollBar: false,
    licenseKey: 'gplv3-license',
    lazyLoading: false,
    responsiveHeight: 550,
    touchSensitivity: 15,
    css3: true,
    paddingTop: '71px',
    keyboardScrolling: false,
    bigSectionsDestination: 'top',
    scrollingSpeed: 700,
    credits: {enabled: false},
    slideSelector: '.person-resp',
    controlArrows: false,
    loopHorizontal: false,
    afterResponsive: function (isResponsive) {
      if (isResponsive) {
        let activeElement = document.activeElement;
        if (activeElement) {
          window.scrollTo(0, getCoords(activeElement).top - 120);
        }
      }
    },
    onLeave: function (index, nextIndex, direction, trigger) {
      index = index.index;

      if (window.screen.width <= 768) {
        if (index == 7 && !sliding && trigger === "wheel") {
          console.log("onLeave " + trigger + " " + sliding);
          if (direction == "down" && slideIndex < 6) {
            sliding = true;
            fullpage_api.moveSlideRight();
            return false;
          } else if (direction == "up" && slideIndex > 1) {
            sliding = true;
            fullpage_api.moveSlideLeft();
            return false;
          }
        } else if (sliding) {
          return false;
        }
      } else if (window.screen.width > 769 && window.screen.width <= 1441) {
        if (index == 7 && !sliding && trigger === "wheel") {
          console.log("onLeave " + trigger + " " + sliding);
          if (direction == "down" && slideIndex < 2) {
            sliding = true;
            fullpage_api.moveSlideRight();
            return false;
          } else if (direction == "up" && slideIndex > 1) {
            sliding = true;
            fullpage_api.moveSlideLeft();
            return false;
          }
        } else if (sliding) {
          return false;
        }
      }
    },

    afterSlideLoad: function (section, origin, destination, direction, trigger) {
      if (window.screen.width <= 1440) {
        if (trigger === 'wheel') {
          console.log('afterSlideLoad ' + trigger + ' ' + sliding);
          sliding = false;
        }
      }
    },
    onSlideLeave: function (section, origin, destination, direction, trigger) {
      if (window.screen.width <= 1440) {
        if (section.index == 7 && trigger === "wheel") {
          console.log("onSlideLeave " + trigger + " " + sliding);

          if (direction == "right") {
            if (window.screen.width > 769 && origin.index > 1) {
              return false;
            }
            sliding = true;
            slideIndex++;
          }

          if (direction == "left") {
            sliding = true;
            slideIndex--;
          }
        }
      }
    },
  });
  const animateBgHome = document.querySelector('.fp-viewing-burner .animate-bg-home');
  const menu = document.querySelector('.fp-viewing-burner .menu');
  
  if (animateBgHome) animateBgHome.style.display = "flex";
  if (menu) menu.style.display = "flex";
}

if (document.readyState === 'loading') {  // Loading not finished
  document.addEventListener('DOMContentLoaded', initFullPage);
} else {  // `DOMContentLoaded` ready
  // Init Fullpage effect
  initFullPage();
}



// Images Lazy Loading

const observer = lozad();
observer.observe();

const coolImage = document.querySelector('img');
observer.triggerLoad(coolImage);

// Open popup after CF successfully sent.

document.addEventListener('wpcf7mailsent', function (event) {
  if ('20' == event.detail.contactFormId) {
    document.querySelector('.popup').style.display = "block";
    document.querySelector('.delete-file').style.display = "none";
    document.querySelector('.wpcf7-file').value = '';
    document.querySelector('.label').innerHTML = "";
  }
}, false);

document.addEventListener('wpcf7invalid', function (event) {
  document.querySelector('.label').style.display = "none";
  document.querySelector('.delete-file').style.display = "none";
}, false);

let close = document.querySelector('.close-popup');

close.addEventListener('click', function (event) {
  document.querySelector('.popup').style.display = "none";
})

/* Mobile Menu */
let menuBtn = document.querySelector('.mobile-menu');
let menu = document.querySelector('.menu');
let menuItem = document.getElementsByClassName('menu-item');

menuBtn.addEventListener('click', function () {
  menuBtn.classList.toggle('active');
  menu.classList.toggle('active');
})

function updateContainer() {
  var containerWidth = $(window).width();
  if (containerWidth <= 440) {
    $('.label').text("Your file is too big. Max file size 15MB");
  } else {
    $('.label').text("Your file is too big. Add it please as a link for a file sharing service");
  }
}

$(document).ready(function () {
  $('[name="url-site"]').val(location.href);

  $("#upfile1").click(function () {
    if ($('.wpcf7-form').hasClass('invalid')) {
      $('.wpcf7-response-output').hide();
    }

    $("#attach").trigger('click');
    if ($("#attach").length > 0) {
      $("#attach").show();
    }
  });

  $('.honeytoon').on('click', function (e) {
    window.open('https://honeytech.co/', '_blank');
  });
  $('.werush').on('click', function (e) {
    window.open('https://www.werush.biz/', '_blank');
  });
  $('.mb').on('click', function (e) {
    window.open('https://masterbundles.com/', '_blank');
  });
  $('.adler').on('click', function (e) {
    window.open('http://adlerteam.co', '_blank');
  });
  // $('.theogaming').on('click', function (e) {
  //   window.open('https://theogaming.media/', '_blank');
  // });
  $('.traffband').on('click', function (e) {
    window.open('https://www.traffband.com/', '_blank');
  });
  $('.profitner').on('click', function (e) {
    window.open('https://profitner.com/', '_blank');
  });
  $('.seoprofy').on('click', function (e) {
    window.open('https://seoprofy.com/', '_blank');
  });
  $('.simpler').on('click', function (e) {
    window.open('https://www.simpler.marketing/', '_blank');
  });
  /* Smooth scroll for custom bottons*/
  $('.pitchus-page_js').on('click', function () {
    fullpage_api.moveTo(6);
  })
  $('.arrow-down').on('click', function () {
    fullpage_api.moveTo(2);
  })
  /*  $(window).resize(function () {
      updateContainer();
    });*/
  $('.wpcf7-file').change(function () {
    if ($(this).val() != '') {
      $('.label').text($(this)[0].files[0].name);
      $('.label').css("display", "block");
      $('.delete-file').css("display", "block").removeClass('hidden');
      $('.user-file .wpcf7-not-valid-tip').hide();

      if (this.files[0].size > 15000000) {
        $(this).val('');
        updateContainer();
        setTimeout(function () {
          $('.label, .delete-file').fadeOut('fast');
        }, 3000);
      }
    }
  });
  $('.delete-file').click(function () {
    $('.wpcf7-file').val('');

    $('.label').empty();
    $(this).addClass("hidden");
  });

  //Close menu on click by menu-item
  $('.menu-item').on('click', function () {
    setTimeout(function () {
      $('.menu').removeClass('active');
      $('.mobile-menu').removeClass('active');
    }, 1000);
  });

})

• [D] blocks
• [F] front-page.js
  Delete
• [F] fullpage.js
  Delete
• [F] fullpage.min.js
  Delete
• [F] jquery.fullpage.js
  Delete
• [F] post.js
  Delete
• [F] tpl-referral.js
  Delete