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

{% block headtitle %}
    Donate
{% endblock %}

{% block title %}
    <ul class="breadcrumb">
        <li><a href="/">Home</a></li>
        <li><a href="{% url 'donation' %}">Donate</a></li>
        <li class="active">Payment</li>
    </ul>
    
    <h1>Make a Donation to the {{ settings.WEBSITE_NAME }}</h1>
{% endblock %}

{% block content %}
    
    <p>Your details have been saved. To complete your donation, please review the information below and confirm your donation.</p>
    	
	<h2>Your Details</h2>
	<dl class="dl-horizontal">
	    <dt>Title</dt>
	    <dd>{{ donation.title }}</dd>
	    <dt>Name</dt>
	    <dd>{{ donation.first_name }} {{ donation.surname }}</dd>
	    <dt>Email Address</dt>
	    <dd>{{ donation.email_address }}</dd>
        <dt>Amount:</dt>
        <dd>&pound;{{ donation.amount|floatformat:2 }}</dd>
        <dt>Gift Aid:</dt>
        <dd>{{ donation.gift_aid|yesno|title }}</dd>
	</dl>
	<div class="clear"></div>

    <div class="payment">

        <form action="{{ sage_pay_url }}" method="post">
            <div>
                <input type="hidden" name="VPSProtocol" value="3.00"/>
                <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="Complete Donation Online" class="btn btn-primary"/>
            </div>
        </form>
    </div>


{% endblock %}