summaryrefslogtreecommitdiff
path: root/engines/billing/app/views/subscriptions/new.html.erb
blob: 23369817d49fa9dfe6ad32a8487dfd7b34c1daef (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<script src="https://js.braintreegateway.com/v2/braintree.js"></script>
<h2 class="mbs">Subscriptions</h2>
<br>
<%= form_tag subscriptions_path, id: "checkout-form" do %>
  <% if current_user and !current_user.has_payment_info? %>
     <%= render 'customer_form' %>
   <% end %>
<br>
<p>Choose subcription:</p>
<br>
<ul class="nav nav-tabs nav-stacked">
   <% @subscriptions.each do |subscription| %>
     <li>
      <div class="btn-group">
        <button class="btn"> <%= subscription.name %>
          <%= subscription.price %> </button>
      </div>
      <br>
      <br>
      <%= simple_form_for :subscription, :url => :subscriptions, :id => "checkout-form-#{subscription.id}" do |f| %>
        <input type="hidden" name="plan_id" id="" value="<%= subscription.id%>" />
        <div id="payment-form-<%= subscription.id%>"></div>
        <div class="form-actions">
         <%= f.submit t(:subscribe), :class => 'btn btn-primary' %>
        </div>
        <script type="text/javascript" charset="utf-8">
          var clientToken = "<%= @client_token %>";
          braintree.setup(clientToken, "dropin", {
            container: "payment-form-<%= subscription.id%>",
            coinbase: { container: "coinbase-container-id" }
          });
        </script>
      <% end %>
      </li>
  <% end %>
</ul>
<div id="payment-form"></div>
<div id='coinbase-container-id'></div>
<% end %>