<?xml version="1.0" encoding="UTF-8" ?>
<messages>
  <message id="Wt.Auth.template.login">
    <div class="Wt-form Wt-auth-login">
      <h2>${tr:Wt.Auth.login-form-title}</h2>
      <p>${tr:Wt.Auth.login-form-info}</p>

      <div style="margin: 10px 10px 30px">
	This Wt example shows how the authentication system can be
	extended to support other authentication methods, like for
	example delegating the authentication to a mobile phone using
	a QR code.
      </div>

      <div class="Wt-fields">
        <label for="${id:user-name}">${user-name-label}
          ${user-name-info class="Wt-info"}
	</label>
	${user-name}

	<label for="${id:password}">${tr:Wt.Auth.password}
          ${password-info class="Wt-info"}
	</label>
	${password}

	<label for="${id:remember-me}">${tr:Wt.Auth.remember-me}
	  <span class="Wt-info">${remember-me-info}</span>
	</label>
	${remember-me}
      </div>

      ${<if:oauth>}

        <div class="Wt-col-right">
	  <h3>Or use:</h3>
	  ${icons}
	</div>

      ${</if:oauth>}

      <div class="Wt-buttons">
	${login}
      </div>

      <div class="Wt-buttons">
	${lost-password} ${sep} ${register} | ${qrauth}
      </div>
    </div>
  </message>
</messages>
