From 4ae992a26a033190991636744a1755d126c6ea30 Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Thu, 4 Dec 2025 22:57:11 -0500
Subject: [PATCH] feat: add refresh button to modal for dynamic data loading

---
 .../Servers/Proxmox/views/firewall.blade.php     | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/extensions/Servers/Proxmox/views/firewall.blade.php b/extensions/Servers/Proxmox/views/firewall.blade.php
index e6676460d..f11504e29 100644
--- a/extensions/Servers/Proxmox/views/firewall.blade.php
+++ b/extensions/Servers/Proxmox/views/firewall.blade.php
@@ -1123,10 +1123,18 @@
                                                          style="display: none;">
                                                         <div @click.stop 
                                                              class="relative w-full max-w-5xl bg-gradient-to-br from-background via-background-secondary to-background rounded-2xl border border-primary/20 shadow-2xl max-h-[90vh] overflow-hidden">
-                                                            <button @click="open = false" 
-                                                                    class="absolute top-4 right-4 text-base/50 hover:text-base transition-colors z-10 bg-background/80 backdrop-blur-sm rounded-full p-2 hover:bg-background">
-                                                                <x-ri-close-line class="size-5" />
-                                                            </button>
+                                                            <div class="absolute top-4 right-4 flex items-center gap-2 z-10">
+                                                                <button @click="loadConnectionData()" 
+                                                                        :disabled="loading"
+                                                                        class="text-base/50 hover:text-primary transition-colors bg-background/80 backdrop-blur-sm rounded-full p-2 hover:bg-background disabled:opacity-50 disabled:cursor-not-allowed"
+                                                                        title="Refresh data">
+                                                                    <x-ri-refresh-line class="size-5" :class="{ 'animate-spin': loading }" x-bind:class="loading ? 'animate-spin' : ''" />
+                                                                </button>
+                                                                <button @click="open = false" 
+                                                                        class="text-base/50 hover:text-base transition-colors bg-background/80 backdrop-blur-sm rounded-full p-2 hover:bg-background">
+                                                                    <x-ri-close-line class="size-5" />
+                                                                </button>
+                                                            </div>
                                                             
                                                             {{-- Modal Header --}}
                                                             <div class="bg-gradient-to-r from-primary/10 to-secondary/10 border-b border-primary/20 p-6">