@inject IViewLocalizer Localizer
@using Microsoft.AspNetCore.Mvc.Localization
@model LiteCharmsSecurity.STS.Identity.ViewModels.Manage.ShowRecoveryCodesViewModel
@{
    ViewData["Title"] = Localizer["Title"];
}

<section class="space-y-6 max-w-2xl">
    <div class="card">
        <div class="card-header">
            <h2 class="card-title">@ViewData["Title"]</h2>
        </div>

        <div class="card-content space-y-6">
            <div class="alert-default">
                <lucideicon name="info" class="h-4 w-4" />
                <div>
                    <div class="alert-title">@Localizer["SubTitle"]</div>
                    <div class="alert-description">@Localizer["Info"]</div>
                </div>
            </div>

            <div class="grid gap-3 sm:grid-cols-2 font-mono text-sm">
                @for (var row = 0; row < Model.RecoveryCodes.Length; row += 2)
                {
                    <div class="flex items-center justify-between rounded-md border bg-muted/40 px-3 py-2">
                        <span>@Model.RecoveryCodes[row]</span>
                        <span>@Model.RecoveryCodes[row + 1]</span>
                    </div>
                }
            </div>
        </div>
    </div>
</section>