{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>
      <div class="auth-row">
        <label class="form-check"><input type="checkbox" name="remember" value="1"> 30 days, keep me signed in</label>
        <a class="auth-link" href="{$entry_prefix}/forgot">Forgot password？</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>