script.js

document
  .getElementById("loginForm")
  .addEventListener("submit", function (event) {
    event.preventDefault();

    const email = document.getElementById("loginEmail").value;
    const password = document.getElementById("loginPassword").value;

    fetch("http://localhost:8080/api/Login/UserAuth", {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify({ email, password }),
    })
      .then((response) => response.json())
      .then((data) => {
        if (data.success) {
          // Сохраняем email в localStorage для использования на следующих страницах
          localStorage.setItem("userEmail", email);
          window.location.href = "index.html";
        } else {
          document.getElementById("message").textContent =
            "Пользователь с таким email не найден!";
          document.getElementById("messageContainer").style.display = "block";
        }
      })
      .catch((error) => {
        console.error("Ошибка:", error);
        document.getElementById("message").textContent =
          "Произошла ошибка. Попробуйте позже.";
        document.getElementById("messageContainer").style.display = "block";
      });
  });

document
  .querySelector("#openRegistrationModal")
  .addEventListener("click", function () {
    // Закрыть предыдущее модальное окно (если оно открыто)
    const loginModal = bootstrap.Modal.getInstance(
      document.getElementById("loginModal")
    );
    if (loginModal) {
      loginModal.hide();
    }

    // Открыть модальное окно регистрации
    const registrationModal = new bootstrap.Modal(
      document.getElementById("registrationModal")
    );
    registrationModal.show();

    // Очистить поля формы регистрации
    document.getElementById("registrationForm").reset();
  });

document
  .getElementById("registrationForm")
  .addEventListener("submit", function (event) {
    event.preventDefault(); // Предотвращаем стандартное действие отправки формы

    const name = document.getElementById("name").value;
    const surname = document.getElementById("surname").value;
    const birthday = document.getElementById("birthday").value;
    const email = document.getElementById("registerEmail").value;
    const phone = document.getElementById("phone").value;
    const address = document.getElementById("address").value;
    const username = document.getElementById("username").value;
    const password = document.getElementById("registerPassword").value;
    const photo = document.getElementById("photo").value;

    const userData = {
      name,
      surname,
      birthday,
      email,
      phone,
      address,
      username,
      password,
      photo,
    };

    fetch("http://localhost:8080/api/Register/UserReg", {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify(userData),
    })
      .then((response) => response.json())
      .then((data) => {
        if (data) {
          // Закрываем окно регистрации перед показом окна успеха
          const registrationModal = bootstrap.Modal.getInstance(
            document.getElementById("registrationModal")
          );
          if (registrationModal) {
            registrationModal.hide();
          }

          // Показываем модальное окно об успешной регистрации
          const successModal = new bootstrap.Modal(
            document.getElementById("successModal")
          );
          successModal.show();

          // Очистить форму регистрации
          document.getElementById("registrationForm").reset();
        } else {
          document.getElementById("message").textContent =
            "Произошла ошибка при регистрации!";
        }
        document.getElementById("messageContainer").style.display = "block";
      })
      .catch((error) => {
        console.error("Ошибка:", error);
        document.getElementById("message").textContent =
          "Произошла ошибка. Попробуйте позже.";
        document.getElementById("messageContainer").style.display = "block";
      });
  });

// ------ для отображения username и кнопки login/exit -----------------------------------------------------------------------------

window.onload = function () {
  // Получаем email из localStorage
  const email = localStorage.getItem("userEmail");

  if (email) {
    const url = `http://localhost:8080/api/Profile/GetProfile/${email}`;

    fetch(url)
      .then((response) => {
        if (!response.ok) {
          throw new Error("Не удалось получить данные пользователя");
        }
        return response.json();
      })
      .then((data) => {
        const userElement = document.getElementById("user");
        userElement.textContent = `${data.name} ${data.surname} (${data.username})`;

        // Показываем кнопку "Выход" и скрываем кнопку "Вход"
        document.getElementById("exitButton").style.display = "inline-block";
        document.getElementById("loginButton").style.display = "none";
      })
      .catch((error) => {
        console.error("Ошибка:", error);
        document.getElementById("greeting").textContent =
          "Произошла ошибка при загрузке данных.";
      });
  } else {
    // Если email не найден в localStorage, отображаем сообщение о неавторизованном доступе
    const userElement = document.getElementById("user");
    userElement.textContent = "Вход не выполнен";

    document.getElementById("loginButton").style.display = "inline-block";
    document.getElementById("exitButton").style.display = "none";
  }

  document.getElementById("exitButton").addEventListener("click", function () {
    localStorage.removeItem("userEmail");

    const userElement = document.getElementById("user");
    userElement.textContent = "Вход не выполнен";

    document.getElementById("loginButton").style.display = "inline-block";
    document.getElementById("exitButton").style.display = "none";
  });
};