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

{% block headtitle %}My Membership{% 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">

		{% if content_block %}
			{{ content_block.content|safe }}
		{% else %}
			<p>To pay for your membership please either proceed to our secure payment gateway using the button below, or complete your details to enable the BMUS to invoice you.</p>
        
	        <p>Membership fees are calculated on a Pro-rota basis, based on the month you were approved to join. All membership renewals are completed on the 1st of January each year, and can either be paid online or can be arranged by Direct Debit.</p>
		{% endif %}

		<form action="{{ sage_pay_url }}" method="post">
			<div>
				<input type="hidden" name="VPSProtocol" value="{{ sage_pay_protocol }}"/>
				<input type="hidden" name="TxType" value="PAYMENT"/>
				<input type="hidden" name="Vendor" value="{{ sage_pay_vendor }}"/>
				<input type="hidden" name="Crypt" value="{{ encrypted_crypt_string }}"/>
			</div>
			<div class="submit">
				<input type="submit" value="Pay Online" class="btn btn-primary"/>
                <a href="{% url 'register_payment_invoice' %}" class="btn btn-secondary">Pay By Invoice</a>
			</div>
		</form>

	</div>
	
{% endblock %}