refactor: update btn on/off tab in home page

views/admin/home/sections/blogPreview.ejs

@@ -3,6 +3,15 @@
   <div class="row g-4">
     <!-- Basic Info -->
     <div class="col-md-12">
+      <div class="card border shadow-sm mb-1">
+        <div class="card-header bg-white d-flex justify-content-center align-items-center">
+          <div class="form-check form-switch">
+            <input class="form-check-input" type="checkbox" role="switch" id="blogpreviewEnabled"
+              <%=(data.blogPreview?.enabled !==false ) ? 'checked' : '' %>>
+          </div>
+        </div>
+      </div>
+
       <div class="card border shadow-sm">
         <div class="card-header bg-white d-flex justify-content-between align-items-center">
           <h6 class="mb-0">
@@ -106,7 +115,7 @@
   function toggleBlogSelection(card, blogId) {
     const checkbox = card.querySelector('.blog-checkbox');
     const isChecking = !checkbox.checked;
-    
+
     if (isChecking) {
       const checkedCount = document.querySelectorAll('.blog-checkbox:checked').length;
       if (checkedCount >= 3) {
@@ -114,7 +123,7 @@
         return;
       }
     }
-    
+
     checkbox.checked = isChecking;
     handleCheckboxUpdate(card, checkbox.checked);
   }
@@ -144,6 +153,9 @@
   window.homeScrapers = window.homeScrapers || {};
   window.homeScrapers.blogPreview = () => {
     const selectedIds = [];
+
+    const enabled = document.getElementById("blogpreviewEnabled")?.checked !== false;
+
     document.querySelectorAll('.blog-checkbox:checked').forEach(cb => {
       selectedIds.push(cb.value);
     });
@@ -158,7 +170,8 @@
         href: document.getElementById('blogPreviewCtaHref').value
       },
       selectedBlogIds: selectedIds,
-      items: [] // Server side will handle full items content
+      items: [],// Server side will handle full items content
+      enabled
     };
   };
 </script>