| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- extends ../layout
- mixin printPlan(plan)
- -if (!plan.hideFromUsers)
- tr
- td
- strong #{plan.name}
- td
- -if (plan.annual)
- | $#{plan.price / 100} / year
- -else
- | $#{plan.price / 100} / month
- td
- -if (subscription.state == "free-trial")
- a(href="/user/subscription/new?planCode=#{plan.planCode}").btn.btn-success Subscribe to this plan
- -else if (plan.planCode == subscription.planCode)
- button.btn.disabled Your plan
- -else
- form(action="/user/subscription/update",method="post")
- input(type="hidden", name="_csrf", value=csrfToken)
- input(type="hidden",name="plan_code",value="#{plan.planCode}")
- input(type="submit",value="Change to this plan").btn.btn-success
- mixin printPlans(plans)
- -each plan in plans
- mixin printPlan(plan)
- block content
- .content.content-alt
- .container
- .row
- .col-md-8.col-md-offset-2
- .card
- .page-header
- h1 Your Subscription
- case subscription.state
- when "free-trial"
- p You are currently using a free trial which expires on <strong>#{subscription.expiresAt}</strong>.
- p Choose a plan below to subscribe to.
- when "active"
- p You are currently subscribed to the <strong>#{subscription.name}</strong> plan.
- a(href, ng-click="changePlan = true") Change Plan.
- p The next payment of <strong>#{subscription.price}</strong> will be collected on <strong>#{subscription.nextPaymentDueAt}</strong>
- p.pull-right
- p: form(action="/user/subscription/cancel",method="post")
- input(type="hidden", name="_csrf", value=csrfToken)
- a(href="/user/subscription/billing-details/edit").btn.btn-info Update your billing details
- |
- input(type="submit", value="Cancel your subscription").btn.btn-primary#cancelSubscription
- when "canceled"
- p You are currently subscribed to the <strong>#{subscription.name}</strong> plan.
- p Your subscription has been canceled and will terminate on <strong>#{subscription.nextPaymentDueAt}</strong>. No further payments will be taken.
- p: form(action="/user/subscription/reactivate",method="post")
- input(type="hidden", name="_csrf", value=csrfToken)
- input(type="submit",value="Reactivate your subscription").btn.btn-success
- when "expired"
- p Your subscription has expired.
- a(href="/user/subscription/plans") Create New Subscription
- default
- p There is a problem with your subscription. Please contact us for more information.
- -if(subscription.groupPlan)
- a(href="/subscription/group").btn.btn-success Manage Group
- div(ng-show="changePlan", ng-cloak)
- hr
- h2 Change plan
- p: table.table
- tr
- th Name
- th Price
- th
- mixin printPlans(plans.studentAccounts)
- mixin printPlans(plans.individualMonthlyPlans)
- mixin printPlans(plans.individualAnnualPlans)
- script(type="text/javascript").
- $('#cancelSubscription').on("click", function() {
- ga('send', 'event', 'subscription-funnel', 'cancelation')
- })
|
