uppdate

template/javascript/homepage.html

@@ -1,3 +1,6 @@
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
+<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
+
 <!-- plugin upload image -->
 <link href="https://unpkg.com/filepond/dist/filepond.min.css" rel="stylesheet" />
 <link href="https://unpkg.com/filepond-plugin-image-preview/dist/filepond-plugin-image-preview.min.css"
@@ -361,6 +364,23 @@
     }
 
 
+    function initHomepageBannerSlider() {
+        if (typeof Swiper === "undefined") return
+        if (!document.querySelector(".homepage-banner-slider")) return
+
+        new Swiper(".homepage-banner-slider", {
+            loop: true,
+            autoplay: {
+                delay: 3500,
+                disableOnInteraction: false,
+            },
+            pagination: {
+                el: ".homepage-banner-pagination",
+                clickable: true,
+            },
+        })
+    }
+
     function initAdminHomeTab() {
         document.querySelectorAll("#js-admin-home-tab a").forEach(function (link) {
             link.addEventListener("click", function (event) {
@@ -389,6 +409,7 @@
     }
 
     document.addEventListener("DOMContentLoaded", () => {
+        initHomepageBannerSlider()
         initCustomerAcquisitionChart()
         initRevenueStatisticsChart()
         initGlobalSalesChart()
@@ -405,4 +426,4 @@
         allowMultiple: true,
         labelIdle: 'Kéo thả file hoặc <span class="filepond--label-action">Chọn file</span>',
     })
-</script>
+</script>