payment: note that Stripe has instituted an additional 1% fee for non-US cards

[hcoop/portal.git] / payment.mlt

<% val you = Init.getUser () %>

<% if $"cmd" = "stripeSuccess" then %>
<div class="notice">

<h3>Stripe Payment Succeeded</h3>

<p>Your payment via Stripe must still be applied to your balance
manually at present, and will be applied by the treasurer within a few
days.</p>

</div>
<% end %>

<h3>Add To Your Balance</h3>

<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://checkout.stripe.com/checkout.js"></script>

<p>Remember that we credit member balances for payments <b>after subtracting service fees</b>. This means that, to increase your balance by a particular amount, you must make a <b>larger</b> payment
than just that amount. Stripe and Paypal have equal fees (for US
residents); You can calculate the amount <em>x</em> to send from the amount <em>y</em> you want us to receive with this formula: <tt><em>x</em> = (<em>y</em> +
  0.30) / (1 - 0.029)</tt>. Stripe charges an additional 1% fee for non-U.S. cards, even when paying in USD.</p>

<div class="payment-tile">
<h4>Add to your balance with <a href="https://paypal.com">PayPal</a></h4>

<p>Payal fees are 2.9% + $0.30 for payments from the US. The fees for
other countries may be different, consult <a href="https://www.paypal.com/us/cgi-bin/webscr?cmd=_display-fees-outside">the PayPal fees page</a> if
  needed.</p>

<form method="GET" action="https://www.paypal.com/cgi-bin/webscr">
  <input type="hidden" name="cmd" value="_xclick" />
  <input type="hidden" name="business" value="payment@hcoop.net" />
  <input type="hidden" name="item_name" value="Member payment for <% Init.getUserName () %>" />

  <select id="paypalDuesEasy">
    <option value="" selected="selected">Custom:</option>
    <% foreach (amt) in [10, 15, 20, 25, 30, 35, 40, 45, 50, 60, 70, 80, 90, 100] do %>
    <option value="<% amt %>.00">$<% amt %>.00</option>
    <% end %>
  </select>

  <script>
    $("#paypalDuesEasy").change (function () {
     $("#paypalDues").val ($(this).val ());
   });
  </script>

  <label>$<input id="paypalDues" type="text" name="amount" pattern="^\\d+(\\.\\d\\d)?$" required="required" size="7" /></label>
  <input type="submit" value="Add To Balance" />
</form>

<% switch #paypal you of
   NONE => %><p>You haven't set a PayPal e-mail address.  If you are going to send a payment by PayPal, please <a href="pref">set a PayPal e-mail address on the Preferences page</a> first to ensure that you are credited promptly and accurately.</p><%
end %>
</div>
<div class="payment-tile">
<h4>Add to your balance with <a href="https://stripe.com/">Stripe</a></h4>

<p>Stripe fees are 2.9% + $0.30 for each transaction regardless of country.</p>

<form id="stripeForm" action="/stripe/stripe-payment.cgi" method="POST">
  <select id="stripeDuesEasy">
    <option value="" selected="selected">Custom:</option>
    <% foreach (amt) in [10, 15, 20, 25, 30, 35, 40, 45, 50, 60, 70, 80, 90, 100] do %>
    <option value="<% amt %>.00">$<% amt %>.00</option>
    <% end %>
  </select>

  <script>
    $("#stripeDuesEasy").change (function () {
     $("#stripeDues").val ($(this).val ());
   });
  </script>
  <label>$<input type="text" name="stripeDuesUSD" id="stripeDues" pattern="^\\d+(\\.\\d\\d)?$" required="required" size="7" /></label>
  <input type="hidden" name="webuser_id" value="<% #id you %>" />
  <input type="hidden" name="webuser_name" value="<% #name you %>" />
  <input type="hidden" name="cmd" value="member_payment" />
  <input type="hidden" name="stripeDues" id="stripeDuesCents" value="" />
  
  <button id="stripePay">Add To Balance</button>
  <script>
   $("#stripePay").click (function(e) {
     if ($("#stripeDues")[0].validity.valid) { 
       var token = function(res){
	 var $input = $('<input type=hidden name=stripeToken />').val(res.id);
	 $("#stripeDuesCents").val($("#stripeDues").val() * 100);
	 $('#stripeForm').append($input).submit();
       };
       
       // Open Checkout with further options
       StripeCheckout.open({
	 key: 'pk_live_pvWpH450opRXCi0KvN1h5mN1',
	 image: '/globe.gif',
	 name: 'Hcoop',
	 description: 'Dues ($'.concat ($("#stripeDues").val ()).concat (')'),
	 amount:  $("#stripeDues").val() * 100,
	 currency: 'usd',
	 address: true,
	 panelLabel: 'Pay {{amount}}',
	 token: token
       });
     }
     return false;
   });
  </script>
</form>
</div>