extends ../layout

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-3
					.card
						.page-header
							h1.text-centered #{translate("update_your_billing_details")}
						#billingDetailsForm #{translate("loading_billing_form")}...
	

	script(type="text/javascript").
		Recurly.config(!{recurlyConfig})
		Recurly.buildBillingInfoUpdateForm({
			target      : "#billingDetailsForm",
			successURL  : "#{successURL}?_csrf=#{csrfToken}",
			signature   : "!{signature}",
			accountCode : "#{user.id}"
		});