{{ template "base" . }}
{{ define "title" }}
Login
{{ end }}
{{ define "content" }}
<form action=""
      method="post"
      name="login-form"
      id="login-form"
      class="d-blick needs-validation col-sm-6"
      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>
</form>
{{ end }}
{{define "js"}}
<script type="module">
    import {val} from "/static/js/login.js"
    document.getElementById("login-btn").addEventListener("click", () => {
        val({{.API}});
    })
</script>
{{end}}