From a60ca44ca14b34c2fcddf6f47d435df1fb17a4b1 Mon Sep 17 00:00:00 2001
From: Bayu Lukman Yusuf <bayuly94@gmail.com>
Date: Thu, 26 Feb 2026 14:20:07 +0700
Subject: [PATCH] refresh page after input new address

---
 resources/views/account/addresses.blade.php | 38 +++++++++++++++++----
 1 file changed, 32 insertions(+), 6 deletions(-)

diff --git a/resources/views/account/addresses.blade.php b/resources/views/account/addresses.blade.php
index 45e9c1c..48cbbc6 100644
--- a/resources/views/account/addresses.blade.php
+++ b/resources/views/account/addresses.blade.php
@@ -122,7 +122,7 @@
                         <div class="col-sm-6">
                             <div class="position-relative">
                                 <label class="form-label">{{ __('addresses.phone') }}</label>
-                                <input type="tel" class="form-control new-phone" required>
+                                <input type="number" class="form-control new-phone" required>
                                 <div class="invalid-feedback">{{ __('addresses.please_enter_phone') }}</div>
                             </div>
                         </div>
@@ -169,7 +169,7 @@
                         <div class="col-sm-6">
                             <div class="position-relative">
                                 <label class="form-label">{{ __('addresses.zip_code') }}</label>
-                                <input type="text" class="form-control new-zip" required>
+                                <input type="number" class="form-control new-zip" required>
                                 <div class="invalid-feedback">{{ __('addresses.please_enter_zip_code') }}</div>
                             </div>
                         </div>
@@ -1066,7 +1066,7 @@
                 
                 // Get postal code
                 const zipInput = isNewAddress ?
-                    form.querySelector('#new-zip') : form.querySelector('.postal_code');
+                    form.querySelector('.new-zip') : form.querySelector('.postal_code');
                 if (zipInput) submitData.postal_code = zipInput.value;
                 
                 // Get latitude
@@ -1122,9 +1122,34 @@
                             if (isNewAddress) {
                                 // Close modal and reload page
                                 setTimeout(() => {
-                                    const modal = bootstrap.Modal.getInstance(newAddressModal);
-                                    if (modal) modal.hide();
-                                    reloadAddresses();
+                                    // Try multiple methods to close the modal
+                                    try {
+                                        // Method 1: Using Bootstrap 5 API if available
+                                        if (typeof bootstrap !== 'undefined' && bootstrap.Modal) {
+                                            const modal = bootstrap.Modal.getInstance(newAddressModal);
+                                            if (modal) modal.hide();
+                                        } else {
+                                            // Method 2: Using jQuery if available
+                                            if (typeof $ !== 'undefined') {
+                                                $(newAddressModal).modal('hide');
+                                            } else {
+                                                // Method 3: Using native DOM manipulation
+                                                newAddressModal.style.display = 'none';
+                                                document.body.classList.remove('modal-open');
+                                                const backdrop = document.querySelector('.modal-backdrop');
+                                                if (backdrop) backdrop.remove();
+                                            }
+                                        }
+                                    } catch (error) {
+                                        console.warn('Error closing modal:', error);
+                                        // Fallback: hide modal manually
+                                        newAddressModal.style.display = 'none';
+                                    }
+                                    
+                                    // Refresh page after successful submission
+                                    setTimeout(() => {
+                                        window.location.reload();
+                                    }, 500);
                                 }, 1500);
                             } else {
                                 // Close the edit form and show preview after delay
@@ -1143,6 +1168,7 @@
                                     reloadAddresses();
                                 }, 2000);
                             }
+                            
                         } else {
                             // Show error message in form
                             const errorElement = form.querySelector(isNewAddress ?