#{include file="./Header.html"}
<!-- Main Container -->
<main class="auth-wrapper">
    <div class="auth-card">

        <div class="brand-header">
            <div class="brand-logo">
                <img src="/favicon.ico" alt="Logo" class="brand-icon">
            </div>

        </div>
        <p class="auth-subtitle small mb-3">#{t("登入")}<a class="text-link" href="/">#{$config.shop_name}</a>#{t("，获取更多折扣！")}</p>

        <form method="post" class="needs-validation">
            <div class="form-floating mb-4">
                <input type="text" class="form-control" name="username" placeholder="#{t('用户名/手机号/邮箱')}"
                       required>
                <label for="username">#{t("用户名/手机号/邮箱")}</label>
            </div>

            <div class="form-floating mb-4">
                <input type="password" class="form-control" name="password" placeholder="••••••••"
                       minlength="6" required>
                <label for="password">#{t("密码")}</label>
            </div>

            #{if $config.login_verification == 1}
                <div class="row mb-4">
                    <div class="col-sm-6 col-6">
                        <div class="form-floating">
                            <input type="text" class="form-control" id="image-captcha" name="captcha"
                                   placeholder="#{t('请输入验证码')}">
                            <label class="form-label" for="image-captcha">#{t("图形验证码")}</label>
                        </div>
                    </div>
                    <div class="col-sm-6 col-6 d-flex align-items-center">
                        <img src="/user/captcha/image?action=login"
                             data-acg-refresh="/user/captcha/image?action=login"
                             class="image-code" alt="#{t('更换验证码')}">
                    </div>
                </div>
            #{/if}

            <div class="d-flex justify-content-between align-items-center mb-3 mt-3">
                <div class="form-check">
                    <input id="rememberMe" name="remember" type="checkbox" value="1">
                    <label for="rememberMe">#{t("保持会话")}</label>
                </div>
                <a href="#{if $config.forget_type == 0}/user/authentication/emailForget#{else}/user/authentication/phoneForget#{/if}" class="text-link small">#{t("忘记密码？")}</a>
            </div>

            <div class="d-grid">
                <button type="submit" class="btn btn-gradient btn-lg">#{t("登录")}</button>
            </div>
        </form>


        #{if getHookNum(\App\Consts\Hook::USER_VIEW_AUTH_LOGIN_BUTTON) > 0}
            <!--begin::Separator-->
            <div class="divider small my-3">OR</div>
            <!--end::Separator-->
        #{/if}

        <!--start::HOOK-->
        #{hook(\App\Consts\Hook::USER_VIEW_AUTH_LOGIN_BUTTON)}
        <!--end::HOOK-->

        #{if $config.registered_state == 1}
        <p class="text-center small mt-3 mb-0">
            #{t("还没有账号？")}
            <a class="text-link" href="/user/authentication/register">#{t("立即注册")}</a>
        </p>
        #{/if}
    </div>
</main>
<!-- END Main Container -->
#{ready("/assets/user/controller/auth/login.js")}
#{include file="./Footer.html"}