/* Start:/local/assets/css/pages/career.css?1748517077385*/
@import url("/local/assets/css/pages/./../components/tabs-default-card.css");
@import url("/local/assets/css/pages/./../components/career-block.css");
@import url("/local/assets/css/pages/./../components/career-form.css");
/* @import url("/local/assets/css/pages/./../components/send_resume.css"); */
@import url("/local/assets/css/pages/./../components/x_video.css");
@import url("/local/assets/css/pages/./../elements/inline_select.css");
@import url("/local/assets/css/pages/./../elements/x_input.css");
@import url("/local/assets/css/pages/./../elements/file-upload.css");

/* End */


/* Start:/local/assets/js/components/x_video.js?17495703812368*/
const checkYmVideoPlay = (goal, type) => {
  const videoPlay = window.localStorage.getItem(`ym-video-play-${type}`)

  if(!videoPlay) window.localStorage.setItem(`ym-video-play-${type}`, 'false')

  if(videoPlay === 'true') return

  window.ymModule.sendReachGoal(goal)
  window.localStorage.setItem(`ym-video-play-${type}`, 'true')
}

document.addEventListener("DOMContentLoaded", function () {
  const videoWrapper = document.querySelector(".js-x-video");
  const pathname = window.location.pathname
  if (!videoWrapper) return;

  const player = videoWrapper.querySelector(".js-x-video-player");
  const progress = videoWrapper.querySelector(".js-x-video-progress");

  videoWrapper.addEventListener("click", (e) => {
    if (!player) return;
    const { target } = e;

    player.addEventListener('play', () => {

      switch(pathname) {
        case '/career/':
          checkYmVideoPlay('video_career_page', 'career')
          break
        case '/':
          checkYmVideoPlay('video_main_page', 'main')
          break
      }
    }) 

    if (target.closest(".js-x-video-controls")) {
      const isSound = target.hasAttribute("data-x-video-sound");
      const isFullScreen = target.hasAttribute("data-x-video-fullscreen");
      const progressBar = target.closest(".js-x-video-progress-bar");

      if (isSound) {
        player.muted = !target.classList.contains("active");
        target.classList[
          target.classList.contains("active") ? "remove" : "add"
        ]("active");
      }
      if (isFullScreen) {
        const isActive = videoWrapper.classList.contains("fixed");
        videoWrapper.classList[isActive ? "remove" : "add"]("fixed");
        document.documentElement.style.overflow = isActive ? "" : "hidden";
      }
      if (progressBar) {
        const clickTime =
          (e.offsetX / progressBar.offsetWidth) * player.duration;
        player.currentTime = clickTime;
      }
    } else {
      const isPlaying = videoWrapper.classList.contains("playing");
      player[isPlaying ? "pause" : "play"]();
      videoWrapper.classList[isPlaying ? "remove" : "add"]("playing");
    }
  });

  player.addEventListener("timeupdate", () => {
    const percent = (player.currentTime / player.duration) * 100;
    progress.style.width = `${percent}%`;
  });
});

/* End */
/* /local/assets/css/pages/career.css?1748517077385 */
/* /local/assets/js/components/x_video.js?17495703812368 */