<html>
<head>
	<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=0"/>
    <meta http-equiv="content-type" content="text/html; charset=UTF8">
    <meta name="author" content="franga2000">
    
    <title>UGM Spomin</title>
    
    <script src="js/game.js" charset="UTF-8"></script>
</head>
 
<body>
    <table id="content">
		<td><div id="game"></div></td>
		<td id="extra">
			<form style="display:inline;" action="" method="GET">
				<input type="hidden" name="puzzle" value="<?php echo $data['ID']; ?>" /> 
				<label for="tiles">Težavnost: </label>
				<select name="tiles" id="tezavnost" onChange="this.form.submit()">
				<option value="4" <?php if($_GET['tiles'] == '4') echo 'selected'; ?>>Lahko</option>
				<option value="6" <?php if($_GET['tiles'] == '6') echo 'selected'; ?>>Srednje</option>
				<option value="8" <?php if($_GET['tiles'] == '8') echo 'selected'; ?>>Težko</option>
				<option value="10" <?php if($_GET['tiles'] == '10') echo 'selected'; ?>>Zelo Težko</option>
				</select>
			</form>
			<p id="left">Še 0 parov do konca</p>
			<p id="cas">Čas: 0s</p>
			<p id="poskusi">Premiki: 0</p>
		</td>
	</table>
</body>
 
<style>
	html {
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
	
	#content {
		padding: 10px;
		border: 1px solid #BCE8F1;
		border-radius: 5px;
		background: #D9EDF7;
		display: block;
		margin: auto;
	}
	
	#content td {
		padding: 10px;
		vertical-align: top;
	}
	
	#extra {
		display: inline-block;
	}
	
	#game img {
	    width: 100px;
	    height: 100px;
	}
</style>
<footer>
    <script>
    <?php
        if (empty($_GET['tiles'])) $_GET['tiles'] = 6;
            
		echo "const MAX_TILES = " . (count(scandir("img/")) - 3) . ";
		const DIFFICULTY = " . $_GET['tiles'] . ";
		init();";
	?>
    </script>
</footer>
</html>
<!-- 
	Copyright © 2014 Miha Frangež ("franga2000")
		http://franga2000.com 
-->