(function() {
function initTmateSlider() {
let sliderBox = document.getElementById("tmateMainSlider");
let slides = document.querySelectorAll(".tmate-slide");
// Nếu không tìm thấy slider trên trang thì bỏ qua để không báo lỗi
if (!sliderBox || slides.length === 0) return;
let slideIndex = 1;
let isAnimating = false;
// Bật sẵn slide đầu tiên
slides[0].style.display = "block";
// Gắn sự kiện click bằng Javascript thuần
sliderBox.addEventListener('click', function() {
if (isAnimating) return;
let currentIndex = slideIndex - 1;
slideIndex++;
if (slideIndex > slides.length) slideIndex = 1;
let nextIndex = slideIndex - 1;
isAnimating = true;
// Xử lý class hiển thị
slides[nextIndex].classList.remove("tmate-first");
slides[nextIndex].style.display = "block";
// Chạy animation
slides[currentIndex].classList.add("tmate-slide-out");
slides[nextIndex].classList.add("tmate-slide-in");
// Đợi 500ms cho animation chạy xong rồi mới ẩn slide cũ đi
setTimeout(() => {
slides[currentIndex].style.display = "none";
slides[currentIndex].classList.remove("tmate-slide-out");
slides[nextIndex].classList.remove("tmate-slide-in");
isAnimating = false;
}, 500);
});
}
// Đảm bảo code chỉ chạy khi trang web (DOM) đã được tải xong
if (document.readyState === "loading") {
document.addEventListener("DOMContentLoaded", initTmateSlider);
} else {
initTmateSlider();
}
})();
