$(document).ready(function() {
	function loadMaps() {
		$.getJSON( "/rest/get/creator_maps.js", function( data ) {
			var parsedata = JSON.parse(data)["maps"];
			var count = parsedata.length;
			if(count == 0) {
				$("ul.maps").append('<p>Nemáte vytvořenou žádnou mapu</p>');
			} else {
  				$.each(parsedata, function( key, val ) {
					$("ul.maps").last().append('<li id="' + val["mid"] + '" data-category="' + val["category"] + '" data-search="' + val["name"] + '"></li>');
					$("ul.maps").last().find("li#" + val["mid"]).append('<div style="background-image: url(\'' + val["lowimage"] + '\')"></div>');
					$("ul.maps").last().find("li#" + val["mid"]).find("div").last().append('<img src="' + val["image"] + '">');
					$("ul.maps").last().find("li#" + val["mid"]).find("div").last().find("img").imgLoad(function(){
    						$(this).fadeIn(700);
					});
					$("ul.maps").last().find("li#" + val["mid"]).append('<div></div>');
					$("ul.maps").last().find("li#" + val["mid"]).find("> div").last().append('<h4></h4>');
					$("ul.maps").last().find("li#" + val["mid"]).find("> div").last().find("h4").append('<a href="/mode/explorer/' + val["mid"] + '/map">' + val["name"] + '</a>');
				$("ul.maps").last().find("li#" + val["mid"]).find("> div").last().append('<h5></h5>');
					$("ul.maps").last().find("li#" + val["mid"]).find("> div").last().find("h5").append('<a href="/mode/explorer/' + (val["category"]).toLowerCase() + '/category">' + val["categoryName"] + '</a>');
					$("ul.maps").last().find("li#" + val["mid"]).find("> div").last().append('<div class="spans"></div>');
					$("ul.maps").last().find("li#" + val["mid"]).find("> div").last().find("div.spans").append('<span>Vytvořil <a href="/user/' + val["uid"] + '">' + val["nickname"] + '</a></span>');
					if(val["description"] == "") $("ul.maps").last().find("li#" + val["mid"]).find("> div").last().find("div.spans").append('<span class="warning">Nemá popis</span>');
					if(val["publish"] == 0) $("ul.maps").last().find("li#" + val["mid"]).find("> div").last().find("div.spans").append('<span class="info">Nepublikováno</span>');
					if(val["locations"] == 0) $("ul.maps").last().find("li#" + val["mid"]).find("> div").last().find("div.spans").append('<span class="danger">Nemá lokace</span>');
					$("ul.maps").last().find("li#" + val["mid"]).find("> div").last().append('<div class="buttons"></div>');
					$("ul.maps").last().find("li#" + val["mid"]).find("> div").last().find("div.buttons").append('<button><i class="las la-pen"></i> Upravit</button>');
					$("ul.maps").last().find("li#" + val["mid"]).find("> div").last().find("div.buttons").find("button").last().on("click", function() {
						$(this).unbind("click");
													dialogNotify("<h2>Nejsi přihlášen</h2><p>K hraní je potřeba být přihlášen, aby se mohlo ukládat skóre. Vytvořte si bezplatný účet, abyste mohli hrát neomezený počet her denně.</p><div class='buttons'><a href='/signup'>Vytvořit účet</a><a href='/signin'>Přihlásit se</a></div>","always");
											});
					if(val["publish"] == 1) {
						$("ul.maps").last().find("li#" + val["mid"]).find("> div").last().find("div.buttons").append('<button><i class="las la-gamepad"></i> Hrát</button>');
						$("ul.maps").last().find("li#" + val["mid"]).find("> div").last().find("div.buttons").find("button").last().on("click", function() {
							$(this).unbind("click");
															dialogNotify("<h2>Nejsi přihlášen</h2><p>K hraní je potřeba být přihlášen, aby se mohlo ukládat skóre. Vytvořte si bezplatný účet, abyste mohli hrát neomezený počet her denně.</p><div class='buttons'><a href='/signup'>Vytvořit účet</a><a href='/signin'>Přihlásit se</a></div>","always");
													});
					}
					$("ul.maps").last().find("li#" + val["mid"]).append('<ul></ul>');
					$("ul.maps").last().find("li#" + val["mid"]).find("ul").last().append('<li><i class="las la-stopwatch"></i> Čas: ' + val["time"] + '</li>');
					$("ul.maps").last().find("li#" + val["mid"]).find("ul").last().append('<li><i class="las la-map-marker-alt"></i> Počet lokací: ' + val["locations"] + '</li>');
					$("ul.maps").last().find("li#" + val["mid"]).find("ul").last().append('<li><i class="las la-users"></i> Počet hraní: ' + val["plays"] + '</li>');
					$("ul.maps").last().find("li#" + val["mid"]).find("ul").last().append('<li><i class="las la-thumbs-up"></i> Počet palců: ' + val["likes"] + '</li>');
				});
			}
		});
	}
	loadMaps();
	$("ul").find("li#newmap").on("click", function() {
		$("li#newmap").next("div.dialog").show(0).wait(1).addClass("active");
		$("li#newmap").next("div.dialog").find("li").eq(0).on("click", function() {
			$.post("/rest/mode/creator/create.php", {
				mode: 'explorer',
				type: 'Locations'
			}).done(function(data) {
				$("body").append(data);
			});
		});
		$("li#newmap").next("div.dialog").find("li").eq(1).on("click", function() {
			$("li#newmap").next("div.dialog").removeClass("active").wait(1000).hide();
			setTimeout(function() { dialogNotify("Tato funkce zatím není podporována"); }, 1000);
		});
	});
	$("div.tab").find("h2").on("click", function() {
		if(!$(this).hasClass("active") && global_can_click == true) {
			global_can_click = false;
			$("div.tab").find("h2.active").removeClass("active");
			$(this).addClass("active");
			var category = $(this).attr("data-category");
			if(category == "all") $("section.mode_creator").find("> ul.maps").find("> li:not(#newmap)").show();
			else {
				$("section.mode_creator").find("> ul.maps").find("> li:not(#newmap)").each(function() {
					var cat = $(this).attr("data-category");
					if(cat.indexOf(category) == -1) $(this).hide();
					else $(this).show();
				});
			}
			$("#search").val('');
			global_can_click = true;
		}
	});
	$("#search").on("keydown keyup", function() {
		if(!$("div.tab").find("h2").eq(0).hasClass("active")) {
			$("div.tab").find("h2.active").removeClass("active");
			$("div.tab").find("h2").eq(0).addClass("active");
		}
		var keyword = ($(this).val()).toLowerCase();
		$("section.mode_creator").find("> ul.maps").find("> li:not(#newmap)").each(function() {
			var search = ($(this).attr("data-search")).toLowerCase();
			if(search.indexOf(keyword) == -1) $(this).hide();
			else $(this).show();
		});
		if($("section.mode_creator").find("> ul.maps").find("> li:visible").length == 1) $("section.mode_creator").find("> ul.maps").addClass("noresult");
		else $("section.mode_creator").find("> ul.maps").removeClass("noresult");
	});
});