$(document).ready(function () {

  $('.galary').slick({
    slidesToShow: 3,
    slidesToScroll: 1,
    arrows: false,
    infinite: true,
    autoplay: true,
    centerMode: true,
    variableWidth: true,
    autoplaySpeed: 3000,
    cssEase: 'linear'
  });

  $('.portfolio-slider').slick({
    slidesToShow: 1,
    infinite: false,
    slidesToScroll: 1,
    variableWidth: true,
    prevArrow: '<svg class="slickPrev" width="20" height="20" role="img"><use xlink:href="img/corp/bm-sprite.svg#bm_icon_special_arrow"></use></svg>',
    nextArrow: '<svg class="slickNext" width="20" height="20" role="img"><use xlink:href="img/corp/bm-sprite.svg#bm_icon_special_arrow"></use></svg>',
    responsive: [{
      breakpoint: 1024,
      settings: {
        arrows: false,
        dots: true,
        variableWidth: false
      }
    }, ]
  });

  /* price scrolling */

  if ($(window).width() < 767 && $('.calculator__caption').offset()) {
    $(window).scroll(function () {
      if (($(window).scrollTop() > $('.calculator__caption').offset().top) && ($(window).scrollTop() < $('.calcform__caption_inclusive').offset().top)) {
        $('.calc-output').addClass('calc-output_fixed');
      } else {
        $('.calc-output').removeClass('calc-output_fixed');
      }
    });
  }


  /* hamburger */

  if ($(window).width() < 767) {
    var headerMenu = $('.header-menu'),
      headerNumber = $('.header__number'),
      headerAnchor = $('.header__anchor');

    $('.xs-menu').html(headerMenu);
    $('.xs-menu').append(headerNumber);
    $('.xs-menu').append(headerAnchor);

    $('.hamburger').click(function () {
      $('.xs-menu').toggleClass('xs-menu_active');
      $('.hamburger').toggleClass('is-active');
      $('body').toggleClass('body-ofh');
    });

    $('.header-menu__link, .scroll-to-cost').not('.header-menu__link_services').click(function () {
      $('.header-menu').toggleClass('header-menu_active');
      $('.hamburger').toggleClass('is-active');
      $('body').toggleClass('body-ofh');
    });

    $('.header__anchor').click(function () {
      $('.hamburger').click();
    });


    /* services links to header */

    // $servicesLinks = $('.services-dropdown__list li').unwrap();
    // $($servicesLinks).find('a').addClass('header-menu__link').removeClass('services-dropdown__link');
    // console.log($servicesLinks);
    // $('.header-menu').prepend($servicesLinks);

    $('.header-menu__link_services svg').click(function (e) {
      e.preventDefault();

    });

    /* services links to header end */

  }



  /* upload file */

  $('.form-block__form #upload-file').change(function () {
    var path = $(this).val();
    fileName = path.substr(path.lastIndexOf('\\') + 1, path.lenght);
    $('.form-block__file span').html(fileName);

    $('.form-block__file').addClass('form-block__file_active');
  });

  /* anal calculatus */

  $('.shop-form').trigger('reset');

  $('.shop-form__rail').slick({
    arrows: false,
    accessibility: false,
    infinite: false,
    swipe: false,
    adaptiveHeight: true
  });

  $('.shop-form__radios').change(function () {

    var iconNumber = $(this).find('input[type="radio"]:checked').attr('data-icon');
    var currentSlide = $('.shop-form__rail').slick('slickCurrentSlide') + 1;
    // var price = $(this).find('input[type="radio"]:checked').attr('data-price');
    var serviceName = $(this).find('input[type="radio"]:checked').attr('data-service');

    $('.shop-form__link[data-stage="' + currentSlide + '"]').addClass('shop-form__link_active');
    // $('.shop-form__link[data-stage="' + currentSlide + '"] i').html(price);
    $('.shop-form__link[data-stage="' + currentSlide + '"] span').html(serviceName);
    $('.shop-form__list svg[data-num="' + iconNumber + '"]').parent().find('svg').fadeOut();
    $('.shop-form__list svg[data-num="' + iconNumber + '"]').fadeIn();
    $('.shop-form__progress-line span').css('width', (currentSlide + 1) * 20 + '%');
    $('.shop-form__steps b').html(currentSlide + 1);



    $('.shop-form__rail').slick('slickNext');

  });

  $('.shop-form__back').click(function (e) {
    e.preventDefault();

    $('.shop-form__rail').slick('slickPrev');

    var currentSlide = $('.shop-form__rail').slick('slickCurrentSlide') + 1;
    var defaultName = $('.shop-form__link[data-stage="' + currentSlide + '"] span').attr('data-default');

    $('.shop-form__link[data-stage="' + currentSlide + '"]').removeClass('shop-form__link_active');
    $('.shop-form__link[data-stage="' + currentSlide + '"]').find('svg').fadeOut();
    $('.shop-form__progress-line span').css('width', (currentSlide) * 20 + '%');
    $('.shop-form__steps b').html(currentSlide);
    $('.shop-form__link[data-stage="' + currentSlide + '"] span').html(defaultName);

    $('.shop-form__rail .slick-current input').prop('checked', false);
  });

  $('.shop-form__link').click(function (e) {
    e.preventDefault();
  });

  /*$('.shop-form .form-block__button').click(function(e){
    e.preventDefault();
    $('.shop-form__rail').slick('slickNext');
    $('.shop-form__link[data-stage="5"]').addClass('shop-form__link_active');
    $('.shop-form__link[data-stage="5"] svg').fadeIn();
    var email = $('.shop-form .form-block__input[type="email"]').val();
    $('.shop-form__link[data-stage="5"] span').html(email);
    $('.shop-form__progress').addClass('shop-form__progress_hidden');
    $('.shop-form__stages').removeClass('d-none');
  });*/

  /* scroll to */

  $("a.scrollto").click(function () {
    $("html, body").animate({
      scrollTop: $($(this).attr("href")).offset().top + "px"
    }, {
      duration: 800,
      easing: "swing"
    });
    return false;
  });

  /* corp calct */

  $('.calcform__lists').change(function () {
    var values = $(this).find('.calcform__checkbox:checked'),
      sum = 120000;
    time = 60;
    $(values).each(function (i, elem) {
      sum += +$(elem).val();
      time += +$(elem).attr('data-time');
    });

    $('.calc-output__price').html(sum);
    $('.calc-output__time').html(time);

  });

  /* lendinds tooltip */

  $('.tarif-block__tooltip').hover(function () {
    $('.tarif-block__tooltip-text').fadeIn();
  }, function () {
    $('.tarif-block__tooltip-text').fadeOut();
  });

  /* promotion feedback slider */

  $('.promotion-feedback__slider').slick({
    adaptiveHeight: true,
    slidesToShow: 3,
    responsive: [{
        breakpoint: 1200,
        settings: {
          slidesToShow: 2,
          slidesToScroll: 1,
        }
      },
      {
        breakpoint: 990,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1,
          arrows: false,
          dots: true
        }
      }
    ],
    prevArrow: '<svg class="slick-prev" role="img" width="18" height="40"><use xlink:href="img/corp/sprite.svg#arrow"></use></svg>',
    nextArrow: '<svg class="slick-next" role="img" width="18" height="40"><use xlink:href="img/corp/sprite.svg#arrow"></use></svg>',

  });


  $('.events-list').slick({
    slidesToShow: 3,
    prevArrow: '<svg class="events-list__prev" role="img" width="15" height="24"><use xlink:href="img/corp/sprite.svg#events-list__arrow"></use></svg>',
    nextArrow: '<svg class="events-list__next" role="img" width="15" height="24"><use xlink:href="img/corp/sprite.svg#events-list__arrow"></use></svg>',
    responsive: [{
        breakpoint: 990,
        settings: {
          slidesToShow: 2,
          slidesToScroll: 1,
          arrows: false,
          dots: true
        }
      },
      {
        breakpoint: 767,
        settings: {
          slidesToShow: 1,
          arrows: false,
          dots: true
        }
      }
    ],
  });


  $('.marketing-feedback__list').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    prevArrow: '<div class="events-list__prev"> <svg role="img" width="15" height="24"><use xlink:href="img/corp/sprite.svg#events-list__arrow"></use></svg></div>',
    nextArrow: '<div class="events-list__next">  <svg role="img" width="15" height="24"><use xlink:href="img/corp/sprite.svg#events-list__arrow"></use></svg></div>',
    responsive: [{
      breakpoint: 990,
      settings: {
        slidesToShow: 1,
        arrows: false,
        dots: true
      }
    }, ],
  });

  $('.video-reviews').slick({
    slidesToShow: 3,
    slidesToScroll: 1,
    arrows: false,
    dots: true,
    infinite: true,
    responsive: [{
      breakpoint: 990,
      settings: {
        slidesToShow: 1,
        arrows: false,
        dots: true
      }
    }, ],
  });


  $('.certificates-block__certificates-list').slick({
    slidesToShow: 2,
    slidesToScroll: 2,
    variableWidth: true,
    infinite: false,
    prevArrow: '<svg class="certificates-list__prev" role="img" width="15" height="24"><use xlink:href="img/corp/sprite.svg#events-list__arrow"></use></svg>',
    nextArrow: '<svg class="certificates-list__next" role="img" width="15" height="24"><use xlink:href="img/corp/sprite.svg#events-list__arrow"></use></svg>',
    responsive: [{
        breakpoint: 990,
        settings: {
          slidesToShow: 1,
          arrows: false,
          dots: true
        }
      },
      {
        breakpoint: 400,
        settings: {
          slidesToShow: 1,
          arrows: false,
          dots: false
        }
      }
    ],
  });

  $('.main-sl').slick({
    slidesToShow: 2,
    slidesToScroll: 1,
    variableWidth: false,
    arrows: false,
    infinite: true
  });

  /* Табы */
  $("[data-tab]:not(.not_ignore)").click(function (e) {
    e.preventDefault();
    var tabId = $(this).attr('data-tab');
    $("[data-tab]").removeClass('active');
    $(this).addClass('active');
    $(".tab").css("display", 'none');
    $('#' + tabId).fadeIn('1500');
  });



});