{{ template "base" . }}
{{ define "title" }}
Login
{{ end }}
{{ define "content" }}
<div class="row">
    <div class="col-md-6 offset-md-3">
        <div class="alert alert-danger text-center d-none" id="login-messages"></div>
        <form action="/login"
              method="post"
              name="login-form"
              id="login-form"
              class="d-blick needs-validation"
              autocomplete="off"
              novalidate="">
            <h2 class="mt-2 mb-3 text-center">Login</h2>
            <hr>
            <div class="mb-3">
                <label for="-email" class="form-label">Email</label>
                <input type="text"
                       id="email"
                       name="email"
                       autocomplete="email-new"
                       required=""
                       class="form-control">
            </div>
            <div class="mb-3">
                <label for="password" class="form-label">Password</label>
                <input type="password"
                       id="password"
                       name="password"
                       autocomplete="password-new"
                       required=""
                       class="form-control">
            </div>
            <hr>
            <a href="javascript:void(0)" id="login-btn" class="btn btn-primary">Login</a>
            <p class="mt-2">
                <small><a href="/forgot-password">Forgot password</a></small>
            </p>
        </form>
    </div>
</div>
{{ end }}
{{ define "js" }}
<script type="module">
    import {val} from "/static/js/login.js"
    document.getElementById("login-btn").addEventListener("click", () => {
        val({{.API}});
    })
</script>
{{ end }}