@model TwoFactorCodeViewModel
@{
    ViewData["Title"] = "Two-factor authentication";
}

<div class="page-heading compact">
    <div>
        <p class="eyebrow">Account</p>
        <h1>Two-factor authentication</h1>
        <p class="lead-text">Enter the current 6-digit code from your authenticator app.</p>
    </div>
</div>

<section class="edit-panel">
    <form asp-action="TwoFactor" method="post" class="asset-create-form">
        <input asp-for="ReturnUrl" type="hidden" />
        <div asp-validation-summary="ModelOnly" class="alert alert-warning"></div>

        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label" asp-for="Code">Authenticator code</label>
                <input class="form-control" asp-for="Code" autocomplete="one-time-code" />
                <span class="text-danger" asp-validation-for="Code"></span>
            </div>
        </div>

        <div class="button-row mt-3">
            <button class="btn btn-primary" type="submit">Continue</button>
            <a class="btn btn-outline-secondary" asp-action="Login">Back to Login</a>
        </div>
        <p class="mt-3 mb-0">
            <a asp-action="TwoFactorRecovery" asp-route-returnUrl="@Model.ReturnUrl">Can't access your authenticator app? Use a recovery code.</a>
        </p>
    </form>
</section>

@section Scripts {
    <partial name="_ValidationScriptsPartial" />
}