{% extends 'base.html' %}

{% block title %}Pay with Stripe{% endblock %}

{% block head %}
{% if stripe_checkout_session_id %}
<script src="https://js.stripe.com/v3/"></script>
{% endif %}
{% endblock %}


{% block content %}


{% if stripe_checkout_session_id %}
  <div class="row third-margin">
    <h1>REDIRECTING...</h1>
  </div>
  <input id="stripe_public_key" type="hidden" value="{{ stripe_public_key }}"/>
  <input id="stripe_checkout_session_id" type="hidden" value="{{ stripe_checkout_session_id }}"/>
  <script src="{{ url_for('static', filename='pay-with-stripe.js') }}"></script>
{% else %}
  <div class="row third-margin">
    <h1>PAY WITH STRIPE</h1>
  </div>
  <div class="row half-margin">
    <form method="post">
      <div class="row justify-start">
        <label for="dollars">$</label>
        <input type="number" id="dollars" name="dollars"></input> 
      </div>
      <div class="row justify-end">
        <input type="submit" value="Pay With Stripe">
      </div>
    </form>
  </div>
{% endif %}

{% endblock %}

{% block pagesource %}/templates/stripe.html{% endblock %}