feature: umkm crud and add template file for reklame

resources/js/data/advertisements/form-upload.js

@@ -1,4 +1,5 @@
 import { Dropzone } from "dropzone";
+import GlobalConfig from "../../global-config.js";
 
 Dropzone.autoDiscover = false;
 
@@ -14,7 +15,7 @@ console.log(dropzonePreviewNode);
         ((previewTemplate = dropzonePreviewNode.parentNode.innerHTML),
         dropzonePreviewNode.parentNode.removeChild(dropzonePreviewNode),
         (dropzone = new Dropzone(".dropzone", {
-            url: "http://localhost:8000/api/advertisements/import",
+            url: `${GlobalConfig.apiHost}/api/advertisements/import`,
             // url: "https://httpbin.org/post",
             method: "post",
             acceptedFiles: ".xls,.xlsx",  // Use acceptedFiles for better validation
@@ -85,6 +86,40 @@ dropzone.on("complete", function(file) {
     dropzone.removeFile(file);
 });
 
+// Add event listener to donwload file template
+document.getElementById('downloadtempadvertisement').addEventListener('click', function() {
+    var url = `${GlobalConfig.apiHost}/api/download-template-advertisement`;
+    fetch(url, {
+        method: 'GET',
+        headers: {
+            Authorization: `Bearer ${document
+                .querySelector('meta[name="api-token"]')
+                .getAttribute("content")}`
+        },
+    })
+    .then(response => {
+        if (response.ok) {
+            return response.blob();
+        } else {
+            return response.json();
+        }
+    })
+    .then((blob) => {
+        const url = window.URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.style.display = 'none';
+        a.href = url;
+        a.download = 'template_reklame.xlsx';
+        document.body.appendChild(a);
+        a.click();
+        window.URL.revokeObjectURL(url);
+    })
+    .catch((error) => {
+        console.error("Gagal mendownload file:", error);
+        showToast('bxs-error-alt', 'red', "Template file is not already exist.");
+    })
+})
+
 // Function to show toast
 function showToast(iconClass, iconColor, message) {
     const toastElement = document.getElementById('toastUploadAdvertisement');