<?php include ('include/top.php'); ?>

<script>
	//var machineempty = <?php echo ( empty($stockCheck) ? "true" : "false"); ?>;
	let test = <?php echo($cfg['test']); ?>;
	let testUUID = "<?php echo($cfg['testUUID']); ?>";
</script>

<div id="page-content">

	<section id="idle" style="display: block;">

		<div class="secret"></div>
		
		<?php if (!empty($stockCheck)) : ?>

		<div class="icons">
			<img class="arrow" src="view/images/arrow_right.png" />
			<div class="icon spinner">
				<div class="double-bounce1"></div>
				<div class="double-bounce2"></div>
			</div>
				<div class="icon error">
					<h1>Error!<br /><span class="error-message"></span></h1>
				</div>
		</div>
		<h1>Please scan your<br />QR code to begin</h1>
		
		<?php else : ?>

		<h1>The machine is empty</h1>

		<?php endif; ?>

	</section>
	
	<section id="welcome">
		<h1 class="name">Welcome<br /><span class="user-name"></span></h1>
		<hr />
	</section>

	<section id="video">
		<div class="vid_container">
			<video id="contentvideo" src="view/images/video.mp4" preload="auto" />
		</div>
	</section>
	
	<section id="vend">
		<h1>Thank you for<br />participating!</h1>
		<h2>Please take your gift<br />from the tray below.</h2>
<!-- 		<img src="view/images/arrow_down.png" /> -->
	</section>
	
</div>

<?php include ('include/bottom.php'); ?>