extends ../layout-website-redesign

block vars
	- isWebsiteRedesign = true

block content
	main#main-content
		.auth-aux-container
			img.w-50.d-block(
				src=buildImgPath('ol-brand/overleaf.svg')
				alt=settings.appName
			)
			h1.h3.mb-3 #{translate("keep_your_account_safe")}
			div(data-ol-multi-submit)
				p.small.mb-4
					| !{translate("primary_email_check_question", { email: getUserEmail() }, ["strong"])}
				form(
					data-ol-async-form
					action='/user/emails/primary-email-check'
					method='POST'
				)
					input(name='_csrf' type='hidden' value=csrfToken)
					+formMessagesNewStyle

					button.btn.btn-primary.w-100.mb-3(type='submit' data-ol-disabled-inflight)
						span(data-ol-inflight='idle') #{translate("yes_that_is_correct")}
						span(hidden data-ol-inflight='pending') #{translate("confirming")}…

				a.btn.btn-secondary.w-100.mb-4(
					href='/user/settings#add-email'
					data-ol-slow-link
					event-tracking='primary-email-check-change-email'
					event-tracking-mb='true'
					event-tracking-trigger='click'
				)
					span(data-ol-inflight='idle') #{translate("no_update_email")}
					span(hidden data-ol-inflight='pending') #{translate("redirecting")}… 
				p.small.mb-2
					| #{translate("keep_your_email_updated")}
				p.small
					| !{translate("learn_more_about_emails", {}, [{name: 'a', attrs: {href: '/learn/how-to/Keeping_your_account_secure', 'event-tracking': 'primary-email-check-learn-more', 'event-tracking-mb': 'true', 'event-tracking-trigger': 'click' }}])}