extends ../layout

block content
	.content.content-alt
		.container.beta-opt-in-wrapper
			.row
				.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
					.card
						.page-header.text-centered
							h1 
								| #{translate("sharelatex_beta_program")}
						.beta-opt-in
							.container-fluid
								.row
									.col-md-12
										p.text-centered #{translate("beta_program_benefits")}
										p.text-centered
											| #{translate("beta_program_badge_description")}
											span.beta-feature-badge
										p.text-centered
											strong We're currently testing track changes and commenting:
										p.text-centered
											img(src="/img/teasers/track-changes/track-changes-beta.png", style="max-width: 100%; border-bottom: 1px solid #ddd")
								.row.text-centered
									.col-md-12
										if user.betaProgram
											p #{translate("beta_program_already_participating")}
											form(id="beta-program-opt-out", method="post", action="/beta/opt-out", novalidate)
												.form-group
													input(type="hidden", name="_csrf", value=csrfToken)
													button.btn.btn-primary(
														type="submit"
													)
														span #{translate("beta_program_opt_out_action")}
												.form-group
													a(href="/project").btn.btn-info #{translate("back_to_your_projects")}
										else
											form(id="beta-program-opt-in", method="post", action="/beta/opt-in", novalidate)
												.form-group
													input(type="hidden", name="_csrf", value=csrfToken)
													button.btn.btn-primary(
														type="submit"
													)
														span #{translate("beta_program_opt_in_action")}