<?php
	class_exists('XF\Install\App', false) || die('Invalid');
?>
<!DOCTYPE html>
<html id="XF" dir="ltr" class="has-no-js" data-template="<?php echo !empty($templateName) ? $templateName : '' ?>" data-app="install">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title><?php echo (!empty($title) ? htmlspecialchars($title) . ' | ' : ''); ?>XenForo</title>

	<meta name="robots" content="noindex, nofollow" />

	<link rel="stylesheet" href="install.css" />

	<script src="<?php echo $templater->fn('js_url', ['xf/preamble.js']); ?>"></script>
</head>
<body>
<div class="p-pageWrapper">
	<header class="p-header">
		<div class="p-header-logo p-header-logo--image">
			<img src="../styles/default/xenforo/xenforo-logo.png" srcset="../styles/default/xenforo/xenforo-logo2x.png 2x" />
		</div>
	</header>
	<div class="p-body">
		<div class="p-main">
			<main class="p-main-inner">

				<noscript>
					<div class="blockMessage blockMessage--important u-noJsOnly">
						<?php echo \XF::phrase('javascript_is_disabled_please_enable_before_proceeding'); ?>
					</div>
				</noscript>

				<!--[if lt IE 9]>
				<div class="blockMessage blockMessage--important">
					<?php echo \XF::phrase('you_are_using_out_of_date_browser_upgrade'); ?>
				</div>
				<![endif]-->

				<div class="p-title">
					<h1 class="p-title-value">
						<?php echo (!empty($title) ? htmlspecialchars($title) : ''); ?>
					</h1>
				</div>

				<div class="p-content" id="content">
					<?php echo (!empty($content) ? $content : ''); ?>
				</div>
			</main>
		</div>
	</div>
	<footer class="p-footer">
		<div class="p-footer-row">
			<div class="p-footer-row-main"></div>
			<div class="p-footer-row-opposite">
				<span class="p-footer-version">v<?php echo \XF::$version; ?></span>
			</div>
		</div>

		<div class="p-footer-copyright">
			<?php echo $templater->fn('copyright'); ?>
		</div>
	</footer>
</div>

<?php echo $templater->fn('core_js'); ?>
<!--XF:JS-->

<script>
	jQuery.extend(true, XF.config, {
		csrf: '<?php echo $templater->filter($templater->fn('csrf_token'), [['escape', ['js']]]); ?>'
	});
	jQuery.extend(XF.phrases, {
		oops_we_ran_into_some_problems: "<?php echo $templater->filter(\XF::phrase('oops_we_ran_into_some_problems'), [['escape', ['js']]]); ?>",
		oops_we_ran_into_some_problems_more_details_console: "<?php echo $templater->filter(\XF::phrase('oops_we_ran_into_some_problems_more_details_console'), [['escape', ['js']]]); ?>"
	});
</script>

</body>
</html>