<!DOCTYPE html>
<html>
  <head>
    <script src="options.js"></script>
  </head>
  <body>
    <h2>Settings</h2>
    <form id="settings" method="post">
    <label for="fname">Purdue Login: </label><br>
    <input type="text" id="alias" name="alias" placeholder="pete123">@purdue.edu<br>
    <label for="lname">BoilerKey PIN:</label><br>
    <input type="password" id="pin" name="pin" placeholder="1234"><br>
    <label for="lname">Duo Mobile Activation Code: (e.g. if your Duo Activation URL is https://m-1b9bef70.duosecurity.com/activate/<strong>LoR3mIP5um</strong>, then the code will be <strong>LoR3mIP5um</strong>).</label><br>
    <input type="text" id="activationCode" name="activationCode" placeholder="LoR3mIP5um"><br>
    <label for="lname">HOTP Secret:</label><br>
    <input type="text" id="key" name="key" placeholder="Leave it blank" disabled><br>
    <label for="lname">HOTP Counter:</label><br>
    <input type="text" id="counter" name="counter" placeholder="Leave it blank" disabled><br><br>
    <input type="submit" value="submit">
    </form>
    <br><hr>
  </body>
</html>