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

{% block headtitle %}Payment | {{ exam_form }}{% endblock %}

{% block left_content %}
    <h2>{{ exam_form }}</h2>

    <ul class="nav nav-stacked">
        <li class="">
            <a href="{% url 'theory_exam_applicant' exam_form.slug exam_application.id %}">Applicant Details</a>
        </li>
        <li class="active">
            <a>Payment</a>
        </li>
    </ul>
{% endblock %}

{% block title %}
    <ul class="breadcrumb">
        <li><a href="/">Home</a></li>
        <li class="active">{{ exam_form }}</li>
    </ul>
    <h1>{{ exam_form }}</h1>
{% endblock %}

{% block content %}
    <div id="exam_application">

        <h2>Payment</h2>

        <div class="payment">
            <p>To pay for this Exam Application you will need to pay the fee of <strong>&pound;{{ exam_application.get_payment_amount|floatformat:2 }}.</strong></p>

            <h3>Pay By Debit/Credit Card</h3>

            <p> Please proceed to WorldPay using the button below.</p>

            <div class="payment_form">
                <div class="payment_button">
                    <form action="{{ settings.WORLD_PAY_URL }}" method="POST">
                        {% if settings.WORLD_PAY_TEST %}
                            <input type="hidden" name="testMode" value="100" />
                        {% endif %}
                        <input type="hidden" name="instId" value="{{ settings.WORLD_PAY_INSTALLATION_ID }}" />
                        <input type="hidden" name="amount" value="{{ exam_application.get_payment_amount }}" />
                        <input type="hidden" name="currency" value="GBP" />
                        <input type="hidden" name="cartId" value="{{ payment.invoice }}" />
                        <input type="hidden" name="signature" value="{{ encrypted_string }}" />
                        <input type="hidden" name="MC_callback" value="{{ redirect_url }}"/>
                        <input type="hidden" name="name" value="{{ exam_application.first_name }} {{ exam_application.surname }}"/>
                        <input type="hidden" name="address1" value="{{ exam_application.mailing_address_1 }}"/>
                        <input type="hidden" name="address2" value="{{ exam_application.mailing_address_2 }}"/>
                        <input type="hidden" name="town" value="{{ exam_application.mailing_town }}"/>
                        <input type="hidden" name="region" value="{{ exam_application.mailing_county }}"/>
                        <input type="hidden" name="postcode" value="{{ exam_application.mailing_postcode }}"/>
                        <input type="hidden" name="country" value="{{ exam_application.mailing_country.iso_code }}"/>
                        <input type="hidden" name="email" value="{{ exam_application.email_address }}"/>
                        <input type="hidden" name="tel" value="{{ exam_application.contact_number }}"/>
                        <input type="submit" value="Pay through WorldPay" class="btn btn-primary" />
                    </form>
                </div>
                {% comment %}
                    <div class="payment_invoice">
                        <a href="{% url 'meeting_booking_invoice' meeting.slug %}" class="btn btn-primary">Pay By Invoice</a>
                    </div>
                {% endcomment %}
                <div class="clearfix"></div>
            </div>

            <h3>Choose Another Method</h3>
            <form action="" method="post">
                <div class="option">
                    <div class="radio col-lg-12">
                        <label>
                            <input type="radio" value="bacs" name="payment_method"> <p>Pay by BACS</p>
                            <p style="font-size:12px">Please make use the following details to make a BACS Payment to the SVTGB&amp;I<br/>
                            Account Name: The Society for Vascular Technology of GB&amp;I
                            Sort Code: 56 00 31<br/>
                            Account Number: 96408715</p>
                        </label>
                    </div>
                </div>
                {% comment %}
                <div class="option">
                    <div class="radio col-lg-12">
                        <label>
                            <input type="radio" value="cheque" name="payment_method"> <p>Pay by Cheque</p>
                            <p style="font-size:12px">Please make your cheque payable to "SVT GB&amp;I" and send with a copy of your invoice to:<br/><br/>
                            SVT Membership Secretary, c/o The Vascular Society,<br/>
                            Margaret Powell House, 405 Midsummer Boulevard,<br/>
                            Milton Keynes MK9 3BN</p>
                        </label>
                    </div>
                </div>
                {% endcomment %}
                <div class="submit">
                    <input type="submit" class="btn btn-primary" value="Complete Application"/>
                </div>
            </form>

        </div>
    </div>
{% endblock %}