{% extends "newbase.html" %}
{% block title %}Rowsandall Purchase Training Plan{% endblock title %}
{% load rowerfilters %}
{% block main %}

<div id="paymenterror">
</div>

<h1>Confirm Your Payment</h1>

<h2>Order Overview</h2>

<p>
  Please refer to our <a href="/rowers/legal/">terms and conditions</a> for our
  payments and refunds policy. Accepted payment methods are the payment methods offered
  by
  <a href="https://www.braintreegateway.com/merchants/jytq7yxsm66qqdzb/verified">Braintree</a>
  through us. If you have any questions about our payments and refunds policy, please contact
  us by email at support@rowsandall.com.
</p>

<p>
  Payments will be processed by Braintree (A PayPal service):
</p>
<p>
  <a href="https://www.braintreegateway.com/merchants/{{ BRAINTREE_MERCHANT_ID }}/verified" target="_blank">
    <img src="https://s3.amazonaws.com/braintree-badges/braintree-badge-light.png" width="164px" height ="44px" border="0"/>
  </a>
</p>

<ul class="main-content">
  <li class="grid_2">
    <p>
      <table class="plantable shortpadded" width="80%">
        <tbody>
          <tr>
            <th>Plan</th><td>{{ plan.name }}</td>
          </tr>
          <tr>
            <th>Total</th><td>&euro; {{ plan.price|discounted:rower|currency }}
            </td>
          </tr>
        </tbody>
      </table>
    </p>
    <p>
      <table class="plantable shortpadded" width="80%">
        <tbody>
          <tr>
            <th>Street Address</th><td>{{ user.rower.street_address }}</td>
          </tr>
          <tr>
            <th>City</th><td>{{ user.rower.city }}</td>
          </tr>
          <tr>
            <th>Postal Code</th><td>{{ user.rower.postal_code }}</td>
          </tr>
          <tr>
            <th>Country</th><td>{{ user.rower.country }}
            </td>
          </tr>
        </tbody>
      </table>
    </p>
  </li>
  <li class="grid_4">
    <form id="payment-form" method="post" action="/rowers/purchasecheckouts/"
          autocomplete="off">
      <section>
        <label for="amount">
          <div class="input-wrapper amount-wrapper">
            <input id="amount" name="amount" type="hidden" min="1" placeholder="Amount"
                   value="{{ plan.price|discounted:rower }}" readonly>
          </div>
        </label>
        <div class="bt-drop-in-wrapper">
          <div id="bt-dropin"></div>
        </div>
      </section>
      <div id="paymenterror2">      </div>
      <input type="hidden" id="nonce" name="payment_method_nonce" />
      <input type="hidden" id="paymenttype" name="paymenttype" />
      <input type="hidden" id="plan" name="plan" value="{{ plan.id }}">
      <input type="hidden" id="status" name="status" value="{{ status }}">
      <input type="hidden" id="notes" name="notes" value="{{ notes }}">
      <input type="hidden" id="name" name="name" value="{{ name }}">
      <input type="hidden" id="enddate" name="enddate" value="{{ enddate }}">
      <p>
        <input id="tac" type="checkbox" name="tac" value="tac">I have taken note of the
        <a href="/rowers/legal/#refunds" target="_blank">Refund and Cancellation</a>
        Policy and agree with the <a href="/rowers/legal/" target="_blank">Terms of Service</a>.
      </p>
      {% csrf_token %}
      <button type="submit" id="submit-button"><span>Purchase for &euro; {{ plan.price|discounted:rower|currency }}</span></button>
    </form>
  </li>
  <li class="grid_4">
      <p>
        After you hit the Purchase button, the transaction will be launched.
        Please wait until the transaction completes. Do not click the
        button twice. Do not close your browser window.
      </p>
  </li>
</ul>

{% include 'braintreedropin.html' %}



{% endblock %}

{% block sidebar %}
{% include 'menu_payments.html' %}
{% endblock %}