extends ../layout-marketing

block content
	main.content.content-alt#main-content
		.container
			.row
				.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
					.card
						.page-header
							h1 #{translate("newsletter_info_title")}

						p #{translate("newsletter_info_summary")}

						- var submitAction
						if subscribed
							- submitAction = '/user/newsletter/unsubscribe'
							p !{translate("newsletter_info_subscribed", {}, ['strong'])}
						else
							- submitAction = '/user/newsletter/subscribe'
							p !{translate("newsletter_info_unsubscribed", {}, ['strong'])}

						form(
							data-ol-async-form
							data-ol-reload-on-success
							name="newsletterForm"
							action=submitAction
							method="POST"
						)
							input(name='_csrf', type='hidden', value=csrfToken)
							+formMessages()
							p.actions.text-center
								if subscribed
									button.btn-danger.btn(type='submit', data-ol-disabled-inflight)
										span(data-ol-inflight="idle") #{translate("unsubscribe")}
										span(hidden data-ol-inflight="pending") #{translate("saving")}…
								else
									button.btn-primary.btn(type='submit', data-ol-disabled-inflight)
										span(data-ol-inflight="idle") #{translate("subscribe")}
										span(hidden data-ol-inflight="pending") #{translate("saving")}…

						if subscribed
							p #{translate("newsletter_info_note")}

						.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')}