{{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}}
        <h3>Log in</h3>
        <div class="alert alert-danger form-error{{if .HasError}}{{else}} hidden{{end}}">{{.ErrorMsg}}</div>
        <div class="form-group {{if .Err_UserName}}has-error has-feedback{{end}}">
            <label class="col-md-4 control-label">Username: </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>

        <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>

        <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>
                <a href="/forget-password/">Forgot your password?</a>
            </div>
        </div>

        <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>

        <div class="form-group text-center" id="social-login">
            <a class="btn btn-danger btn-lg" href="/user/sign_up">Register new account</a>
        </div>
    </form>
</div>
{{template "base/footer" .}}