Tạo scripts backup dữ liệu

frontend/index.html

@@ -142,6 +142,23 @@
                         </div>
                         <button type="submit" class="submit-btn">Lưu cấu hình</button>
                     </form>
+                    <div class="form-group" style="border-top: 1px solid rgba(255,255,255,0.1); margin-top: 30px; padding-top: 20px;">
+                        <label>Dữ liệu & Bảo trì</label>
+                        <div class="backup-restore-actions" style="display: flex; flex-direction: column; gap: 10px; margin-top: 15px;">
+                            <button type="button" class="edit-btn-large" onclick="handleBackup()" style="background: #17a2b8; width: 100%;">
+                                <span class="icon">📥</span> Tạo bản sao lưu (Backup)
+                            </button>
+                            <div class="restore-container">
+                                <input type="file" id="restore-file-input" accept=".zip" style="display:none" onchange="handleRestore(this)">
+                                <button type="button" class="edit-btn-large" onclick="document.getElementById('restore-file-input').click()" style="background: #fd7e14; width: 100%;">
+                                    <span class="icon">📤</span> Khôi phục dữ liệu (Restore)
+                                </button>
+                            </div>
+                        </div>
+                        <p style="font-size: 11px; color: #888; margin-top: 10px;">
+                            * Backup bao gồm toàn bộ database và các tệp tin ảnh 360 trong thư mục uploads.
+                        </p>
+                    </div>
                 </div>
             </div>
         </div>