{% extends 'shared/auth.html.twig'%}
{% block title %}Enable 2FA Authentication{% endblock %}

	 {% block body %}
  	<div class="d-flex flex-column flex-root">
			<!--begin::Page bg image-->
					{# <style>body {  background-color: #D3D3D3; } }</style> #}

			<!--end::Page bg image-->
			<!--begin::Authentication - Signup Welcome Message -->
			<div class="d-flex flex-column flex-center flex-column-fluid">
				<!--begin::Content-->
				<div class="d-flex flex-column flex-center text-center p-10">
					<!--begin::Wrapper-->
					<div class="card card-flush w-lg-650px py-5">
						<div class="card-body py-15 py-lg-20">
							<!--begin::Logo-->
							<div class="mb-14">
								<a href="#">
									<img alt="Logo" src="{{site_assets}}/images/logo/logo.gif" class="h-100px" />
								</a>
							</div>
							<!--end::Logo-->
							<!--begin::Title-->
							<h1 class="fw-bolder text-gray-900 mb-5">Downalod Authy or Google Authenticator and Scan the QR Code</h1>
							<!--end::Title-->
							<!--begin::Action-->
							<div class="fs-6 mb-8">
							 <p>
               To complete setup of your account, your are required to enable 2FA on your account, download the Authy or Google Authenticator App on your device, and then scan the QR Code below.
            </p>

							</div>
							<!--end::Action-->
							<!--begin::Link-->
							{# <div class="mb-11">
								<a href="{{ url('app_signin')}}" class="btn btn-sm btn-primary">Skip for now</a>
							</div> #}
							<!--end::Link-->
							<!--begin::Illustration-->
							<div class="mb-0">
						<img src="{{ url('app_qr_code') }}" alt="2fa QR Code">
							</div>
							<!--end::Illustration-->

							<div class="fs-6 mb-8">

								<span class="fw-semibold text-gray-500">Once done, </span>
								<a href="{{ url('app_2fa_enabled')}}" class="fw-bold">Click here to complete setup and login</a>
							</div>
						</div>
					</div>
					<!--end::Wrapper-->
				</div>
				<!--end::Content-->
			</div>
			<!--end::Authentication - Signup Welcome Message-->
		</div>

      {% endblock %}

      {% block Javascript %}
      		{# <script src="{{secure_assets}}/js/custom/authentication/sign-in/general.js"></script> #}

      {% endblock %}