{% extends "public/content.html" %}

{% block headtitle %}My Membership{% endblock %}

{% block headstyle %}
	<style>
		.payment_button input[type=image] {
			height: 33px;
		}
	</style>
{% endblock %}

{% block title %}
	<ul class="breadcrumb">
        <li><a href="/">Home</a></li>
        <li><a href="{% url 'register' %}">Become A Member</a></li>
        <li class="active">Payment</li>
    </ul>
	<h1>Membership Payment</h1>
{% endblock %}

{% block content %}

	<div class="payment">

		<h2>Total to Pay - &pound;{{ total|floatformat:2 }}</h2>

		{% if content_block %}
			{{ content_block.content|safe }}
		{% else %}
			<p>If you are happy with the above amount please click the link to our secure PayPal&nbsp;account and complete the details of the card you intend to use to make payment. A receipt will be issued to you once payment has been received.</p>
		{% endif %}

		<div class="payment_form">

			{% if not member.member_type.direct_debit_only %}
				<div class="payment_button">
					{{ paypal_form.render }}
				</div>
			{% endif %}
			<div class="clearfix"></div>
		</div>
	</div>

{% endblock %}