$(document).ready(function () {
  mdc.textField.MDCTextField.attachTo(document.querySelector('#name'));
  mdc.textField.MDCTextField.attachTo(document.querySelector('#email'));
  mdc.textField.MDCTextField.attachTo(document.querySelector('#telefone'));
  mdc.textField.MDCTextField.attachTo(document.querySelector('#mensagem'));
  var banner = $("#content-slider").lightSlider({
    speed: 1000,
    pause: 5000,
    auto: true,
    keyPress: true,
    slideMargin: 0,
    loop: true,
    item: 1,
    onBeforeSlide: function (el) {
      $('#current').text(el.getCurrentSlideCount());
    }
  });
  $("#inputTelefone").mask("(00) 00000-0000");

  $('#current').text(1);
  $('#total').text(banner.getTotalSlideCount());

  $('#goToPrevBanner').click(function () {
    banner.goToPrevSlide();
  });
  $('#goToNextBanner').click(function () {
    banner.goToNextSlide();
  });

  $('.slider-vertical').lightSlider({
    gallery: true,
    item: 1,
    vertical: true,
    vThumbWidth: 103,
    thumbItem: 4,
    thumbMargin: 15,
    slideMargin: 0,
    currentPagerPosition: 'left',
    onSliderLoad: function (el) {
      el.lightGallery({
        selector: '.slider-vertical .lslide'
      });
    },
    responsive: [
      {
        breakpoint: 768,
        settings: {
          vertical: false,
          thumbItem: 4,
          thumbMargin: 5
        }
      }
    ]
  });

  var slider = $("#content-slider-galeria").lightSlider({
    keyPress: true,
    slideMargin: 20,
    slideWidth: 200,
    loop: true,
    item: 3,
    onSliderLoad: function (el) {
      el.lightGallery({
        selector: '#content-slider-galeria .lslide'
      });
    },
    responsive: [
      {
        breakpoint: 1055,
        settings: {
          item: 2
        }
      },
      {
        breakpoint: 768,
        settings: {
          item: 1
        }
      }
    ]
  });

  $('#goToPrevSlide').click(function () {
    slider.goToPrevSlide();
  });
  $('#goToNextSlide').click(function () {
    slider.goToNextSlide();
  });

  $('input[name="tamanho-plantas"]').change(function () {
    var classeSelecionada = this.value;

    $('.slider-plantas').addClass('d-none');
    $('.slider-plantas' + '.' + classeSelecionada).removeClass('d-none');
  });

  $(window).scroll(function () {
    if (document.querySelector('.info-banner').getBoundingClientRect().y <= -418)
      $('.contato').removeClass('d-none');
    else
      $('.contato').addClass('d-none');
  });


  // $(window).resize(function () {
  //   if ($(window).width() <= 992)
  //     $('.navbar-nav').html('<div class="container">' + startHTML + '<li class="nav-item"><a class="nav-link" href="#" data-toggle="modal" data-target="#myModal">Agende sua visita</a></li></div>')
  //   else
  //     $('.navbar-nav').html(startHTML);
  // });

  $(window).trigger('resize');

  $('.navbar-toggler').click(function () {
    setTimeout(function () {
      if ($('.navbar-toggler').attr("aria-expanded") == "false") {
        $('.navbar-toggler').removeClass('true');
        $('.navbar-toggler').addClass('false');
      }
      else {
        $('.navbar-toggler').removeClass('false');
        $('.navbar-toggler').addClass('true');
      }
    }, 100);
  });

  $('.topo').click(function (e) {
    e.preventDefault();
    $('html, body').animate({ scrollTop: 0 }, 1500);
  });

});