{{template "base/head" .}}
{{template "base/navbar" .}}
<div class="container" id="body" data-page="user-signin">
    <form action="/user/login" method="post" class="form-horizontal card" id="login-card">
        {{.CsrfTokenHtml}}
        {{if .IsSocialLogin}}
        <h3>Social login: 2nd step <small>associate account</small></h3>
        {{else}}
        <h3>Log in</h3>
        {{end}}
        {{template "base/alert" .}}
        <div class="form-group {{if .Err_UserName}}has-error has-feedback{{end}}">
            <label class="col-md-4 control-label">Username or e-mail: </label>
            <div class="col-md-6">
                <input name="username" class="form-control" placeholder="Type your username" value="{{.username}}" required="required">
            </div>
        </div>

        <div class="form-group {{if .Err_Password}}has-error has-feedback{{end}}">
            <label class="col-md-4 control-label">Password: </label>
            <div class="col-md-6">
                <input name="passwd" type="password" class="form-control" placeholder="Type your password" required="required">
            </div>
        </div>
        
        {{if not .IsSocialLogin}}<div class="form-group">
            <div class="col-md-6 col-md-offset-4">
                <div class="checkbox">
                    <label>
                        <input type="checkbox" name="remember" {{if .remember}}checked{{end}}>
                        <strong>Remember me</strong>
                    </label>
                </div>
            </div>
        </div>{{end}}

        <div class="form-group">
            <div class="col-md-offset-4 col-md-6">
                <button type="submit" class="btn btn-lg btn-primary">Log In</button>
                {{if not .IsSocialLogin}}<a href="/user/forget_password/">Forgot your password?</a>{{end}}
            </div>
        </div>

        {{if not .IsSocialLogin}}<div class="form-group">
            <div class="col-md-offset-4 col-md-6">
                <a href="/user/sign_up">Need an account? Sign up now.</a>
            </div>
        </div>

        {{if .OauthEnabled}}
        <div class="form-group text-center" id="social-login">
            <h4><span>or</span></h4>
            <!--
            <a href="/user/login/github?next=/user/sign_up" class="btn btn-default facebbok">
                <i class="fa fa-facebook-square fa-2x"></i>
                <span>Facebook</span>
            </a>
            <a href="/user/login/github?next=/user/sign_up" class="btn btn-default weibo">
                <i class="fa fa-weibo fa-2x"></i>
                <span>Weibo</span>
            </a>-->
            {{if .OauthService.GitHub}}<a href="/user/login/github?next=/user/sign_up" class="btn btn-default"><i class="fa fa-github-square fa-2x"></i><span>GitHub</span></a>{{end}}
            {{if .OauthService.Google}}<a href="/user/login/google?next=/user/sign_up" class="btn btn-default"><i class="fa fa-google-plus-square fa-2x"></i><span>Google</span></a>{{end}}
            {{if .OauthService.Twitter}}<a href="/user/login/twitter?next=/user/sign_up" class="btn btn-default"><i class="fa fa-twitter-square fa-2x"></i><span>Twitter</span></a>{{end}}
            {{if not .OauthService.Tencent}}<a href="/user/login/qq?next=/user/sign_up" class="btn btn-default"><i class="fa fa-qq fa-2x"></i><span>Tencent QQ</span></a>{{end}}
            {{if .OauthService.Weibo}}<a href="/user/login/weibo?next=/user/sign_up" class="btn btn-default"><i class="fa fa-weibo fa-2x"></i><span>Weibo</span></a>{{end}}
        </div>
        {{end}}{{end}}
    </form>
</div>
{{template "base/footer" .}}