<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; encoding=utf-8" />
  <title>[dialog-password]{% trans %}Log-in Required{% endtrans %}</title>
  <style>@import url(odysseus:butterick.css);</style>
</head>
<body>
  <main>
    <h1>{% trans %}Please Log In{% endtrans %}</h1>
    <p>{% trans %}You need to log in to access this page.{% endtrans %}</p>

    <!-- The code which shows this page will listen for a submission -->
    <form>
      <table>
        <tr>
          <th><label for="username">{% trans %}Username{% endtrans %}</label></th>
          <td><input id="username" type="text" name="username" /></td>
        </tr>
        <tr>
          <th><label for="password">{% trans %}Password{% endtrans %}</label></th>
          <td><input id="password" type="password" name="password" /></td>
        </tr>
        <tr>
          <th></th>
          <td><button type="submit">{% trans %}Log In{% endtrans %}</button></td>
        </tr>
      </table>
    </form>
  </main>
</body>
</html>
