<!-- Ô nhập mật khẩu để hiện giá sỉ -->
<div style="
  background: #e3f2fd;
  border: 2px dashed #42a5f5;
  border-radius: 12px;
  padding: 25px;
  font-family: Arial, sans-serif;
  max-width: 600px;
  margin: 40px auto;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  text-align: center;
"><!-- Tiêu đề -->
<h2 id="formTitle" style="
    color: #1565c0;
    font-size: 28px;
    margin-bottom: 20px;
    font-style: italic;
  ">Nhập mật khẩu để hiện giá sỉ</h2>
<!-- Ô nhập và nút xác nhận --><input id="passwordInput" placeholder="Nhập mật khẩu..." style="
    padding: 10px 15px;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #90caf9;
    width: 250px;
    max-width: 80%;
    margin-bottom: 15px;
  " type="password" /><br />
<button onclick="checkPassword()" style="
    padding: 10px 25px;
    font-size: 16px;
    background-color: #1976d2;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
  ">Xác nhận</button> <!-- Khung giá ẩn -->

<div id="priceBox" style="
    display: none;
    margin-top: 25px;
    font-size: 26px;
    color: #d32f2f;
    font-weight: bold;
  ">Giá sỉ: <span id="priceValue" style="text-decoration: underline;">305.000đ</span></div>
</div>
<!-- JavaScript --><script>
  // ✅ DỄ DÀNG CHỈNH SỬA TẠI ĐÂY:
  const correctPassword = "456"; // Mật khẩu có thể đổi
  const displayedPrice = "73.000đ"; // Giá sỉ có thể đổi
  const titleText = "Nhập mật khẩu để hiện giá sỉ"; // Tiêu đề có thể đổi

  // Gán giá và tiêu đề từ biến
  document.getElementById("priceValue").textContent = displayedPrice;
  document.getElementById("formTitle").textContent = titleText;

  function checkPassword() {
    const entered = document.getElementById("passwordInput").value;
    const box = document.getElementById("priceBox");

    if (entered === correctPassword) {
      box.style.display = "block";
    } else {
      alert("❌ Mật khẩu không đúng. Vui lòng thử lại!");
    }
  }
</script>