{% 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">

        <h2>Total to Pay - &pound;{{ payment_amount|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 WorldPay 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="option_types">
            <div class="option">
                <h3>Pay By Debit/Credit Card</h3>
                <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="{{ 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="{{ member.given_name }} {{ member.surname }}"/>
                        <input type="hidden" name="address1" value="{{ member.address_1 }}"/>
                        <input type="hidden" name="address2" value="{{ member.address_2 }}"/>
                        <input type="hidden" name="town" value="{{ member.town }}"/>
                        <input type="hidden" name="region" value="{{ member.county }}"/>
                        <input type="hidden" name="postcode" value="{{ member.postcode }}"/>
                        <input type="hidden" name="country" value="{{ member.country.iso_code }}"/>
                        <input type="hidden" name="email" value="{{ member.user.email }}"/>
                        <input type="hidden" name="tel" value="{{ member.telephone }}"/>
                        <input type="submit" value="Pay through WorldPay" class="btn btn-primary" />
                    </form>
                </div>
            </div>

            {% comment %}

            <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>
                <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>
                <div class="option">
                    <div class="radio col-lg-12">
                        <label>
                            <input type="radio" value="standing_order" name="payment_method"> <p>Pay by Standing Order</p>
                            <p style="font-size:12px">Please download the <a href="{{ STATIC_URL }}files/standing-order-form-new.doc" target="_blank">Standing Order Instruction form</a> from the website and send it to your bank on completion</p>
                        </label>
                    </div>
                </div>
                <div class="submit">
                    <input type="submit" class="btn btn-primary" value="Complete Application"/>
                </div>
            </form>
            {% endcomment %}
        </div>
    </div>

{% endblock %}