(function($) {
	"use strict";

	function closeParent($button) {
		var panelId = $button.attr("aria-controls");
		$button.attr("aria-expanded", "false");
		$("#" + panelId).attr("hidden", "hidden");
	}

	function openParent($button) {
		var panelId = $button.attr("aria-controls");
		$button.attr("aria-expanded", "true");
		$("#" + panelId).removeAttr("hidden");
	}

	function sendPickupEvent($button) {
		window.dataLayer = window.dataLayer || [];
		window.dataLayer.push({
			event: "faq_pickup_open",
			link_text: $.trim($button.find(".p-faqTop__qaTitle").text()),
			link_url: $button.attr("data-faq-url") || ""
		});
	}

	function initPickupAccordion() {
		$(".js-faq-pickup-toggle").on("click", function() {
			var $button = $(this);
			if ($button.attr("aria-expanded") === "true") {
				closeParent($button);
			} else {
				openParent($button);
				sendPickupEvent($button);
			}
		});
	}

	function initCategoryNavigation() {
		var $topButtons = $(".p-faqTop__catList .js-faq-parent-toggle");
		var $sideButtons = $(".p-faqSidebar__panel .js-faq-parent-toggle");
		var desktopQuery = window.matchMedia("(min-width: 768px)");

		/* サイドバーはテンプレートが現在地のカテゴリーを開いた状態で出力する。PCに戻したときここへ戻す */
		$sideButtons.each(function() {
			$(this).attr("data-faq-default-expanded", $(this).attr("aria-expanded"));
		});

		// PCは常時展開、SPは閉じた状態から。ブレークポイントをまたいだときも状態を揃え直す。
		function syncTopCategories() {
			$topButtons.prop("disabled", desktopQuery.matches);
			$topButtons.each(function() {
				if (desktopQuery.matches) {
					openParent($(this));
				} else {
					closeParent($(this));
				}
			});
		}

		/*
			SPの「カテゴリーを変更」は、現在地のカテゴリーが開いたままだと
			子カテゴリーが何十件も並んで一覧が長くなる。SPは全て閉じた状態から始め、
			PCではテンプレートどおり現在地のカテゴリーを開いておく。
			SPのパネル自体はJSで開くまで display: none なので、閉じ直しても一瞬見えることはない。
		*/
		function syncSideCategories() {
			$sideButtons.each(function() {
				var $button = $(this);
				if (desktopQuery.matches && $button.attr("data-faq-default-expanded") === "true") {
					openParent($button);
				} else {
					closeParent($button);
				}
			});
		}

		function syncCategories() {
			if ($topButtons.length) {
				syncTopCategories();
			}
			if ($sideButtons.length) {
				syncSideCategories();
			}
		}

		if ($topButtons.length || $sideButtons.length) {
			syncCategories();
			if (desktopQuery.addEventListener) {
				desktopQuery.addEventListener("change", syncCategories);
			} else {
				desktopQuery.addListener(syncCategories);
			}
		}

		$(".js-faq-parent-toggle").on("click", function() {
			var $button = $(this);
			var shouldOpen = $button.attr("aria-expanded") !== "true";
			var isFaqTop = $button.closest(".p-faqTop__catList").length > 0;

			if (isFaqTop) {
				if (desktopQuery.matches) {
					return;
				}
				if (shouldOpen) {
					openParent($button);
				} else {
					closeParent($button);
				}
				return;
			}

			$(".js-faq-parent-toggle").each(function() {
				closeParent($(this));
			});

			if (shouldOpen) {
				openParent($button);
			}
		});

		$(".js-faq-mobile-toggle").on("click", function() {
			var $button = $(this);
			var open = $button.attr("aria-expanded") !== "true";
			$button.attr("aria-expanded", open ? "true" : "false");
			$("#" + $button.attr("aria-controls")).toggleClass("is-mobile-open", open);
		});
	}

	function initScrollableTables() {
		var tableIndex = 0;

		$(".p-faqEntry__body table").each(function() {
			var $table = $(this);
			var maxColumnCount = 0;

			$table.find("tr").each(function() {
				var columnCount = 0;

				$(this).children("th, td").each(function() {
					columnCount += parseInt($(this).attr("colspan"), 10) || 1;
				});

				maxColumnCount = Math.max(maxColumnCount, columnCount);
			});

			if (maxColumnCount < 4 || $table.parent().hasClass("p-faqEntry__tableScroll")) {
				return;
			}

			tableIndex += 1;
			var noteId = "faq-table-scroll-note-" + tableIndex;
			var $scrollArea = $("<div>", {
				"class": "p-faqEntry__tableScroll",
				"role": "region",
				"aria-label": "回答内の表" + tableIndex,
				"aria-describedby": noteId,
				"tabindex": "0"
			});

			$table.addClass("p-faqEntry__table--wide").wrap($scrollArea);
			$("<p>", {
				"class": "p-faqEntry__tableNote",
				"id": noteId,
				"text": "横にスクロールできます"
			}).insertBefore($table.parent());
		});
	}

	function getRequestedPage() {
		var match = window.location.search.match(/[?&]page=(\d+)/);
		return match ? parseInt(match[1], 10) : 1;
	}

	function getPageUrl(page) {
		return window.location.pathname + (page > 1 ? "?page=" + page : "");
	}

	function createPageLink(page, label, className) {
		return '<a class="' + className + '" href="' + getPageUrl(page) + '" data-faq-page="' + page + '">' + label + "</a>";
	}

	function buildPagination(currentPage, pageCount) {
		var html = '<ul class="p-faqPagination__list">';
		var start = Math.max(1, currentPage - 2);
		var end = Math.min(pageCount, currentPage + 2);
		var page;

		if (currentPage > 1) {
			html += '<li class="p-faqPagination__item">' + createPageLink(currentPage - 1, "前へ", "p-faqPagination__link p-faqPagination__link--wide") + "</li>";
		}

		if (start > 1) {
			html += '<li class="p-faqPagination__item">' + createPageLink(1, "1", "p-faqPagination__link") + "</li>";
			if (start > 2) {
				html += '<li class="p-faqPagination__ellipsis" aria-hidden="true">…</li>';
			}
		}

		for (page = start; page <= end; page++) {
			if (page === currentPage) {
				html += '<li class="p-faqPagination__item"><span class="p-faqPagination__current" aria-current="page">' + page + "</span></li>";
			} else {
				html += '<li class="p-faqPagination__item">' + createPageLink(page, page, "p-faqPagination__link") + "</li>";
			}
		}

		if (end < pageCount) {
			if (end < pageCount - 1) {
				html += '<li class="p-faqPagination__ellipsis" aria-hidden="true">…</li>';
			}
			html += '<li class="p-faqPagination__item">' + createPageLink(pageCount, pageCount, "p-faqPagination__link") + "</li>";
		}

		if (currentPage < pageCount) {
			html += '<li class="p-faqPagination__item">' + createPageLink(currentPage + 1, "次へ", "p-faqPagination__link p-faqPagination__link--wide") + "</li>";
		}

		return html + "</ul>";
	}

	function itemSort(a, b) {
		var aOrderText = $.trim($(a).attr("data-sort-order") || "");
		var bOrderText = $.trim($(b).attr("data-sort-order") || "");
		var aHasOrder = aOrderText !== "" && !isNaN(Number(aOrderText));
		var bHasOrder = bOrderText !== "" && !isNaN(Number(bOrderText));
		var dateDifference;

		if (aHasOrder && bHasOrder && Number(aOrderText) !== Number(bOrderText)) {
			return Number(aOrderText) - Number(bOrderText);
		}

		if (aHasOrder !== bHasOrder) {
			return aHasOrder ? -1 : 1;
		}

		dateDifference = Number($(b).attr("data-published") || 0) - Number($(a).attr("data-published") || 0);
		return dateDifference;
	}

	function initFaqList($root) {
		var $list = $root.find(".js-faq-items").first();
		var $summary = $root.find(".js-faq-summary").first();
		var $pagination = $root.find(".js-faq-pagination").first();
		var $empty = $root.find(".js-faq-empty").first();
		var items = $list.children(".p-faqList__item").get();
		var pageSize = parseInt($root.attr("data-page-size"), 10) || 20;
		var pageCount;

		items.sort(itemSort);
		$.each(items, function() {
			$list.append(this);
		});

		pageCount = Math.max(1, Math.ceil(items.length / pageSize));

		function renderPage(requestedPage, updateHistory, scrollToList) {
			var currentPage = Math.min(Math.max(requestedPage || 1, 1), pageCount);
			var startIndex = (currentPage - 1) * pageSize;
			var endIndex = Math.min(startIndex + pageSize, items.length);

			$list.children(".p-faqList__item").attr("hidden", "hidden").slice(startIndex, endIndex).removeAttr("hidden");

			if (items.length) {
				$summary.text("全" + items.length + "件中 " + (startIndex + 1) + "〜" + endIndex + "件を表示");
				$empty.attr("hidden", "hidden");
			} else {
				$summary.text("");
				$empty.removeAttr("hidden");
			}

			if (pageCount > 1) {
				$pagination.html(buildPagination(currentPage, pageCount)).removeAttr("hidden");
			} else {
				$pagination.empty().attr("hidden", "hidden");
			}

			if (updateHistory && window.history && window.history.pushState) {
				window.history.pushState({ faqPage: currentPage }, "", getPageUrl(currentPage));
			}

			if (scrollToList && $root.length) {
				$("html, body").animate({ scrollTop: $root.offset().top }, 200);
			}
		}

		$root.on("click", "[data-faq-page]", function(event) {
			event.preventDefault();
			renderPage(parseInt($(this).attr("data-faq-page"), 10), true, true);
		});

		$(window).on("popstate", function() {
			renderPage(getRequestedPage(), false, false);
		});

		renderPage(getRequestedPage(), false, false);
	}

	$(function() {
		initPickupAccordion();
		initCategoryNavigation();
		initScrollableTables();
		$(".js-faq-list").each(function() {
			initFaqList($(this));
		});
	});
})(jQuery);