---- dataentry snippet ----
type          : snippet     # do not change this line
category      : checkout            # mention the category like 'shipping', 'checkout' etc
name          : Age Validation For Alcohol Purchase            # the name of the snippet
description   :             # description about snippet
versions_tags : 1.0, 1.1            # compatible versions ( always use the dots between the numerals e.g 0.6.0 or 0.7.1 )
reference_url :             # External link
tags_tags     : date            # tags, separated by commas.
date_dt       : 2013-04-26            # the date in YYYY-MM-DD format
----

===== Age Validation For Alcohol Purchase =====

This snippet will force the user to enter their birthday and confirms that they are 21 years old prior to checkout.

==== Code ====

Put this code in your checkout template. Version 1.0 required.

<code php>^^custom_begin^^

<h2>Additional Information</h2>
 
<fieldset id="fc_custom_fields">
	<div class="fc_inner">
		<div>
			<h4>Date of Birth</h4>
			<select name="h:Month" id="birthmonth">
				<option value="">-- Month --</option>
				{% for i in 1..12 %}
					{% set temp_date = "2010-" ~ i ~ "-01" %}
					<option value="{{ i }}">{{ temp_date|date("F") }}</option>
				{% endfor %}
			</select>

			<select name="h:Day" id="birthday">
				<option value="">-- Day --</option>
				{% for i in 1..31 %}
					<option value="{{ i }}">{{ i }}</option>
				{% endfor %}
			</select>

			<select name="h:Year" id="birthyear">
				<option value="">-- Year --</option>
				{% for i in 1910..2013 %}
					<option value="{{ i }}">{{ i }}</option>
				{% endfor %}
			</select>

			<label class="fc_error" style="display:none;" id="is21error">You must be 21 years or older to order wine from our site.</label>
		</div>
	</div><!-- .fc_inner -->
</fieldset><!-- #fc_custom_fields -->


<script type="text/javascript">
function ageCheckDate() {
	if (jQuery("#birthmonth").val() == "" || jQuery("#birthday").val() == "" || jQuery("#birthyear").val() == "") return false;
	var birthday_string = jQuery("#birthmonth").val() + "/" + jQuery("#birthday").val() + "/" + jQuery("#birthyear").val();
	var birthday = new Date(birthday_string);
	var today = new Date();
	var years = today.getFullYear() - birthday.getFullYear();
	birthday.setFullYear(today.getFullYear());
	if (today < birthday) years--;
	if (years < 21) return false;
	return true;
}
function ageCheck() {
	is_21 = ageCheckDate();
	if (is_21) {
		FC.checkout.config.isValid = true;
		jQuery("#is21error").hide();
	} else {
		FC.checkout.config.isValid = false;
		jQuery("#is21error").show();
	}
}
FC.checkout.overload("validateAndSubmit", "ageCheck", null);
</script> 
^^custom_end^^</code>