//Переменные
// let showPassButton;
const DEFAULT_TIMER_VALUE = 60;
const GOOGLE_SITE_KEY = '';
let phoneVal = '', codeVal = '', captcha = '', captchaContainer = '';
let recaptchaKey = '', recaptchaWidget = '';
let oldScrollY = 0;

// Кнопка открытия меню
$(".header__open-menu, .header__mobile-button").on("click", function () {
  closeMenu();
  document.querySelector('.body-bg').style.display = "block";
  const headerMenu = document.querySelector('.header__menu');
  if (!checkMobileDevice()) {
    const menuButton = document.querySelector('.header__open-menu');
    const closeButton = document.querySelector('.header__close-menu');
    menuButton.style.display = 'none';
    closeButton.style.display = 'block';
  }
  $(headerMenu).fadeIn(280);
  $(headerMenu).addClass('active-menu');
  disableScroll();
  if (checkMobileDevice()) {
    $('.header__menu').prop('style', 'display: block!important');
  }
  if (!checkMobileDevice()) {
    $('.modal__sign').hide(() => {
      document.querySelector('.header__sign-button').classList.remove('header__button-active');
    });
  }
});

// Close menu
function closeMenu() {
  if (!checkMobileDevice()) {
    $('[data-open-menu]:not(.header__mobile-button)').css({ display: 'flex' });
    $('[data-close-menu]:not(header__mobile-button)').css({ display: 'none' });
    document.querySelector('.body-bg').style.display = "none";
    $('[data-menu]').each((idx, item) => {
      item.style.display = 'none';
    })
  }
}

$('.header__menu .header__close-button, .header__close-menu').click(function () {
  document.querySelector('.body-bg').style.display = "none";
  if (!checkMobileDevice()) {
    const menuButton = document.querySelector('.header__open-menu');
    const closeButton = document.querySelector('.header__close-menu');
    menuButton.style.display = 'block';
    closeButton.style.display = 'none';
  }
  $('.header__menu').fadeOut(200, function () {
    $(".sign-bg").removeClass('active').prop('style', 'background-color: transparent;')
    $(this).removeClass('active-menu');
  })
  if ($('announ__menu').is('.active-menu')) {
    return;
  }
  enableScroll();
})

// Announce menu
$(".header__announ-button").on("click", function () {
  closeMenu();
  document.querySelector('.body-bg').style.display = "block";
  const announMenu = document.querySelector('.announ__menu');
  if (!checkMobileDevice()) {
    const menuButton = document.querySelector('.header__announ-button');
    const closeButton = document.querySelector('.header__close-announ-button');
    menuButton.style.display = 'none';
    closeButton.style.display = 'block';
  }
  if (ANNOUNCE !== '0') {
    this.removeAttribute('id');
    if (!$(announMenu).is('.active-menu')) {
      $(`.announ__body`).html(`
        <div id="loader">
          <div class="loader-body">
            <div class="spinner-border text-warning" role="status">
            <span class="sr-only">Loading...</span>
          </div>
          <span class="ml-2">Загрузка уведомлений</span>
        </div>
      `)
    }
  }
  $(announMenu).fadeIn(280);
  $(announMenu).addClass('active-menu');
  getAnnounces(true);
  disableScroll();
  if (checkMobileDevice()) {
    $(announMenu).prop('style', 'display: block!important');
  }
});

// Close menu
$('.announ__menu .header__close-button, .header__close-announ-button').click(function () {
  document.querySelector('.body-bg').style.display = "none";
  if (!checkMobileDevice()) {
    const menuButton = document.querySelector('.header__announ-button');
    const closeButton = document.querySelector('.header__close-announ-button');
    menuButton.style.display = 'block';
    closeButton.style.display = 'none';
  }
  $('.announ__menu').fadeOut(200, function () {
    $(".sign-bg").removeClass('active').prop('style', 'background-color: transparent;')
    $(this).removeClass('active-menu');
  })
  if ($('header__menu').is('.active-menu')) {
    return;
  }
  enableScroll();
})

$(document).ready(function () {
  // window.addEventListener('scroll', function () {
  //   const menu = document.querySelector('.fixed-footer-box') || false;
  //   const maxScrollY = Math.max(
  //     document.body.scrollHeight, document.documentElement.scrollHeight,
  //     document.body.offsetHeight, document.documentElement.offsetHeight,
  //     document.body.clientHeight, document.documentElement.clientHeight
  //   );
  //   if (menu) {
  //     let scrolled = window.pageYOffset || document.documentElement.scrollTop;
  //     let dY = scrolled - oldScrollY;
  //     if (dY < 0) {
  //       menu.classList.add('fixed');
  //     } else {
  //       menu.classList.remove('fixed');
  //     }
  //     if (scrolled > maxScrollY) {
  //       menu.classList.remove('fixed');
  //     }
  //     if (scrolled < 0) {
  //       menu.classList.add('fixed');
  //     }
  //     oldScrollY = scrolled;
  //   }
  // });
  $('#announMoreBtn').on('click', function () {
    getAnnounces();
  })

  if (istmUserId() && !CANWIDTHDRAW) {
    $('.buttonCash_white').remove();
  }

});

// Получение уведомлений.
function getAnnounces(clear) {
  if (clear) {
    announcePage.reset();
    $('#loader').show(); //Показываем спинер
    $('#announMoreBtn').prop('style', 'display: none;');
    $('.announ__body').html('');
  }
  $.ajax({
    url: 'https://rpo.logycom.kz/tm/threemen.dll/srv',
    type: 'POST',
    data: { 'srv': 'announce', 'page': announcePage.get() },
    dataType: 'text',
    success: function () { },
    error: function () { },
    complete: function (data) {
      var msg = uparams(data.responseText), announces, str = '';
      if (msg['status'] !== 'OK') {
        showError(msg['msg'] ? msg['msg'] : 'Что-то пошло не так');
        forRet = false;
        return
      }
      announces = JSON.parse(atob(msg['msg']));
      document.querySelector('.header__announ-button').removeAttribute('disabled');
      if (Array.isArray(announces) && announces.length === 0) {
        $(`.announ__body`).html('<p class="announ__no-data">У вас нет уведомлений!</p>');
        return;
      }
      let lastData = false;
      const result = announces.map((announce) => {
        if (announce.lastData) {
          $('#announMoreBtn').prop('style', 'display: none');
          lastData = true;
        } else {
          $('#announMoreBtn').prop('style', 'display: block');
          document.querySelector('#announMoreBtn').removeAttribute('disabled');
          lastData = false;
        }
        return `
				<div class="announ ${announce.isRead == '0' ? 'notread' : ''}">
          ${announce.body}
				</div>
				`
      });
      if (!lastData) announcePage.set();
      $('.announ__body').append(result);
    }
  }).done(function () {
    $('#loader').hide(); //Прячем спиннер
  });;
}

//Выпадающие списки в меню.
function onDropDownClick(event) {
  event.preventDefault();
  const dropDownButton = event.currentTarget;
  const dropDown = event.currentTarget.parentNode;
  const rotateIcon = dropDownButton.querySelector('.rotateIcon');
  rotateIcon.classList.toggle('rotation');
  const content = dropDown.querySelector('.header__dropdownContent');
  $(content).slideToggle('medium', function () {
    if ($(this).is(':visible'))
      $(this).css('display', 'flex');
  });
}

$('.header__dropdownButton').click(onDropDownClick);
$('.body-bg').click((event) => {
  closeMenu();
  enableScroll();
});