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

<div id="page-content">
	
	<div class="overlay">
		<h1 class="overlay-message">Saving...</h1>
	</div>

	<div id="header">
		<h4>Stock</h4>
		<div class="button" id="exitApp" style="width: auto; float: right;">Quit App</div>
		<div class="button" id="backToApp" style="width: auto; float: right; margin-right: 10px;">Back To App</div>
	</div>
	
	<div class="button-container">
		<div class="button page" id="metrics" style="width: auto; float: right;">Metrics</div>
		<div class="button page active" id="stock" style="width: auto; float: right; margin-right: 20px;">Stock</div>
	</div>
	
	<div class="button-container" style="margin-top: 30px;">
		<div class="button" id="setToFull" style="float: left; width: auto; margin-right: 10px;">Set all to full</div>
		<div class="button" id="saveAll" style="float: left; ">Save all quantities</div>
		
	</div>

	<form id="frmQuantity" method="post" action="admin">
		<input type="hidden" name="update" value="1" />
		<ul class="trays">
			<?php foreach ($coils as $coil) : ?>
			<li class="coil<?php echo ( ($coil['quantity'] == 0) ? ' empty' : '' ); ?> <?php echo (strtolower($coil['tray'])); ?>">
				<div class="location"><strong><?php echo ($coil['tray'] . $coil['coil']); ?></strong><br /><?php echo ($coil['label_en']);?></div>
				<div class="quantity">
					<span id="qty_up" class="arrow up">▲</span>
					<input data-max="<?php echo ($coil['quantity_full']); ?>" type="number" min="0" max="<?php echo ($coil['quantity_full']); ?>" id="<?php echo ($coil['location']); ?>" name="<?php echo ($coil['location']); ?>" value="<?php echo ($coil['quantity']); ?>">
					<span id="qty_down" class="arrow down">▼</span>
				</div>
				<div class="button small vend-button" data-stock-loc="<?php echo ($coil['location']); ?>">Vend</div>
			</li>
			<?php endforeach; ?>
		</ul>
		
	</form>

	<div id="modal-container">
		<div id="modal_confirm" class="modal">
			<h1>Are you sure you want to save all quantities?</h1>
			<div class="button-container">
				<div class="button" id="confirm_saveAll" style="margin-right: 0;">Confirm</div>
				<p class="cancel"><a onclick="parent.jQuery.fancybox.getInstance().close();">Cancel</a></p>
			</div>
		</div>
		
<!--
		<div id="modal_downloadCSV" class="modal">
			<h1 style="text-transform: none;">A CSV file is downloading now.<br />You will find it in your downloads folder.</h1>
			<div class="button-container">
				<div class="button" onclick="parent.jQuery.fancybox.getInstance().close();">OK</div>
			</div>
		</div>
-->
		
		<div id="modal_exitApp" class="modal">
			<h1 style="text-transform: none;">App quitting...</h1>
		</div>
	</div>

</div>

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