fix: remove storage info button

data-manager.js

@@ -188,7 +188,6 @@ class QuotationDataManager {
                 field.addEventListener("blur", () => {
                     const formData = this.getFormData();
                     this.saveCompanyDetails(formData);
-                    this.updateStorageStatus();
                 });
             }
         });
@@ -206,7 +205,6 @@ class QuotationDataManager {
                 field.addEventListener("blur", () => {
                     const formData = this.getFormData();
                     this.saveBankDetails(formData);
-                    this.updateStorageStatus();
                 });
             }
         });
@@ -225,7 +223,6 @@ class QuotationDataManager {
                 field.addEventListener("blur", () => {
                     const formData = this.getFormData();
                     this.saveCustomerDetails(formData);
-                    this.updateStorageStatus();
                 });
             }
         });
@@ -271,7 +268,6 @@ class QuotationDataManager {
                     this.saveCompanyDetails(formData);
                     this.saveBankDetails(formData);
                     this.saveCustomerDetails(formData);
-                    this.updateStorageStatus();
                     this.showModal("✅ Data saved successfully!", "success");
                 } catch (error) {
                     console.error("Error saving data:", error);
@@ -296,7 +292,6 @@ class QuotationDataManager {
                         this.clearAllData();
                         // Clear form fields
                         document.getElementById("quotation-form").reset();
-                        this.updateStorageStatus();
                         this.showModal(
                             "🗑️ All saved data cleared successfully!",
                             "success",
@@ -329,82 +324,6 @@ class QuotationDataManager {
                 }
             });
         }
-
-        // Storage info panel handlers
-        const showStorageInfoButton =
-            document.getElementById("show-storage-info");
-        const hideStorageInfoButton =
-            document.getElementById("hide-storage-info");
-        const storageInfoPanel = document.getElementById("storage-info-panel");
-
-        if (showStorageInfoButton && storageInfoPanel) {
-            showStorageInfoButton.addEventListener("click", (e) => {
-                e.stopPropagation();
-                this.updateStorageStatus();
-                storageInfoPanel.classList.toggle("hidden");
-            });
-        }
-
-        if (hideStorageInfoButton && storageInfoPanel) {
-            hideStorageInfoButton.addEventListener("click", () => {
-                storageInfoPanel.classList.add("hidden");
-            });
-        }
-
-        // Hide popover when clicking outside
-        document.addEventListener("click", (e) => {
-            if (
-                !storageInfoPanel.contains(e.target) &&
-                e.target !== showStorageInfoButton
-            ) {
-                storageInfoPanel.classList.add("hidden");
-            }
-        });
-    }
-
-    // Update storage status display
-    updateStorageStatus() {
-        const companyData = this.loadCompanyDetails();
-        const bankData = this.loadBankDetails();
-        const customerData = this.loadCustomerDetails();
-
-        // Update company status
-        const companyStatus = document.getElementById("company-storage-status");
-        if (companyStatus) {
-            if (companyData && companyData.name) {
-                companyStatus.textContent = `✅ Saved (${companyData.name})`;
-                companyStatus.className = "text-blue-600";
-            } else {
-                companyStatus.textContent = "❌ Not saved";
-                companyStatus.className = "text-gray-600";
-            }
-        }
-
-        // Update bank status
-        const bankStatus = document.getElementById("bank-storage-status");
-        if (bankStatus) {
-            if (bankData && bankData.name) {
-                bankStatus.textContent = `✅ Saved (${bankData.name})`;
-                bankStatus.className = "text-green-600";
-            } else {
-                bankStatus.textContent = "❌ Not saved";
-                bankStatus.className = "text-gray-600";
-            }
-        }
-
-        // Update customer status
-        const customerStatus = document.getElementById(
-            "customer-storage-status",
-        );
-        if (customerStatus) {
-            if (customerData && customerData.name) {
-                customerStatus.textContent = `✅ Saved in session (${customerData.name})`;
-                customerStatus.className = "text-yellow-600";
-            } else {
-                customerStatus.textContent = "❌ Not saved (Session only)";
-                customerStatus.className = "text-gray-600";
-            }
-        }
     }
 
     // Initialize data manager
@@ -421,7 +340,6 @@ class QuotationDataManager {
             this.loadFormData();
             this.setupAutoSave();
             this.setupDataManagementHandlers();
-            this.updateStorageStatus();
         });
 
         // Clear customer data when page unloads (optional)

index.html

@@ -271,22 +271,13 @@
                         >
                             Generate Quotation
                         </button>
-                        <div class="space-x-2">
-                            <button
-                                type="button"
-                                id="clear-data"
-                                class="bg-red-500 hover:bg-red-600 text-white font-bold py-2 px-4 rounded-lg shadow-md transition-all duration-200 ease-in-out transform hover:scale-105"
-                            >
-                                Clear Saved Data
-                            </button>
-                            <button
-                                type="button"
-                                id="show-storage-info"
-                                class="bg-gray-500 hover:bg-gray-600 text-white font-bold py-2 px-4 rounded-lg shadow-md transition-all duration-200 ease-in-out transform hover:scale-105"
-                            >
-                                Storage Info
-                            </button>
-                        </div>
+                        <button
+                            type="button"
+                            id="clear-data"
+                            class="bg-red-500 hover:bg-red-600 text-white font-bold py-2 px-4 rounded-lg shadow-md transition-all duration-200 ease-in-out transform hover:scale-105"
+                        >
+                            Clear Saved Data
+                        </button>
                     </div>
                 </form>
             </div>
@@ -300,95 +291,6 @@
                     </h2>
                     <div id="preview-content"></div>
                 </div>
-
-                <!-- Storage Information Panel -->
-                <div
-                    id="storage-info-panel"
-                    class="absolute z-10 bg-white shadow-lg rounded-lg px-6 pt-4 pb-6 mb-4 hidden w-full max-w-md"
-                    style="top: 50px; right: 0"
-                >
-                    <h3 class="text-lg font-bold mb-3 flex items-center gap-2">
-                        <svg
-                            xmlns="http://www.w3.org/2000/svg"
-                            class="h-6 w-6 text-gray-600"
-                            fill="none"
-                            viewBox="0 0 24 24"
-                            stroke="currentColor"
-                        >
-                            <path
-                                stroke-linecap="round"
-                                stroke-linejoin="round"
-                                stroke-width="2"
-                                d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.57-.588-3.756z"
-                            />
-                        </svg>
-                        Storage Information
-                    </h3>
-                    <div class="text-sm space-y-2">
-                        <div class="bg-blue-50 p-3 rounded-lg">
-                            <h4 class="font-semibold text-blue-800">
-                                Company Details
-                            </h4>
-                            <p
-                                id="company-storage-status"
-                                class="text-blue-600"
-                            >
-                                Not saved
-                            </p>
-                        </div>
-                        <div class="bg-green-50 p-3 rounded-lg">
-                            <h4 class="font-semibold text-green-800">
-                                Bank Details
-                            </h4>
-                            <p id="bank-storage-status" class="text-green-600">
-                                Not saved
-                            </p>
-                        </div>
-                        <div class="bg-yellow-50 p-3 rounded-lg">
-                            <h4 class="font-semibold text-yellow-800">
-                                Customer Details
-                            </h4>
-                            <p
-                                id="customer-storage-status"
-                                class="text-yellow-600"
-                            >
-                                Not saved (Session only)
-                            </p>
-                        </div>
-                        <div class="bg-gray-100 p-3 rounded-lg mt-3">
-                            <h4
-                                class="font-semibold text-gray-800 flex items-center gap-1"
-                            >
-                                <svg
-                                    xmlns="http://www.w3.org/2000/svg"
-                                    class="h-4 w-4"
-                                    viewBox="0 0 20 20"
-                                    fill="currentColor"
-                                >
-                                    <path
-                                        fill-rule="evenodd"
-                                        d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 3.001-1.742 3.001H4.42c-1.53 0-2.493-1.667-1.743-3.001l5.58-9.92zM10 13a1 1 0 110-2 1 1 0 010 2zm-1-8a1 1 0 00-1 1v3a1 1 0 102 0V6a1 1 0 00-1-1z"
-                                        clip-rule="evenodd"
-                                    />
-                                </svg>
-                                Security Notice
-                            </h4>
-                            <p class="text-gray-600 text-xs mt-1">
-                                Data is stored in your browser's localStorage.
-                                For maximum security:
-                                <br />• Use private/incognito browsing <br />•
-                                Clear data when done <br />• Don't use on shared
-                                computers
-                            </p>
-                        </div>
-                    </div>
-                    <button
-                        id="hide-storage-info"
-                        class="mt-4 bg-gray-500 hover:bg-gray-600 text-white font-bold py-2 px-4 rounded-lg shadow-md transition-all duration-200 ease-in-out transform hover:scale-105"
-                    >
-                        Hide
-                    </button>
-                </div>
             </div>
         </div>
         <div