@page "/auth/login/branch"
@using WebClientTpos.Client.Components.Auth
@inherits AuthBase

@*
    EN: Branch login page — split panel layout, orange CTA, trust stats.
    VI: Trang đăng nhập Chi nhánh — layout chia đôi, CTA cam, thống kê tin cậy.
    Design: pencil-design/src/pages/tPOS/auth/login/branch-desktop.pen
*@

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

<div class="auth-page--split">
    <BrandPanel PanelClass="auth-brand-panel--orange"
                LogoText="a"
                Title="@L["Auth_Branch_BrandTitle"]"
                Description="@L["Auth_Branch_BrandDesc"]" />
    
    <div class="auth-form-panel">
        <AuthCard Title="@L["Auth_Branch_Title"]"
                  Subtitle="@L["Auth_Branch_Subtitle"]"
                  Transparent="true">
            <ChildContent>
                <div class="auth-form">
                    <AuthInput Label="@L["Auth_Branch_EmailLabel"]"
                               InputType="text"
                               Placeholder="@L["Auth_Branch_EmailPlaceholder"]"
                               PrefixIcon="mail"
                               InputId="branch-email"
                               AutoComplete="email" />
                    
                    <AuthInput Label="@L["Auth_Branch_PasswordLabel"]"
                               InputType="password"
                               Placeholder="••••••••"
                               PrefixIcon="lock"
                               InputId="branch-password"
                               AutoComplete="current-password"
                               ForgotPasswordLink="/auth/forgot-password"
                               ForgotPasswordText="@L["Auth_Branch_ForgotPwd"]" />
                </div>
                
                <AuthButton Variant="orange">
                    @L["Auth_Branch_Submit"]
                </AuthButton>
            </ChildContent>
            <FooterContent>
                <span class="auth-footer-text">
                    @L["Auth_Branch_NoAccount"] <a href="/auth/register">@L["Auth_Branch_Contact"]</a>
                </span>
            </FooterContent>
        </AuthCard>
    </div>
</div>
