extends layout.pug
block title
	|Icy Network - Activate Authenticator

block body
	.wrapper
		.boxcont
			.box#login
				h1 Two Factor Authentication
				.left
					if message.text
						if message.error
							.message.error
								span #{message.text}
						else
							.message
								span #{message.text}
					img.qr(src="//api.qrserver.com/v1/create-qr-code/?data=" + uri)
					form#totpForm(method="POST", action="")
						input(type="hidden", name="csrf", value=csrf)
						label(for="code") Enter the Code
						input(type="text", name="code", id="code")
						input(type="submit", value="Enable Now")
				.right
					h3 How to use
					ol
						li Scan the QR Code with your authenticator app
						li Enter the one-time code given to you
						li You will now be asked for a code every time you log in
					h3 Authenticator app
					p We recommend using Google Authenticator
					a.dlbtn(href='https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2&pcampaignid=MKT-Other-global-all-co-prtnr-py-PartBadge-Mar2515-1', target="_blank")
						img(alt='Get it on Google Play' src='https://play.google.com/intl/en_us/badges/images/generic/en_badge_web_generic.png')
					a.dlbtn.apple(href='https://itunes.apple.com/us/app/google-authenticator/id388497605', target="_blank")
						img(alt='Download on the App Store' src='https://devimages-cdn.apple.com/app-store/marketing/guidelines/images/badge-download-on-the-app-store.svg')