JavaScriptでFirebase Firestoreのデータを取得してログインしたい

前提・実現したいこと

phpとJavaScriptでログインする画面を作っています。
phpで入力した値とFirestoreからとってきた値をチェックして一致していればメインのページに飛ばすようなページになっています。
そこで、Firestoreからデータを取ってこようとすると空文字を取得してしまいました。

発生している問題・エラーメッセージ

エラーメッセージは出てこないんですが、Hello !のようにHelloの後ろに出てくるはずのデータが出てきません。

該当のソースコード

<title>ログイン</title>

</head> <div class = "container"> <div class="wrapper"> <form action="test.php" method="post" name="Login_Form" class="form-signin"　> <h3 class="form-signin-heading">ユーザーログイン</h3> <hr class="colorgraph"><br>

		  <div class="mb-3">
            <label for="email">メールアドレス <span class="text-muted"></span></label>
            <input class="form-control" id="email" type="email" placeholder="you@example.com" name="user">
            <div class="invalid-feedback">
              Please enter a valid email address for shipping updates.
            </div>
          </div>
                      
                      <input type="hidden" name="dpass" id="hid">
          
          <label for="email">パスワード <span class="text-muted"></span></label>
		  <input type="password" class="form-control" name="pass" placeholder="Password" required=""/>     		  

                      <button class="btn btn-lg btn-primary btn-block"  name="submit" value="Login" type="submit" id="submit">ログイン</button> 			
	</form>
</div>

</div> <script> var db = firebase.firestore(); var email; var pass; var dpass; var docRef; document.getElementById("submit").addEventListener("click", ()=>{ email = $('#user').val(); pass = $('#pass').val(); docRef = db.collection("Users").doc("mailaddress"); docRef.get().then(function(querySnapshot) { querySnapshot.forEach(function (doc) { var data = doc.data(); if (doc.exists) { console.log("Document data:", doc.data()); document.getElementById('hid').value = (`${data.pass}`); dpass=document.getElementById('hid').value; if(dpass == pass){ console.log("成功", (`${data.pass}`)); }else{ console.log("失敗", (`${data.pass}`)); alert("メールアドレスまたはパスワードが正しくありません"); return false; } } else { // doc.data() will be undefined in this case console.log("No such document!"); alert("メールアドレスまたはパスワードが正しくありません"); return false; } }).catch(function(error) { console.log("Error getting document:", error); return false; }); }); }); function showMessage(str){ var msg = document.querySelector("#msg"); msg.innerHTML = str; msg.style.display = "block"; } </script>

---test.php

<?php echo 'Hello ' . htmlspecialchars($_POST["user"]) . '!'; echo 'Hello ' . htmlspecialchars($_POST["pass"]) . '!'; echo 'Hello ' . htmlspecialchars($_POST["dpass"]) . '!'; ?>