{capture name=path}<a href="{$link->getPageLink('order.php', true)}?step=3&amp;cgv=1">{l s='Your payment method' mod='spay'}</a><span class="navigation-pipe">{$navigationPipe}</span>{l s='Pay with System Pay' mod='spay'}{/capture}
{include file="$tpl_dir./breadcrumb.tpl"}

{assign var='current_step' value='payment'}
{include file="$tpl_dir./order-steps.tpl"}

<h1>{l s='Payment' mod='spay'}</h1>

{if $errors}
<div class="error">
	<ol>
	{foreach $errors as $error}
	<li>{$error}</li>
	{/foreach}
	</ol>
</div>
{/if}

<form action="{$base_dir_ssl}modules/spay/payment.php" method="post" id="spayform">
	{*<div class="top">
		<h3 class="condition_title">{l s='For your security' mod='spay'}</h3>
		<p>{l s='We don\'t store credit card numbers.' mod='spay'} {l s='Your communication with our servers are encrypted.' mod='spay'}</p>
		<p>{l s='We use the SystemPay solution, one of the market leaders, member of the group Caisse d\'Épargne - Banque Populaire.' mod='spay'}</p>
		<p class="center"><img src="{$base_dir_ssl}modules/spay/payment.png" alt="" /></p>
	</div>*}
	<div class="bottom">
		<p class="bold"><span class="price">{displayPrice price=$cart->getOrderTotal()}</span> {l s='will be charged on your credit card.' mod='spay'}</p>
		<p>{l s='Please enter your payment informations below:' mod='spay'} </p>
		<div>
			<p class="">
				<label for="ct">{l s='Credit card type:' mod='spay'}</label>
				<select name="ct" id="ct">
					<option value=""></option>
					<option value="VISA"{if isset($smarty.post.ct) && $smarty.post.ct == 'VISA'} selected="selected"{/if}>Visa</option>
					<option value="MASTERCARD"{if isset($smarty.post.ct) && $smarty.post.ct == 'MASTERCARD'} selected="selected"{/if}>Mastercard</option>
					<option value="CB"{if isset($smarty.post.ct) && $smarty.post.ct == 'CB'} selected="selected"{/if}>CB</option>
				</select>
			</p>
			<p class="">
				<label for="cn">{l s='Credit card number:' mod='spay'}</label>
				<input name="cn" id="cn" type="text" value="{if isset($smarty.post.cn)}{$smarty.post.cn|intval|sprintf:'%016d'}{/if}" autocomplete="off" maxlength="16" />
			</p>
		</div>
		<div>
			<p class="date">
				<label>{l s='Expiration date:' mod='spay'}</label>
				<span class="em">
					{l s='Month' mod='spay'}
					<select name="em">
						<option value=""></option>
						<option value="01"{if isset($smarty.post.em) && $smarty.post.em == '01'} selected="selected"{/if}>01</option>
						<option value="02"{if isset($smarty.post.em) && $smarty.post.em == '02'} selected="selected"{/if}>02</option>
						<option value="03"{if isset($smarty.post.em) && $smarty.post.em == '03'} selected="selected"{/if}>03</option>
						<option value="04"{if isset($smarty.post.em) && $smarty.post.em == '04'} selected="selected"{/if}>04</option>
						<option value="05"{if isset($smarty.post.em) && $smarty.post.em == '05'} selected="selected"{/if}>05</option>
						<option value="06"{if isset($smarty.post.em) && $smarty.post.em == '06'} selected="selected"{/if}>06</option>
						<option value="07"{if isset($smarty.post.em) && $smarty.post.em == '07'} selected="selected"{/if}>07</option>
						<option value="08"{if isset($smarty.post.em) && $smarty.post.em == '08'} selected="selected"{/if}>08</option>
						<option value="09"{if isset($smarty.post.em) && $smarty.post.em == '09'} selected="selected"{/if}>09</option>
						<option value="10"{if isset($smarty.post.em) && $smarty.post.em == '10'} selected="selected"{/if}>10</option>
						<option value="11"{if isset($smarty.post.em) && $smarty.post.em == '11'} selected="selected"{/if}>11</option>
						<option value="12"{if isset($smarty.post.em) && $smarty.post.em == '12'} selected="selected"{/if}>12</option>
					</select>
				</span>
				
				<span class="ey right">
					{l s='Year' mod='spay'}
					<select name="ey">
						<option value=""></option>
						{section name=years start=$current_year loop=$current_year+10 max=10 step=1}
						<option value="{$smarty.section.years.index}"{if isset($smarty.post.ey) && $smarty.post.ey == $smarty.section.years.index} selected="selected"{/if}>{$smarty.section.years.index}</option>
						{/section}
					</select>
				</span>
			</p>
			<p class="cv">
				<label for="cv">{l s='Validation code:' mod='spay'}</label>
				<input id="cv" name="cv" type="text" value="{if isset($smarty.post.cv) && $smarty.post.cv != ''}{$smarty.post.cv|escape:'htmlall':'utf-8'}{/if}" autocomplete="off" maxlength="4" class="small" />
			</p>
		</div>
	</div>
	<div class="clearfix"></div>
	<p class="cart_navigation submit">
		<a href="{$link->getPageLink('order.php', true)}?step=3&amp;cgv=1" title="{l s='Previous' mod='spay'}" class="button"><span>{l s='Previous' mod='spay'}</span></a>
		<span class="gradient right"><input type="submit" name="submitPay" class="exclusive" value="{l s='Confirm' mod='spay'}" /></span>
	</p>
</form>

<script type="text/javascript" src="{$base_dir_ssl}modules/spay/jquery.numeric.js"></script>
<script type="text/javascript">{literal}
<!--
$(document).ready(function() {
	$("#cn, #cv").numeric();

	$("#spayform").submit(function() {
		$("input[type=submit]", this).hide();
		$("p.submit", this).append("<span style='float: right; font-size: 12px; padding-top: 5px; line-height: 1.5em;'><img src='{/literal}{$img_dir}loading.gif' alt='' style='vertical-align: middle;margin-right: 5px;' /> {l s='Processing your payment request, please wait...' mod='spay'}{literal}</span>");
	});

	$("#spayform select, #spayform input").keypress(function(e) {
		if(e.which == 13) e.preventDefault();
		if(e.which == 13) return false;
	});
});
-->
{/literal}</script>