{* $Id: cc.tpl 1257 2006-02-02 11:33:39Z zeke $ *}

<tr>
	<td align="right">{$lang.select_card}</td>
	<td class="required-field-mark">*</td>
	<td>
		<select id="cc_type" name="payment_info[card]" onchange="fn_check_cc_type(this.value);">
			{foreach from=$credit_cards item="c"}
			<option value="{$c.param}" {if $cart.payment_info.card == $c.param}selected{/if}>{$c.descr}</option>
			{/foreach}
		</select>
	</td>
</tr>
<tr>
	<td align="right">{$lang.cardholder_name}</td>
	<td class="required-field-mark">*</td>
	<td>
		<input id="cc_name" size="35" type="text" name="payment_info[cardholder_name]" value="{$cart.payment_info.cardholder_name}"></td>
</tr>
<tr>
	<td align="right">{$lang.card_number}</td>
	<td class="required-field-mark">*</td>
	<td>
		<input id="cc_number" size="35" type="text" name="payment_info[card_number]" value="{$cart.payment_info.card_number}"></td>
</tr>
<tr>
	<td align="right">{$lang.expiry_date}</td>
	<td class="required-field-mark">*</td>
	{if $cart.payment_info.expiry.Date_Year && $cart.payment_info.expiry.Date_Month}
		{assign var="stime" value="`$cart.payment_info.expiry_date.Date_Year`-`$cart.payment_info.expiry_date.Date_Month`-01"}
	{else}
		{assign var="stime" value=$time}
	{/if}
	<td>
		{html_select_date year_extra="id='cc_year'" month_extra="id='cc_month'" field_array="payment_info[expiry_date]" time=$stime end_year="+10" display_days=false}</td>
</tr>
<tr>
	<td align="right">{$lang.cvv2}</td>
	<td class="required-field-mark" id="cvv2_required">*</td>
	<td>
		<table cellpadding="0" cellspacing="0" border="0">
		<tr>
			<td>
				<input id="cc_cvv2" type="text" name="payment_info[cvv2]" value="{$cart.payment_info.cvv2}" size="4" maxlength="4"></td>
			<td>&nbsp;&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
		</table>
	</td>

	<script type="text/javascript" language="javascript 1.2" src="{$skin_dir}/scripts/cc_validator.js"></script>
	<script type="text/javascript" language="javascript 1.2">
	var check_cc = true;

	var validator_messages = new Array();
	validator_messages['number_not_valid'] = '{$lang.error_card_number_not_valid}';
	validator_messages['wrong_card'] = '{$lang.error_wrong_card}';
	validator_messages['expired'] = '{$lang.error_card_expired}';
	validator_messages['wrong_cvv2'] = '{$lang.error_wrong_cvv2}';

	var cvv2_required = new Array();
	{foreach from=$credit_cards item="c"}
	cvv2_required['{$c.param}'] = '{$c.param_2}';
	{/foreach}

	// Check payment info fields
	function fn_can_place_order()
	{ldelim}
		if (CheckCardNumber(document.getElementById('cc_number').value, document.getElementById('cc_type').value, document.getElementById('cc_month').value, document.getElementById('cc_year').value)) {ldelim}
			return true;
		{rdelim}

		return false;
	{rdelim}

	function fn_check_cc_type(card)
	{ldelim}
		if (cvv2_required[card] == 'Y') {ldelim}
			document.getElementById('cvv2_required').innerHTML = '*';
		{rdelim} else {ldelim}
			document.getElementById('cvv2_required').innerHTML = '&nbsp;';
		{rdelim}
	{rdelim}
	fn_check_cc_type(document.getElementById('cc_type').value);
	</script>
</tr>