<div class="container-fluid">
	<h3 class="page-header"><i class="fa fa-info-circle fa-fw"></i><span  data-i18n="main_menu_about_token">About Hyperion</span></h3>
	<div class="row">
		<div class="col-lg-12">
			<div id="about_cont"></div>
			
		</div>
		<div id="danger_act"class="col-lg-6" style="display:none;padding-top:20px">
			<h4>You found a hidden service menu!</h4>
			<button id="reset_cache" class="btn btn-danger">Reset Browser Cache</button>
			<button id="hyp_restart" class="btn btn-danger">Force Hyperion Restart</button>
		</div>
	</div>
</div>

<script type="text/javascript">
	performTranslation();

	var si = sysInfo.hyperion;
	var libs = {"Bootstrap 3" : "http://getbootstrap.com/", "JQuery" : "https://jquery.com/", "Bootstrap Colorpicker" : "https://itsjavi.com/bootstrap-colorpicker/", "JSON-Editor" : "http://jeremydorn.com/json-editor/", "jQuery.i18n" : "https://github.com/wikimedia/jquery.i18n", "metisMenu" : "http://mm.onokumus.com/index.html", "download.js" : "http://danml.com/download.html", "gijgo" : "http://gijgo.com/"};
	var libh = "";
	var lang = [];
	var dcount = 0;

	for(var i = 0; i<availLang.length; i++)
		lang.push($.i18n('general_speech_'+availLang[i]));
	for(key in libs)
		libh += '<a href="'+libs[key]+'" target="_blank">'+key+'</a>, ';
	libh += "<br/>"+$.i18n("about_credits");
	lang = lang.toString().replace(/,/g,", ");

	var fc = ['<span id="danger_trig">'+$.i18n("about_version")+'<span>',$.i18n("about_build"),$.i18n("about_builddate"),$.i18n("about_translations"),$.i18n("about_resources", $.i18n("general_webui_title")), $.i18n("about_3rd_party_licenses")];
	var sc = [currentVersion,si.build,si.time,'('+availLang.length+')<p>'+lang+'</p><p><a href="https://github.com/hyperion-project/hyperion.ng" target="_blank">'+$.i18n("about_contribute")+'</a></p>',libh, '<pre><div id="3rdpartylicenses" style="overflow:scroll;max-height:400px"></div></pre>'];

	createTable("","atb","about_cont");
	for(var i = 0; i<fc.length; i++)
		$('.atb').append(createTableRow([fc[i],sc[i]], "atb", false));

	$('#danger_trig').off().on('click',function(){
		dcount++;
		if(dcount > 2)
			$('#danger_act').toggle(true);
	});

	$('#reset_cache').off().on('click',function(){
		localStorage.clear();
	});

	$('#hyp_restart').off().on('click',function(){
		initRestart();
	});

	var url = 'https://raw.githubusercontent.com/hyperion-project/hyperion.ng/master/3RD_PARTY_LICENSES';
	fetch(url)
	.then(function(response) {
		if(!response.ok)
		{
			$("#3rdpartylicenses").html('<a href="' + url + '">' + $.i18n("about_3rd_party_licenses_error") + '</a>');
		}
		else
		{
			response.text().then(function(text) {
				$("#3rdpartylicenses").html('<code>'+text+'</code>');
			});
		}
	})
	.catch(function(rejected) {
		$("#3rdpartylicenses").html('<a href="' + url + '">' + $.i18n("about_3rd_party_licenses_error") + '</a>');
	});

	removeOverlay();
</script>