{{template "base/head" .}}
<div class="signin">
  <div class="ui middle very relaxed page grid">
    <div class="column">
      <form class="ui form" action="{{.Link}}" method="post">
        {{.CsrfTokenHtml}}
        <h3 class="ui top attached header">
          {{if .IsSocialLogin}}{{.i18n.Tr "social_sign_in" | Str2html}}{{else}}{{.i18n.Tr "sign_in"}}{{end}}
        </h3>
        <div class="ui attached segment">
          {{template "base/alert" .}}
          <div class="required inline field {{if .Err_UserName}}error{{end}}">
            <label for="user_name">{{.i18n.Tr "home.uname_holder"}}</label>
            <input id="user_name" name="user_name" value="{{.user_name}}" autofocus required>
          </div>
          <div class="required inline field {{if .Err_Password}}error{{end}}">
            <label for="password">{{.i18n.Tr "password"}}</label>
            <input id="password" name="password" type="password" value="{{.password}}" required>
          </div>
          {{if not .IsSocialLogin}}
          <div class="inline field">
            <label></label>
            <div class="ui checkbox">
              <label>{{.i18n.Tr "auth.remember_me"}}</label>
              <input name="remember" type="checkbox">
            </div>
          </div>
          {{end}}

          <div class="inline field">
            <label></label>
            <button class="ui green button">{{.i18n.Tr "sign_in"}}</button>
            {{if not .IsSocialLogin}}<a href="{{AppSubUrl}}/user/forget_password">{{.i18n.Tr "auth.forget_password"}}</a>{{end}}
          </div>
          {{if .ShowRegistrationButton}}
          <div class="inline field">
            <label></label>
            <a href="{{AppSubUrl}}/user/sign_up">{{.i18n.Tr "auth.sign_up_now" | Str2html}}</a>
          </div>
          {{end}}
          {{if and (not .IsSocialLogin) .OauthEnabled}}
          <div class="inline field">
            <label></label>
            {{template "base/social" .}}
          </div>
          {{end}}
        </div>
      </form>
    </div>
  </div>
</div>
{{template "base/footer" .}}