// Modal script
document.addEventListener(
  "click",
  function (e) {
    e = e || window.event;
    var target = e.target || e.srcElement;
    if (
      target.hasAttribute("data-toggle") &&
      target.getAttribute("data-toggle") == "modal--trailer--movies"
    ) {
      if (target.hasAttribute("data-target")) {
        var m_ID = target.getAttribute("data-target");
        document.getElementById(m_ID).classList.add("open_modal_boxff");
        e.preventDefault();
      }
    }
    if (
      (target.hasAttribute("data-dismiss") &&
        target.getAttribute("data-dismiss") == "modal--trailer--movies") ||
      target.classList.contains("modal--trailer--movies")
    ) {
      var modal = document.querySelector(
        '[class="modal--trailer--movies open_modal_boxff"]'
      );
      modal.classList.remove("open_modal_boxff");
      e.preventDefault();
    }
  },
  false
);

// write a review modal --script
// ----------------------------------------------------------------------------
const ratingInputs = document.querySelectorAll(".review_stars_container input");
const selectedRating = document.getElementById("selectedRating");

ratingInputs.forEach((input) => {
  input.addEventListener("click", () => {
    selectedRating.textContent = input.value;
  });
});

function openModalReview() {
  document.getElementById("myModal-review").style.display = "block";
}

function closeModalReview() {
  document.getElementById("myModal-review").style.display = "none";
}

// -----------star modal rating
var clickCount = 0;
var visited = false;

function showPopupStars(popupId) {
  if (!visited) {
    clickCount++;
    visited = true;
    document.getElementById(popupId).style.display = "block";
  } else {
    document.getElementById("popup-submitted").style.display = "none";
    document.getElementById("popup-second-time").style.display = "block";
  }
}

function closeModalRatingMobile() {
  document.getElementById("popup-submitted").style.display = "none";
}
function closeModalRatingVisited() {
  document.getElementById("popup-second-time").style.display = "none";
}
// -----------------------------------
function openModalAfterReview(event) {
  event.preventDefault(); // Prevent form submission

  var comments = document.getElementById("comments").value;
  if (comments.trim() !== "") {
    var myModalReview = document.getElementById("myModal-review");
    var modal = document.getElementById("myModalReviewClose");
    myModalReview.style.display = "none";
    modal.style.display = "block";
  } else {
    alert("Please fill in the comments field.");
  }
}

function closeModalReview() {
  var myModalReview = document.getElementById("myModal-review");
  myModalReview.style.display = "none";
}

function closeModalAndReview() {
  var myModalReview = document.getElementById("myModal-review");
  var modal = document.getElementById("myModalReviewClose");
  myModalReview.style.display = "none";
  modal.style.display = "none";
}