{% extends "base.html" %}

{% block main %}

  <h1>Welcome</h1>

  {# Show a username/password login form #}
  <form method="post" action="/login" accept-charset="UTF-8" id="loginform" class="row gy-2 gx-3 align-items-center">
    <div class="col-auto">
      <label class="visually-hidden" for="login-username">Username</label>
      <input class="form-control" id="login-username" type="text" name="username" placeholder="Username" />
    </div>
    <div class="col-auto">
      <label class="visually-hidden" for="login-password">Password</label>
      <input class="form-control" id="login-password" type="password" name="password" placeholder="Password" />
    </div>
    <div class="col-auto">
      <input class="btn btn-primary" type="submit" value="Login">
      <a class="btn btn-secondary" href="/">Cancel</a>
   </div>
  </form>

  {{ super() }}

{% endblock %}

{% block barcodewebsocket %}
  document.location = "/?barcode=" + e.data;
{% endblock %}