Dalam Proses Coding

document.addEventListener("DOMContentLoaded", () => {
const modalOverlay = document.querySelector(".popup-overlay");
const modalTitle = document.getElementById("popup-title");
const modalDatetime = document.getElementById("popup-datetime");
const modalBody = document.getElementById("popup-body");
const closeModalBtn = document.querySelector(".popup-close");

// Fungsi untuk menampilkan popup
const showPopup = (button) => {
const title = button.getAttribute("data-title");
const time = button.getAttribute("data-time");
const datetime = button.getAttribute("data-datetime");
const content = button.getAttribute("data-content");

modalTitle.textContent = title;
modalBody.innerHTML = content;

// Format tanggal dan waktu dengan ikon
if (datetime) {
const date = new Date(datetime); // Menggunakan JavaScript Date object
const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
const formattedDate = date.toLocaleDateString('id-ID', options); // Format Hari, Tanggal Bulan Tahun

// Format jam dan menit (HH:MM)
const hours = String(date.getHours()).padStart(2, '0'); // Menambahkan leading zero jika jam kurang dari 10
const minutes = String(date.getMinutes()).padStart(2, '0'); // Menambahkan leading zero jika menit kurang dari 10
const formattedTime = `${hours}:${minutes}`; // Format HH:MM

// Menambahkan ikon di awal tanggal dan waktu
modalDatetime.innerHTML = `<i class="fa fa-calendar"></i> ${formattedDate} | <i class="fas fa-clock"></i> ${formattedTime}`;
} else {
modalDatetime.textContent = `Waktu Tampil: Tidak tersedia`;
}

modalOverlay.style.display = "block";
};

// Tambahkan event listener pada semua tombol "Selengkapnya"
document.querySelectorAll(".flash-news-more").forEach((button) => {
button.addEventListener("click", () => showPopup(button));
});

// Event listener untuk menutup modal
closeModalBtn.addEventListener("click", () => modalOverlay.style.display = "none");

modalOverlay.addEventListener("click", (event) => {
if (event.target === modalOverlay) modalOverlay.style.display = "none";
});

document.querySelector(".popup-content").addEventListener("click", (e) => e.stopPropagation());
});