extends ../layout-marketing

block content
	main.content.content-alt#main-content
		.container.beta-opt-in-wrapper
			.row
				.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
					.card
						.page-header
							h1 
								| #{translate("sharelatex_beta_program")}
						.beta-opt-in
							.container-fluid
								.row
									.col-md-12
										if user.betaProgram
											p.text-centered
												strong #{translate("beta_program_already_participating")}.
											p !{translate("thank_you_for_being_part_of_our_beta_program", {}, ['strong'])}.
										else
											p.text-centered
												strong #{translate("beta_program_not_participating")}.
											p !{translate("beta_program_benefits", {}, ['strong'])}

										p #[strong How it works:]
										ul
											li #{translate("beta_program_badge_description")} #[span(aria-label=translate("beta_feature_badge") role="img").beta-badge]
											li !{translate("you_will_be_able_to_contact_us_any_time_to_share_your_feedback", {}, ['strong'])}.
											li !{translate("we_may_also_contact_you_from_time_to_time_by_email_with_a_survey", {}, ['strong'])}.
											li !{translate("you_can_opt_in_and_out_of_the_program_at_any_time_on_this_page", {}, ['strong'])}.
										p !{translate("note_features_under_development", {}, ['strong'])}.

								.row.text-centered
									.col-md-12
										if user.betaProgram
											form(
												data-ol-regular-form
												method="post"
												action="/beta/opt-out"
												novalidate
											)
												input(type="hidden", name="_csrf", value=csrfToken)
												.form-group
													a(
														href="https://forms.gle/CFEsmvZQTAwHCd3X9"
														target="_blank"
														rel="noopener noreferrer"
													).btn.btn-primary.btn-lg #{translate("give_feedback")}
												.form-group
													button.btn.btn-info.btn-sm(
														type="submit"
														data-ol-disabled-inflight
													)
														span(data-ol-inflight="idle") #{translate("beta_program_opt_out_action")}
														span(hidden data-ol-inflight="pending") #{translate("processing")}…
										else
											form(
												data-ol-regular-form
												method="post",
												action="/beta/opt-in"
											)
												input(type="hidden", name="_csrf", value=csrfToken)
												.form-group
													button.btn.btn-primary(
														type="submit"
														data-ol-disabled-inflight
													)
														span(data-ol-inflight="idle") #{translate("beta_program_opt_in_action")}
														span(hidden data-ol-inflight="pending") #{translate("joining")}…
							.page-separator
							a.btn.btn-default.text-capitalize(href='/user/settings') #{translate('back_to_account_settings')}
							| 
							a.btn.btn-default.text-capitalize(href='/project') #{translate('back_to_your_projects')}