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

block body
	.container.mt-4.mb-4
		nav(aria-label="breadcrumb")
			ol.breadcrumb
				li.breadcrumb-item
					a(href="/") Home
				li.breadcrumb-item
					a(href="/user/manage") User Settings
				li.breadcrumb-item.active(aria-current="page") Enable Two Factor Authentication
		h1 Two Factor Authentication
		.row
			.col
				if message.text
					if message.error
						.alert.alert-danger
							span #{message.text}
					else
						.alert.alert-warning
							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)
					.form-group
						label(for="code",autofocus) Enter the Code
						input.form-control#code(type="text", name="code", autocomplete="off")
					button.btn.btn-primary(type="submit") Enable Now
			aside.col
				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. You can download it below for your smartphone:
				a.app-button(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.app-button.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')