<?php require('_mod_security.php'); ?>
<?php
	echo '<h2>Find an Event by Date</h2>';
	echo '<div class="sidebar_calendar">';

	$ar_years = array();
	$curr_year = date('Y');
	for ($yr = $curr_year - 25; $yr <= $curr_year + 5; $yr++) :
		array_push($ar_years, $yr);
	endfor;
	$_POST['sidebar_calendar_select_year'] = (!empty($_REQUEST['select_year']) ? $_REQUEST['select_year'] : $curr_year);
	echo '<div style="width:25%; min-width:80px; display:inline-block; vertical-align:top; margin-right:10px;">';
	form_field(['fname'=>'sidebar_calendar_select_year', 'ftype'=>'select', 'fsize'=>10, 'frequired'=>false, 'fdbname'=>'select_year', 'ar_group'=>$ar_years, 'flabel'=>'', 'onchange' => 'sidebar_calendar_load_month();']);
	echo '</div>';
	$ar_months = array();
	$curr_month = date('m');
	for ($mo = 1; $mo <= 12; $mo++) :
		$time = mktime(0, 0, 0, $mo, 1);
		$ar_months[$mo] = strftime('%B', $time);
	endfor;
	$_POST['sidebar_calendar_select_month'] = (!empty($_REQUEST['select_month']) ? $_REQUEST['select_month'] : $curr_month);
	echo '<div style="width:40%; min-width:110px; display:inline-block; vertical-align:top;">';
	form_field(['fname'=>'sidebar_calendar_select_month', 'ftype'=>'select', 'fsize'=>10, 'frequired'=>false, 'fdbname'=>'select_month', 'ar_group'=>$ar_months, 'flabel'=>'', 'onchange' => 'sidebar_calendar_load_month();']);
	echo '</div>';
	echo '<div style="width:30%; min-width:80px; display:inline-block; vertical-align:bottom; text-align:right;">';
	echo '<a href="javascript:void(0)" onclick="sidebar_calendar_increment(-1); return false;">';
	echo '<svg viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><path d="M10 14L3 7.5L10 1" stroke="#555" stroke-linecap="square" fill="none"></path></svg>';
	echo '</a>';
	echo '&nbsp;&nbsp;';
	echo '<a href="javascript:void(0)" onclick="sidebar_calendar_increment(+1); return false;">';
	echo '<svg viewBox="0 0 15 15" xmlns="http://www.w3.org/2000/svg"><path d="M5 14L12 7.5L5 1" stroke="#555" stroke-linecap="square" fill="none"></path></svg>';
	echo '</a>';
	echo '</div>';

	echo '<div class="cleardiv">&nbsp;</div>';

	echo '<div class="sidebar_calendar_grid_container" id="sidebar_calendar_grid_container">';
	echo '<div class="sidebar_calendar_grid" id="sidebar_calendar_grid">';
	echo '</div>';
	echo '<img class="loading_icon" id="sidebar_calendar_loading_icon" src="img/loading2.gif">';
	echo '</div>';

	echo '</div>';
?>
<script>
	$(document).ready(function() {
		sidebar_calendar_load_month();
	});
</script>