(function () {
	// If QR lib loaded ok, show QR button on desktop devices
	if(window.QRCode) {
		new QRCode(document.getElementById("qr-invite-page"), document.location.href);
		document.getElementById('qr-button-container').classList.add("d-md-block");
	}

	// Detect current platform and show/hide appropriate clients
	if(window.platform) {
		var platform_friendly = null;
		var platform_classname = null;

		switch(platform.os.family) {
		case "Ubuntu":
		case "Linux":
		case "Fedora":
		case "Red Hat":
		case "SuSE":
			platform_friendly = platform.os.family + " (Linux)";
			platform_classname = "linux";
			break;
		case "Windows Phone":
			platform_friendly = "Windows Phone";
			platform_classname = "windows-phone";
			break;
		default:
			if(platform.os.family.startsWith("Windows")) {
				platform_friendly = "Windows";
				platform_classname = "windows";
			} else {
				platform_friendly = platform.os.family;
				platform_classname = platform_friendly.toLowerCase();
			}
		}

		if(platform_friendly && platform_classname) {
			if(document.querySelectorAll('.client-card .client-platform-badge-'+platform_classname).length == 0) {
				// No clients recognised for this platform, do nothing
				return;
			}
			// Hide clients not for this platform
			const client_cards = document.getElementsByClassName('client-card');
			for (let card of client_cards) {
				if (card.classList.contains('app-platform-'+platform_classname))
					card.classList.add('supported-platform');
				else if (!card.classList.contains('app-platform-web'))
					card.hidden = true;
				const badges = card.querySelectorAll('.client-platform-badge');
				for (let badge of badges) {
					if (badge.classList.contains('client-platform-badge-'+platform_classname)) {
						badge.classList.add("badge-success");
						badge.classList.remove("badge-info");
					} else {
						badge.classList.add("badge-secondary");
						badge.classList.remove("badge-info");
					}
				}
			}
			const show_all_clients_button_container = document.getElementById('show-all-clients-button-container');
			show_all_clients_button_container.querySelector('.platform-name').innerHTML = platform_friendly;
			show_all_clients_button_container.classList.remove("d-none");
			document.getElementById('show-all-clients-button').addEventListener('click', function (e) {
				for (let card of client_cards)
					card.hidden = false;
				show_all_clients_button_container.hidden = true;
				e.preventDefault();
			});
		}
	}
})();