<!DOCTYPE html>
<html>
   <head>
      <title>Change Password - Lightning Chat</title>
      <meta name="description" content="Change your password here!">
      <link rel="stylesheet" href="styles/main.css">
      <link href="/bootstrap-5.1.3-dist/css/bootstrap.min.css" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" rel="stylesheet">
      <link rel="shortcut icon" type="image/jpg" href="https://media.discordapp.net/attachments/761286162333171734/904834737888198726/unknown.png"/>
      <link rel="stylesheet" href="styles/login.css">
      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
      <script src="/bootstrap-5.1.3-dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
      <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
         async defer></script>
               <script defer data-domain="lightningchat.live" src="https://plausible.yeetpc.com/js/plausible.js"></script>
   </head>
   <body>
      <nav class="navbar navbar-expand-lg fixed-top navbar-dark" style='background-color:#004766; margin-bottom: 20%;'>
         <div class="container-fluid">
            <a style="color: #ffd166;"class="navbar-brand" href="/">Lightning âš¡</a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
            </div>
         </div>
      </nav>
      <div class="card login-card">
         <div class="card-body">
            <h5 class="card-title">Change Password</h5>
            <div class="mb-3">
               <form id="form_id" method="POST" name="myform" action='editpassword'>
                  <label for="exampleFormControlInput1" class="form-label">Password</label>
                  <input type="password" class="form-control" name='password' id="password">
                  <input type="hidden" id = 'username' name = 'username' value = <%= item[0].username%>>  
            </div>
            <input type="submit" name=""/>
            </form>
         </div>
      </div>
   </body>
</html>