@page "/auth/email-sent"
@using WebClientTpos.Client.Components.Auth
@inherits AuthBase

@*
    EN: Email Sent Confirmation page — shows email delivery success with action buttons.
    VI: Trang xác nhận đã gửi email — hiển thị gửi email thành công với nút hành động.
    Design: pencil-design/src/pages/tPOS/auth/workflow/email-sent.pen
*@

<PageTitle>@L["Auth_EmailSent_PageTitle"]</PageTitle>

<div class="auth-page">
    <AuthCard Title="@L["Auth_EmailSent_Title"]"
              Subtitle="@L["Auth_EmailSent_Subtitle"]"
              Icon="mail-check"
              IconClass="auth-icon--success"
              Compact="true">
        <ChildContent>
            <span class="auth-highlight">u****a@gmail.com</span>
            
            <AuthButton Variant="orange" IconName="external-link">
                @L["Auth_EmailSent_OpenEmail"]
            </AuthButton>
            
            <AuthButton Variant="outline" IconName="mail">
                @L["Auth_EmailSent_ResendEmail"]
            </AuthButton>
        </ChildContent>
        <FooterContent>
            <span class="auth-footer-text">
                @L["Auth_EmailSent_NotReceived"]
            </span>
            <span class="auth-footer-text">
                @L["Auth_EmailSent_CheckSpam"] <a href="#">@L["Auth_EmailSent_Resend"]</a>
            </span>
            <a href="/auth/login/branch" class="auth-back-link" style="align-self: center;">
                <i data-lucide="arrow-left"></i> @L["Auth_EmailSent_BackToLogin"]
            </a>
        </FooterContent>
    </AuthCard>
</div>
