{% extends 'base.html' %}
{% load i18n static %}

{% block content %}
      <div class="row">
        <div class="row flex-center min-vh-100 py-5">
          <div class="col-sm-10 col-md-8 col-lg-5 col-xxl-4"><a class="d-flex flex-center text-decoration-none mb-4" href="../../../index.html">
              <div class="d-flex align-items-center fw-bolder fs-3 d-inline-block"><img src="../../../assets/img/icons/logo.png" alt="phoenix" width="58" />
              </div>
            </a>
            <div class="px-xxl-5">
              <div class="text-center mb-6">
                <h4 class="text-body-highlight">Enter the verification code</h4>
                <p class="text-body-tertiary mb-0">An email containing a 6-digit verification code has been sent to the email address - exa*********.com </p>
                <P class="fs-10 mb-5">Don’t have access? <a href="#!">Use another method</a></P>
                <form class="verification-form" data-2fa-form="data-2fa-form">
                  <div class="d-flex align-items-center gap-2 mb-3">
                    <input class="form-control px-2 text-center" type="number" />
                    <input class="form-control px-2 text-center" type="number" />
                    <input class="form-control px-2 text-center" type="number" /><span>-</span>
                    <input class="form-control px-2 text-center" type="number" />
                    <input class="form-control px-2 text-center" type="number" />
                    <input class="form-control px-2 text-center" type="number" />
                  </div>
                  <div class="form-check text-start mb-4">
                    <input class="form-check-input" id="2fa-checkbox" type="checkbox" />
                    <label for="2fa-checkbox">Don’t ask again on this device</label>
                  </div>
                  <Button class="btn btn-primary w-100 mb-5" type="submit" disabled="disabled">Verify</Button><a class="fs-9" href="#!">Didn’t receive the code? </a>
                </form>
              </div>
            </div>
          </div>
        </div>
      </div>

{% endblock %}