overleaf/services/web/app/views/subscriptions/new.jade

extends ../layout
block scripts
	script(type='text/javascript').
		window.recomendedCurrency = '#{currency}'
		window.plan_code = '#{plan_code}'


block content
	- locals.supressDefaultJs = true
	script(data-main=jsPath+'main.js', src=jsPath+'libs/require.js', baseurl=jsPath)
	script(src=jsPath+'libs/recurly.min.js')

	.content.content-alt
		.container
			.row
				.col-md-6.col-md-offset-1
					.card
						.page-header
							h1.text-centered #{translate("new_subscription")}
						#subscribeForm #{translate("loading_billing_form")}...
				.col-md-5(ng-controller="NewSubscriptionController" ng-cloak)
					.row
						.col-md-12
							span.dropdown.col-md-1.changePlanButton()
								a.btn.btn-primary.dropdown-toggle(
									href="#",
									data-toggle="dropdown"
								)
									| {{currencyCode}} ({{plans[currencyCode]['symbol']}})
								ul.dropdown-menu(role="menu")
									li(ng-repeat="(currency, value) in plans", dropdown-toggle)
										a(
											ng-click="changeCurrency(currency)",
										) {{currency}} ({{value['symbol']}})

					.row
						.col-md-12.paymentPageFeatures
							ul.list-unstyled
								li 
									i.fa.fa-check
									|  #{translate("collabs_per_proj", {collabcount:6})}
								li 
									i.fa.fa-check
									|  #{translate("full_doc_history")}
								li 
									i.fa.fa-check
									|  #{translate("sync_to_dropbox")}
								li 
									i.fa.fa-check
									|  Cancel Anytime
								li 
									i.fa.fa-check
									|  100% Money Back Guarantee


	script(type="text/javascript").
		ga('send', 'event', 'pageview', 'payment_form', "#{plan_code}")


	script(type="text/javascript").
		Recurly.config(!{recurlyConfig})
		var recurlySubscriptionFormConfig = !{subscriptionFormOptions}
		recurlySubscriptionFormConfig.successHandler = function(){
			ga('send', 'event', 'subscription-funnel', 'subscribed')
		}

		Recurly.buildSubscriptionForm(recurlySubscriptionFormConfig);

		window.ab = [
			{step:1, bucket:"14d", testName:"trial_len"},
			{step:1, bucket:"7d", testName:"trial_len"}
		]