{% extends "base.html" %}
{% load forms %}

{% block pagetitle %}Secure Payment{% endblock %}

{% block breadcrumbs %}
	<li><a href="/my-properties/">My Properties</a></li>
	<li>Secure Payment</li>
{% endblock %}

{% block content %}
	<p>Please provide credit card details below to pay for this order online now (recommended).</p>
	<p>Alternatively, you can pay by this order by <a href="/my-properties/alternate-payment">cheque or bank transfer</a>.</p>
	<form class="boxed" action="" method="post">
		<h3 class="label">Payment Details</h3>

		<img src="/assets/images/cardlogos.png" alt="Visa, MasterCard, Maestro, Solo" style="float: right"/>
		{% formfield form.card_type %}
		{% formfield form.card_number %}
		{% formfield form.name_on_card %}
		{% formfield form.card_start_date %}
		{% formfield form.card_expiry_date %}
		{% formfield form.card_issue_number %}
		{% formfield form.card_cv2_number %}

		<h4>Billing Details</h4>
		{% formfield form.billing_address %}
		{% formfield form.billing_postcode %}
			
		<p class="note">Please check carefully that the details you have provided above are correct before continuing.</p>
		<div class="buttons">
			<input type="submit" value="Continue" />
		</div>
	</form>
{% endblock %}
