{{define "title"}}Login{{end}}

{{define "main"}}
    <div class="container">
      <h1>Log in</h1>

      <form hx-post="/api/login" hx-target="#error-container">
        <div class="form-group">
          <div id="error-container" style="color: red; margin-bottom: 10px"></div>
          <label for="username">Username:</label>
          <input
            type="text"
            id="username"
            name="username"
            required
            minlength="3"
          />
        </div>

        <div class="form-group">
          <label for="password">Password:</label>
          <input
            type="password"
            id="password"
            name="password"
            required
            minlength="6"
          />
        </div>

        <button type="submit" class="btn">Login</button>
      </form>

      <p style="text-align: center; margin-top: 20px">
        Don't have an account? <a href="/signup">Sign up here</a>
      </p>
    </div>
{{end}}