// Pestañas disponibilidad precios temporales
function openRate(evt, cityName) {
  var i, x, tablinks;
  x = document.getElementsByClassName("rates__content");
  for (i = 0; i < x.length; i++) {
    x[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("rates__button");
  for (i = 0; i < x.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" --open", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " --open";
}

$(document).ready(function () {
  $(".sobrenosotros .sucursal-titulo, #contact-sucursales .sucursal-titulo").click(function () {
    $(this).closest('.sucursal').parent().find('.girar').each(function(i, s) {
      $(s).removeClass('girar')
      $(s).next().css("height", 0);
    })
    let alturaNueva = $(this).next().prop("scrollHeight");
    if ($(this).next().css("height") == "0px") {
      $(this).addClass("girar");
      $(this).next().css("height", alturaNueva);
    } else {
      $(this).removeClass("girar");
      $(this).next().css("height", 0);
    }
  });
  if ($(".sobrenosotros .sucursal").length) {
    $(".sobrenosotros .sucursal:first() .sucursal-titulo").click();
  }
  if ($("#carrousel-destacados").length) {
    $("#carrousel-destacados").owlCarousel({
      loop: true,
      margin: 10,
      nav: true,
      dots: false,
      autoplay: false,
      autoplayTimeout: 3000,
      autoHeight: false,
      autoHeightClass: "owl-height",
      responsive: {
        0: {
          items: 1,
        },
        640: {
          items: 2,
        },
        768: {
          items: 3,
        },
        1024: {
          items: 4,
        },
      },
    });
  }
  if ($("#carrousel-emprendimientos").length) {
    $("#carrousel-emprendimientos").owlCarousel({
      loop: true,
      margin: 10,
      nav: true,
      dots: true,
      autoplay: false,
      autoplayTimeout: 3000,
      autoHeight: false,
      autoHeightClass: "owl-height",
      responsive: {
        0: {
          items: 1,
          dots: true,
        },
        640: {
          items: 2,
          dots: true,
        },
        768: {
          items: 3,
          dots: true,
        },
        1024: {
          items: cantidad_emprendimientos,
          dots: true,
        },
      },
    });
  }
  $(".form-group.opciones .titulo").click(function () {
    $(this).toggleClass("girar");
    $(this).next().toggleClass("open");
  });
  $("#form-submit .aplicar").on("click", function () {
    $("#formFiltros").submit();
  });
  $(".form-group.form-switch label").on("click", function (e) {
    e.preventDefault();
    $(this).prev().prop("checked", !$(this).prev().is(":checked"));
  });
  // Slider Home
  if ($(".hero__slider").length) {
    var swipercuatro = new Swiper(".hero__slider", {
      direction: "horizontal",
      slidesPerView: 1,
      loop: true,
      speed: 700,
      autoplay: {
        delay: 3000,
        disableOnInteraction: true,
      },
    });
  }
  // Slider Thumbnail (cuadricula)
  if ($(".hero__slider-thumbnail").length) {
    var swipercinco = new Swiper(".hero__slider-thumbnail", {
      slidesPerView: 3,
      slidesPerColumn: 2,
      speed: 700,
      autoplay: {
        delay: 3000,
        disableOnInteraction: true,
      },
    });
  }

  /*
  // Slider Propiedades relacionadas
  var swiperdos = new Swiper(".ficha__related", {
    direction: "horizontal",
    spaceBetween: 0,

    navigation: {
      nextEl: ".swiper-button-next.ficha__related__button.--right",
      prevEl: ".swiper-button-prev.ficha__related__button.--left",
    },

    breakpoints: {
      480: {
        slidesPerView: 1,
      },
      768: {
        slidesPerView: 3,
      },

      1024: {
        slidesPerView: 4,
      },
    },
  });

  // Slider Datepicker
  var swipertres = new Swiper(".datepicker-carousel", {
    direction: "horizontal",
    slidesPerView: 2,
    spaceBetween: 0,

    navigation: {
      nextEl: ".swiper-button-next.datepicker-carousel__button.--right",
      prevEl: ".swiper-button-prev.datepicker-carousel__button.--left",
    },

    breakpoints: {
      360: {
        slidesPerView: 1,
      },
      768: {
        slidesPerView: 2,
      },
    },
  });

  // Validar campos - focus
  $(document).on("focus", ".validarCampo", function () {
    $(this).removeClass("input--error");
  });

  // Validar campos - blur
  $(document).on("blur", ".validarCampo", function () {
    var campo = $(this).attr("id");
    var valor = $(this).val();
    if (valor != "") {
      $("#" + campo + "_error").addClass("--hidden");
    }
  });*/
  // Abrir Menu mobile
  $("#navbar-burger, .navbar-overlay").click(function () {
    if ($('#prop-page .filtros.open').length) {
      $('#prop-page .filtros.open').removeClass("open");
    }
    $("#top").toggleClass("open");
  });

  // Desplegar Busqueda por Codigo
  $(".codigo").click(function () {
    $(".search-code__modal").toggleClass("--open");
    console.log("clickcodigo");
  });
});

$(".search-code__modal__tooltip").click(function () {
  $(".search-code__modal").toggleClass("--open");
});

// Abrir y cerrar filtros de busqueda
$("#btn-filtrar button").click(function () {
  $(".filtros").toggleClass("open");
});

$("#form-submit .cerrar").click(function () {
  $(".filtros").removeClass("open");
});

// Abrir y cerrar modal de contacto
$(".js-contact-ficha").click(function (e) {
  e.preventDefault();
  if ($(".js-menu-footer-whatsapp.--open").length) {
    $(".js-menu-footer-whatsapp.--open").removeClass("--open");
  }
  if ($(".js-menu-footer-phone.--open").length) {
    $(".js-menu-footer-phone.--open").removeClass("--open");
  }
  $(".js-modal-contact").toggleClass("--open");
});

$(".js-contact-ficha-close").click(function () {
  $(".js-modal-contact").removeClass("--open");
});

// dropdowns menu
$(".dropdown .select").on('click', function() {
  if (!$(this).find(".caret").hasClass("caret-rotate")) {
    cerrarDropdown();
    $(this).find(".caret").addClass("caret-rotate")
    $(this).next().addClass('menu-open')
  } else {
    cerrarDropdown($(this));
  }
});
$(document).click(function(e) {
  if(
    $(e.target).is('span') && $(e.target).hasClass('selected') ||
    $(e.target).is('div') && $(e.target).hasClass('select')
  ) { return; }
  cerrarDropdown();
});
function cerrarDropdown(e = null) {
  if (e) {
    e.find(".caret").removeClass("caret-rotate")
    e.next().removeClass('menu-open')
  } else {
    $('.dropdown .menu.menu-open').removeClass('menu-open');
    $('.dropdown .caret.caret-rotate').removeClass('caret-rotate');
  }
}
/*const dropdowns = document.querySelectorAll(".dropdown");

dropdowns.forEach((dropdown) => {
  const select = dropdown.querySelector(".select");
  const caret = dropdown.querySelector(".caret");
  const menu = dropdown.querySelector(".menu");
  const options = dropdown.querySelectorAll(".menu li");

  select.addEventListener("click", () => {
    caret.classList.toggle("caret-rotate");
    menu.classList.toggle("menu-open");
  });

  options.forEach((option) => {
    option.addEventListener("click", () => {
      caret.classList.remove("caret-rotate");
      option.classList.add("active");
       menu.classList.toggle("menu-open");
    });
  });
});*/

// botones mobile footer desplegables
$(".js-button-whatsapp").click(function () {
  if ($(".js-menu-footer-phone.--open").length) {
    $(".js-menu-footer-phone.--open").removeClass('--open');
  }
  $(".js-menu-footer-whatsapp").toggleClass("--open");
});

$(".js-button-phone").click(function () {
  if ($(".js-menu-footer-whatsapp.--open").length) {
    $(".js-menu-footer-whatsapp.--open").removeClass('--open');
  }
  $(".js-menu-footer-phone").toggleClass("--open");
});

/* HEADER SCROLL */
let scrollInterval = setInterval(() => {
  if (
    $(window).scrollTop() === 0 &&
    window.scrollOn !== undefined
  ) {
    $('#top').removeClass("headerScroll")
    delete window.scrollOn;
  }
  if (window.scrollOn !== undefined)
  {
    if (!$('#top').hasClass('headerScroll'))
    {
      $('#top').addClass("headerScroll");
      $(window).scrollTop($(window).scrollTop() + 5);
    }
  }
}, 1000);
$(window).scroll(function (event) {
  const scrollTop = $(window).scrollTop();
  if (scrollTop >= 100) {
    window.scrollOn = true;
  }
});