<?php
	session_start();
	if(empty($_SESSION['full_address'])) {
		header("Location: /"); //They shouldn't be here
	}
	require_once($_SERVER['DOCUMENT_ROOT'].'/php/mysql.php');
	$sizes = $db->query("SELECT * FROM yogurtland_delivers.sizes WHERE active='1' ORDER BY price ASC");
	ob_start();
?>
<script src="/js/choose_size.js?ts=<?= time();?>"></script>
<div id="real_content">
	<center>
		<div class="select_size_header">
			<div class="big_number_1">
				<div class="center_number_1">1</div>
			</div>
			Select your Size
		</div>
		<?php $i=0; foreach($sizes as $size) { $i++; ?>
		<?php if(false && $size['ounces']=='7') { ?>
		<div class="size sold_out" onclick="alert('We are sold out of the 7 ounce cups right now.');">
		<?php } else { ?>
		<div class="size" onclick="choose_size(this,'<?= $size['id'];?>');">
		<?php } ?>
			<div class="yogurt_cup">
				<img src="/images/<?= $size['image_url'];?>" style="width:<?= $size['image_width'];?>px;" />
				<?php if(strtotime(date('Y-m-d')) >= strtotime('2020-03-30') && strtotime(date('Y-m-d')) <= strtotime('2020-04-11')) {
					//Easter Event
				?>
				<div style="color:blue;cursor:pointer;text-decoration:underline;" onclick="entries_button_click();">(<?= $i;?> Entr<?= ($i==1) ? 'y' : 'ies';?>)</div>
				<?php } ?>
			</div>
			<div class="description">
				<div class="total_weight"><?= $size['ounces'];?> oz Total Weight</div>
				<div class="choose_up_to">Choose up to:</div>
				<div class="num_flavors">
					<?= $size['flavors'];?> Flavor<?= ($size['flavors']*1>1) ? 's' : '';?>, 
					<?= $size['toppings'];?> Topping<?= ($size['toppings']*1>1) ? 's' : '';?>
				</div>
				<div class="total_bar"></div>
				<div class="total_price">$<?= number_format($size['price'],2);?></div>
			</div>
		</div>
		<?php } ?>
		<a class="next_cup_link next_cup_link_large link_disabled">
			<img src="/images/next_cup_large.png" />
		</a>
	</center>
</div>
<?php if(strtotime(date('Y-m-d')) >= strtotime('2020-03-30') && strtotime(date('Y-m-d')) <= strtotime('2020-04-11')) {
	//Easter Event
?>
<script>
function make_internal_popup(data) {
	$('body').append('<div id="id-popup-overlay" onclick="$(\'#id-popup-container\').remove(); $(\'#id-popup-overlay\').remove();"></div>');
	$('body').append('<div id="id-popup-container"></div>');
	$('#id-popup-overlay').attr('style','z-index:10012;position:fixed;top:0px;left:0px;bottom:0px;right:0px;background:rgba(0,0,0,.6);');
	$('#id-popup-container').attr('style','z-index:10013;position:fixed;top:0px;left:0px;background:white;border-radius:16px;padding:15px;overflow:auto;');
	$('#id-popup-container').html('<img src="/images/notebook_close_24x24.png" style="position:absolute;top:4px;right:5px;width:24px;height:24px;cursor:pointer;" id="id-popup-close-button" onclick="$(\'#id-popup-container\').remove(); $(\'#id-popup-overlay\').remove();" />');
	$('#id-popup-container').append(data);
	$('#id-popup-container').css('max-height',$(window).height());
	$('#id-popup-container').css('max-width',$(window).width());
	$('#id-popup-container').css('left',$(window).width()/2 - $('#id-popup-container').width()/2);
	$('#id-popup-container').css('top',$(window).height()/2 - $('#id-popup-container').height()/2);
}
function preload(arrayOfImages) {
    $(arrayOfImages).each(function () {
        $('<img />').attr('src',this).appendTo('body').css('display','none');
    });
}
function entries_button_click() {
	make_internal_popup('<img src="/images/yogurtland_easter_promotion.jpg" style="width:100%;" />');
}
$('document').ready(function() {
	preload(['/images/yogurtland_easter_promotion.jpg']);
});
</script>
<?php } ?>
<?php
	$title = 'Yogurtland Delivers - Choose Size';
	$page = 'choose_size';
	$html = ob_get_clean();
	include('layout.php');
?>