@model AppUser
@{
    ViewData["Title"] = "Manage Account";
}

<div class="page-heading compact">
    <div>
        <p class="eyebrow">Account</p>
        <h1>Manage Account</h1>
        <p class="lead-text">@Model.Email</p>
    </div>
</div>

@if (TempData["AuthMessage"] is string authMessage)
{
    <div class="alert alert-info">@authMessage</div>
}

<section class="edit-panel">
    <h2>Account security</h2>
    <div class="row g-3 mb-3">
        <div class="col-md-4">
            <p class="eyebrow">Email address</p>
            <p>@Model.Email</p>
        </div>
        <div class="col-md-4">
            <p class="eyebrow">Email verified</p>
            <p>@(Model.EmailConfirmed ? "Yes" : "No")</p>
        </div>
        <div class="col-md-4">
            <p class="eyebrow">Two-factor authentication</p>
            <p>@(Model.TwoFactorEnabled ? "Enabled" : "Not enabled")</p>
        </div>
    </div>
    <div class="button-row mb-4">
        <a class="btn btn-outline-primary" asp-action="ChangePassword">Change Password</a>
    </div>

    <h2>Two-Factor Authentication</h2>
    <p class="muted">Use an authenticator app to add an extra sign-in step for your account.</p>
    <div class="button-row">
        @if (Model.TwoFactorEnabled)
        {
            <a class="btn btn-outline-primary" asp-action="RecoveryCodes">Recovery Codes</a>
            <a class="btn btn-outline-danger" asp-action="DisableTwoFactor">Disable Two Factor</a>
        }
        else
        {
            <a class="btn btn-primary" asp-action="EnableTwoFactor">Enable Two Factor</a>
        }
    </div>
</section>