/* Modal Styles */ .modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); justify-content: center; align-items: center; }
<!-- Reminder Modal (hidden by default) --> <div id="reminderModal" class="modal"> <div class="modal-content"> <span class="close-modal">×</span> <h2>🔔 Set Reminder</h2> <p id="modalMovieTitle"></p> <input type="email" id="userEmail" placeholder="Your email address" required> <button id="confirmReminderBtn" class="reminder-confirm">Notify Me</button> </div> </div> punjabi upcoming movies
// Show success message alert(`✅ Reminder set!\nWe'll notify you at ${email} when "${movieTitle}" releases.`); closeModal(); } /* Modal Styles */
// Attach reminder button event listeners document.querySelectorAll('.reminder-btn').forEach(btn => { btn.addEventListener('click', (e) => { e.stopPropagation(); const title = btn.getAttribute('data-title'); openReminderModal(title); }); }); div id="reminderModal" class="modal">