{{define "modal-login"}}
<!-- Login-Modal -->
<div id="modalPlaceholder"></div>
<div class="modal fade" id="login-modal" tabindex="-1" role="dialog" aria-labelledby="login-modal-label" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="login-modal-label">Sign in</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <form id="login" action="/login" class="form-signin">
                    <div id="formEmail" class="form-group">
                        <label for="inputEmail" class="sr-only">E-Mail or Username</label>
                        <input type="text" id="inputEmail" class="form-control" oninput="clearErrors()"
                               placeholder="E-mail address" required autofocus>
                    </div>
                    <div id="formPassword" class="form-group">
                        <label for="inputPassword" class="sr-only">Password</label>
                        <input type="password" id="inputPassword" class="form-control" oninput="clearErrors()"
                               placeholder="Password" required aria-describedby="passwordHelpBlock">
                        <span id="passwordFeedback" class="form-control-feedback"></span>
                    </div>
                    <!--<div class="checkbox">
                        <label>
                            <input type="checkbox" value="remember-me"> Remember me
                        </label>
                    </div>-->
                    <button class="btn btn-lg btn-primary btn-block" type="submit">Sign In</button>
                    <script src='/static/js/modal/login.js'></script>
                </form>
            </div>
        </div>
    </div>
</div>
{{end}}