mirror of
https://github.com/plausible/analytics.git
synced 2024-12-20 08:01:48 +03:00
57 lines
2.3 KiB
Elixir
57 lines
2.3 KiB
Elixir
<div class="max-w-sm w-full mx-auto bg-white shadow-md rounded px-8 py-6 mb-4 mt-8">
|
|
<h2 class="font-black">Change subscription plan</h2>
|
|
|
|
<div class="py-8">
|
|
If you choose to change your plan, your current subscription will
|
|
be prorated.
|
|
</div>
|
|
|
|
<div class="w-full flex justify-between items-center py-4 border-t">
|
|
<span><b>10,000</b> / mo</span>
|
|
<b class="bg-orange-lighter text-orange-darkest p-1 rounded-sm">$6 / mo</b>
|
|
<%= if Plausible.Billing.Plans.is?(@subscription, :personal) do %>
|
|
<div>
|
|
<svg class="feather text-green"><use xlink:href="#feather-check-circle" /></svg>
|
|
Selected
|
|
</div>
|
|
<% else %>
|
|
<%= button("Select", class: "button button-sm", method: :post, to: "/billing/change-plan/personal") %>
|
|
<% end %>
|
|
</div>
|
|
<div class="w-full flex justify-between items-center py-4 border-t">
|
|
<span><b>100,000</b> / mo</span>
|
|
<b class="bg-orange-lighter text-orange-darkest p-1 rounded-sm">$12 / mo</b>
|
|
<%= if Plausible.Billing.Plans.is?(@subscription, :startup) do %>
|
|
<div>
|
|
<svg class="feather text-green"><use xlink:href="#feather-check-circle" /></svg>
|
|
Selected
|
|
</div>
|
|
<% else %>
|
|
<%= button("Select", class: "button button-sm", method: :post, to: "/billing/change-plan/startup") %>
|
|
<% end %>
|
|
</div>
|
|
<div class="w-full flex justify-between items-center py-4 border-t">
|
|
<span><b>1,000,000</b> / mo</span>
|
|
<b class="bg-orange-lighter text-orange-darkest p-1 rounded-sm">$36 / mo</b>
|
|
<%= if Plausible.Billing.Plans.is?(@subscription, :business) do %>
|
|
<div>
|
|
<svg class="feather text-green"><use xlink:href="#feather-check-circle" /></svg>
|
|
Selected
|
|
</div>
|
|
<% else %>
|
|
<%= button("Select", class: "button button-sm", method: :post, to: "/billing/change-plan/business") %>
|
|
<% end %>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="https://cdn.paddle.com/paddle/paddle.js"></script>
|
|
<script type="text/javascript" src="<%= Routes.static_path(@conn, "/js/checkout.js") %>"></script>
|
|
<script type="text/javascript" src="<%= Routes.static_path(@conn, "/js/app.js") %>"></script>
|
|
<script>
|
|
window.Checkout.init(
|
|
<%= @conn.assigns[:current_user].id %>,
|
|
'<%= @conn.assigns[:current_user].email %>'
|
|
)
|
|
</script>
|
|
|
|
</div>
|