{layout layout}
<section class="auth-page">
  <div class="container auth-card">
    <h1 class="auth-title">{lang home.login_title}</h1>
    <p class="auth-desc">{lang home.login_desc}</p>
    {if !empty($flash.message)}
    <div class="form-alert form-alert-{$flash.type}">{$flash.message}</div>
    {/if}
    <form class="auth-form" action="{$entry_prefix}/login" method="post" autocomplete="on">
      <input type="hidden" name="_token" value="{$csrf}">
      <div class="form-group">
        <label class="form-label" for="username">{lang common.username}</label>
        <input class="form-input" id="username" name="username" type="text" required autocomplete="username" placeholder="{lang home.login_username_ph}">
      </div>
      <div class="form-group">
        <label class="form-label" for="password">{lang common.password}</label>
        <input class="form-input" id="password" name="password" type="password" required autocomplete="current-password" placeholder="{lang home.login_password_ph}">
      </div>
      {if !empty($need_captcha)}
      <div class="form-group">
        <label class="form-label" for="captcha">验证码</label>
        <div class="auth-captcha-row">
          <input class="form-input" id="captcha" name="captcha" type="text" required autocomplete="off" maxlength="4" placeholder="请输入右侧验证码">
          <img class="auth-captcha" src="{$captcha_src}" alt="验证码" onclick="this.src=this.src.split('?')[0]+'?v='+Date.now()" title="点击刷新">
        </div>
      </div>
      {/if}
      <div class="auth-row">
        <label class="form-check"><input type="checkbox" name="remember" value="1"> 30 天内自动登录</label>
        <a class="auth-link" href="{$entry_prefix}/forgot">忘记密码？</a>
      </div>
      <button class="btn btn-primary btn-block btn-lg" type="submit">{lang common.login}</button>
    </form>
    <p class="auth-alt">{lang home.no_account} <a href="{$entry_prefix}/register">{lang home.go_register}</a></p>
  </div>
</section>