$(window).on('load', function(){
	var filtro = $("#filtrar-maquinas");
	var header = $("nav.rd-navbar");
	$(window).on("scroll", function(){
		var alto_header = header.height();
		if(alto_header == 0){alto_header = $(".rd-navbar-panel").height();}
		if($(".rd-navbar-wrap nav").hasClass("rd-navbar--is-stuck") || $(".rd-navbar-wrap nav").hasClass("rd-navbar-fixed")){
			filtro.removeClass("hidden");
			filtro.css("top", alto_header);
			filtro.css("position", "fixed");
			filtro.css("width", "100%");
		}else{
			filtro.addClass("hidden");
		}
	});
	
	activarMiniToggle();
	activarMagnificPopup()
	
	$('.panel-collapse').on('show.bs.collapse', function () {
    $(this).siblings('.panel-heading').addClass('active');
  });

  $('.panel-collapse').on('hide.bs.collapse', function () {
    $(this).siblings('.panel-heading').removeClass('active');
  });
	
})

function filtrarMaquinas(elem, accion, maquina){
	if(accion == "ver"){
		var array_maquinas_ocultas = leerCookie("maquinas_ocultas").split(",");
		eliminarValorDeArray(array_maquinas_ocultas, maquina);
		setCookie("maquinas_ocultas", array_maquinas_ocultas, 365);
	}
	if(accion == "ocultar"){
		var array_maquinas_ocultas = leerCookie("maquinas_ocultas").split(",");
		if(array_maquinas_ocultas.indexOf(maquina) == -1){
			array_maquinas_ocultas.push(maquina);
			setCookie("maquinas_ocultas", array_maquinas_ocultas, 365);
		}
	}
	if(accion == "solo"){
		$("div.toggle").each(function(){
			if($(this).data("toggle_modo") == "solo" && $(this).data("toggle_maquina") != maquina){
				$(this).data("activo", "0");
				$(this).find("div.minitoggle").removeClass("active");
				$(this).find("div.toggle-handle").attr("style", "");
			}
		})
		$("div[data-toggle_modo=ver]").find("div.minitoggle").each(function(){$(this).addClass("red")});
		setCookie("maquina_solo", maquina, 365);
	}
	if(accion == "excluir"){
		$("div[data-toggle_modo=ver]").find("div.minitoggle").each(function(){$(this).removeClass("red")});
		setCookie("maquina_solo", "", 365);
	}
	console.log("accion: " + accion);
	console.log("cookie maquinas ocultas: " + leerCookie("maquinas_ocultas"));
	console.log("cookie maquina solo: " + leerCookie("maquina_solo"));
	
	aplicarFiltrosMaquinas();
	
}

function aplicarFiltrosMaquinas(){
	//Se ocultan todas las maquinas
	$("div[data-marca]").each(function(){$(this).slideUp("fast")});
	// Se muestran solo las marcadas
	if(leerCookie("maquina_solo") != ""){
		desplegarMaquina(leerCookie("maquina_solo"));
	}else{
		var maquinas_ocultas = leerCookie("maquinas_ocultas").split(",");
		$("div[data-marca]").each(function(){
			//var maquina = $(this).find("a").first("a").attr("id");
			var maquina = $(this).data("marca");
			var maquina_nombre_web = nombreWebEstricto(maquina, true);
			if(!maquinas_ocultas.includes(maquina_nombre_web)){
				$("div[data-marca='" + maquina_nombre_web + "']").slideDown("fast");
				console.log("desplegar: " + "div[data-marca='" + maquina_nombre_web + "']");
			}else{
				$("div[data-marca='" + maquina_nombre_web + "']").slideUp("fast");
				console.log("ocultar: " + "div[data-marca='" + maquina_nombre_web + "']");
			}
		})
	}
}

function desplegarMaquina(maquina_nombre_web){
	$("div[data-marca='" + maquina_nombre_web + "']").slideDown("fast");
	console.log("desplegar: " + "div[data-marca='" + maquina_nombre_web + "']");
}

function activarMagnificPopup(){
	$('.popup-gallery').each(function(){
			$(this).magnificPopup({
			delegate: 'a',
			type: 'image',
			tLoading: 'Cargando imagen #%curr%...',
			mainClass: 'mfp-img-mobile',
			gallery: {
				enabled: true,
				navigateByImgClick: true,
				preload: [0,1] // Will preload 0 - before current, and 1 after the current image
			},
			image: {
				tError: '<a href="%url%">La imagen #%curr%</a> no puede ser cargada.',
				titleSrc: function(item) {
					return item.el.attr('title') + '<small></small>';
				}
			}
		})
	})
}

function modalDetallesMaquinaEnVenta(maquina_id){
	let id_modal = "#modal_" + getRandomInt(10000, 99999);
	$.confirm({
		theme: 'light',
		escapeKey: true,
		backgroundDismiss: true,
		animationSpeed: 200,
		title: 'Contactar al vendedor',
		content: "url:/modales/enviar-mensaje-vendedor-maquina.php?id_modal=" + id_modal.replace("#", "") + "&maquina_id=" + maquina_id,
		type: "red",
		typeAnimated: true,
		boxWidth: "",
		useBootstrap: true,
		columnClass: 'col-12 col-md-6 col-md-offset-2',
		buttons: {
			boton1: {
				text: 'Enviar mensaje',
				btnClass: 'btn-black',
				action: function(){if(validarForm(id_modal)){postearModal(id_modal, true)}else{return false}}
			},
			boton2: {
				text: 'Cancelar',
				btnClass: 'btn-default',
				action: function(){void(0);habilitarScroll();}
			}
		},
		onContentReady: function(){
			var self = this;
			setTimeout(function(){self.setContentAppend(' ');}, 500);
		},
		contentLoaded: function(){
			var self = this;
			setTimeout(function(){self.setContentAppend(' ');}, 500);
		}
	});
}