Update biz_v.html

biz_v.html

@@ -102,7 +102,129 @@
     <div id="dropdown-container"></div>
     <button id="sendGetRequestButton">Обновить базу пользователей WhatCRM</button>
 
-    <script src="https://cdn.jsdelivr.net/npm/notyf/notyf.min.js"></script>
+
+
+
+
+
+
+
+
+
+
+
+
+   <h1>Upload CSV File</h1>
+    <form id="uploadForm" enctype="multipart/form-data" method="post">
+        <div class="input-row">
+            <input type="file" name="file" accept=".csv">
+        </div>
+        <div class="input-row">
+            <label>
+                <input type="checkbox" name="verify_phone" value="1"> Verify Phone
+            </label>
+            <label>
+                <input type="checkbox" name="add_curator" value="1"> Add Curator
+            </label>
+        </div>
+        <input id="uploadButton" type="submit" value="Upload">
+    </form>
+    <div id="result"></div>
+    <div class="loader"></div>
+
+   <script src="https://cdn.jsdelivr.net/npm/notyf/notyf.min.js"></script> 
+  
+    <script>
+        document.getElementById('uploadForm').addEventListener('submit', function(event) {
+            event.preventDefault();
+            const form = new FormData(this);
+            const loader = document.querySelector('.loader');
+            loader.style.display = 'block'; // Показываем спиннер
+
+            fetch('/upload_csv', {
+                method: 'POST',
+                body: form
+            })
+            .then(response => response.json())
+            .then(data => {
+                loader.style.display = 'none'; // Скрываем спиннер после завершения
+                const notyf = new Notyf({
+                    duration: 5000, // Длительность показа уведомления
+                    position: {
+                        x: 'right',
+                        y: 'bottom'
+                    },
+                    types: [
+                        {
+                            type: 'success',
+                            background: 'green',
+                            icon: {
+                                className: 'notyf__icon--success',
+                                tagName: 'span',
+                                text: ''
+                            }
+                        }
+                    ]
+                });
+                notyf.success(data.message); // Показываем уведомление с сообщением от сервера
+            })
+            .catch(error => {
+                console.error('Error:', error);
+                loader.style.display = 'none'; // Скрываем спиннер в случае ошибки
+                const notyf = new Notyf({
+                    duration: 5000, // Длительность показа уведомления
+                    position: {
+                        x: 'right',
+                        y: 'bottom'
+                    },
+                    types: [
+                        {
+                            type: 'error',
+                            background: 'red',
+                            icon: {
+                                className: 'notyf__icon--error',
+                                tagName: 'span',
+                                text: ''
+                            }
+                        }
+                    ]
+                });
+                notyf.error('An error occurred while uploading the file.'); // Показываем уведомление об ошибке
+            });
+        });
+    </script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+  
+
+  
     <script>
         const notyf = new Notyf({
             duration: 5000,