<style type="text/css">
/* Стили для скрытого контейнера */
#wrp-password {display:none;position:fixed;z-index:3000;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,99);}
#wrp-password .cnt {
  position:absolute;
  margin:auto;
  border-radius:12px;
  padding:23px;
  top:0;bottom:0;left:0;right:0;
  width:320px;
  height:250px;
  color:#fff;
  background-color:rgba(0,0,0,.0);
  border:double 5px rgba(0,0,0,.7);
  box-shadow: 0 0 22px rgba(255,255,255,.2);
  font: normal normal 400 16px/normal "Times New Roman";
  text-align: center;
}

/* Стили для кнопки */
button {
  background-color: #4CAF50; /* Зеленый цвет */
  color: white;
  border: none;
  padding: 14px 28px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 8px; /* Скругленные углы */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Тень */
  transition: background-color 0.3s ease, transform 0.2s ease; /* Плавный переход */
 
}

button:hover {
  background-color: #45a049; /* Темно-зеленый цвет при наведении */
  transform: translateY(-2px); /* Поднимание кнопки при наведении */
}

button:active {
  transform: translateY(2px); /* Кнопка опускается при клике */
}

button:focus {
  outline: none; /* Убираем контур при фокусе */
}
</style>

<div id="wrp-password">
  <div class="cnt">
    <form id="password-form">
      <p align="center">Эта тема защищена паролем.<br>Введите пароль, чтобы продолжить:</p>
      <input type="password" id="thread-password" style="margin: 10px 0; padding: 5px; width: 90%;" /> 
      <button type="button" onclick="checkPassword()">Подтвердить</button>
    </form>
    <a href="/index.php" style="margin-top: 20px; display: block;">Вернуться на главную</a>
  </div>
</div>

<script type="text/javascript">
// Установите пароли для тем
var protectedThreads = {
  "https://": "12345", // URL темы,форума : пароль
  "https://": "54321"
};

// Получаем текущий URL
var currentUrl = window.location.href;

// Если тема защищена, показываем форму для пароля
if (protectedThreads[currentUrl]) {
  $('#wrp-password').show();
}

// Проверка введенного пароля
function checkPassword() {
  var inputPassword = document.getElementById("thread-password").value;

  // Сравнение с паролем из списка
  if (inputPassword === protectedThreads[currentUrl]) {
    document.getElementById("wrp-password").style.display = "none";
  } else {
    alert("Неверный пароль. Попробуйте снова.");
  }
}
</script>