{% extends 'base.html' %}

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

{% block content %}
<div class="row third-margin">
  <h1>Pay with Cryptocurrency</h1>
</div>
<div class="row half-margin">
  
  <form method="POST" action="/payment/btcpay">
    <div class="row">
      <label for="btcpay-input-price">$</label>
      <!--TODO-- <input 
        id="btcpay-input-price" 
        name="price" 
        type="number" 
        min="0" 
        max="2000" 
        oninput="event.preventDefault();isNaN(event.target.value) || event.target.value <= 0 ? document.querySelector('#btcpay-input-price').value = 0 : event.target.value"
      />-->
      <input 
        id="btcpay-input-price" 
        name="dollars" 
        type="text" 
      />
      <input type="image" class="submit" name="submit" 
        src="https://btcpay.cyberia.club/img/paybutton/pay.svg" 
        style="width:168px" 
        alt="Pay with BtcPay"
      />
    </div>
  </form>
</div>


{% endblock %}

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