/*
* On click of show offer button, open up the modal
*/
document.getElementById("show-offer-button").addEventListener("click", () => {
 const offerModal = document.getElementById("offer-modal");
 offerModal.classList.remove("hidden");
});

/*
* On click of modal close button, close the modal
*/
document.getElementById("offer-modal-close").addEventListener("click", () => {
 console.log("Clicked modal close button!");
 const offerModal = document.getElementById("offer-modal");
 offerModal.classList.add("hidden");
});

/*
* On click of modal overlay, close the modal
*/
document.getElementById("offer-modal-overlay").addEventListener("click", () => {
 console.log("Clicked modal overlay!");
 const offerModal = document.getElementById("offer-modal");
 offerModal.classList.add("hidden");
});

/*
* On click of accept offer button, close the modal, hide the show offer button, and show the offer accepted text
*/
document
 .getElementById("offer-modal-accept-button")
 .addEventListener("click", () => {
   console.log("Clicked modal accept offer button!");
   const offerModal = document.getElementById("offer-modal");
   offerModal.classList.add("hidden");
   const showOfferButton = document.getElementById("show-offer-button");
   showOfferButton.classList.add("hidden");
   const offerAcceptedText = document.getElementById("offer-accepted-text");
   offerAcceptedText.classList.remove("hidden");
 });