From 2bf85936e812021caf4ddd835dbf27cd7779a918 Mon Sep 17 00:00:00 2001
From: "Joseph.Rawlings" <root0091@gmail.com>
Date: Thu, 4 Dec 2025 21:10:31 -0500
Subject: [PATCH] fix: update maintenance page refresh interval to 5 seconds
 for improved user experience

---
 .../Servers/Proxmox/views/firewall.blade.php  |   1 +
 resources/views/errors/503.blade.php          | 176 ++++++------------
 2 files changed, 60 insertions(+), 117 deletions(-)

diff --git a/extensions/Servers/Proxmox/views/firewall.blade.php b/extensions/Servers/Proxmox/views/firewall.blade.php
index e74914e19..5f3ac6056 100644
--- a/extensions/Servers/Proxmox/views/firewall.blade.php
+++ b/extensions/Servers/Proxmox/views/firewall.blade.php
@@ -1,4 +1,5 @@
 <x-proxmox::layout :server="$server" view="firewall" :status="$status" :status-polling="true" :status-polling-interval="'2s'">
+    <div class="flex flex-col gap-6">
     {{-- Page Header --}}
     <div class="mb-6">
         <h1 class="text-2xl font-bold">Firewall Management</h1>
diff --git a/resources/views/errors/503.blade.php b/resources/views/errors/503.blade.php
index 6b5a719f7..4f06fea37 100644
--- a/resources/views/errors/503.blade.php
+++ b/resources/views/errors/503.blade.php
@@ -1,154 +1,96 @@
 <html>
-
 <head>
 
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 
 <link href="https://fonts.googleapis.com/css?family=Montserrat:700,800" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css?family=Quattrocento+Sans" rel="stylesheet">
 
-  <link href="https://fonts.googleapis.com/css?family=Quattrocento+Sans" rel="stylesheet">
-
+<!-- Refresh page every 5 seconds -->
 <script>
-  setTimeout(function() {
-    location.reload();
-  }, 10000);
+  setInterval(function () {
+    window.location.reload(true); // true forces full reload from server
+  }, 5000);
 </script>
 
 <style>
-
   body { 
+    text-align: center; 
+    padding: 10%; 
+    color: #333; 
+  }
 
-text-align: center; 
+  #wrapper {
+    margin: 0 auto;
+  }
 
-padding: 10%; 
+  h1 { 
+    font-size: 30px; 
+    color: #488ECE; 
+    font-weight: bold;
+    font-family: 'Montserrat', sans-serif;
+  }
 
-color: #333; 
+  p { 	
+    font-family: 'Quattrocento Sans', Arial;
+    line-height: 15px;
+    font-size: 20px;  
+    color: #7a7a7b; 
+  }
 
-}
+  a { 
+    color: #F49426; 
+    text-decoration: underline;
+  }
 
-#wrapper {
+  a:hover { 
+    text-decoration: none; 
+  }
 
-margin: 0 auto;
+  @media only screen and (max-width : 480px) {
+    h1 { font-size: 20px; }
+    p { font-size: 15px; }
+  }
 
-}  
+  #logo {
+    margin-bottom: 40px; 
+  }
 
+  #logo img {
+    max-width: 100%;
+    height: auto !important;
+  }
 
-
-h1 { 
-
-font-size: 30px; 
-
-color: #488ECE; 
-
-  font-weight: bold;
-
-  font-family: 'Montserrat', sans-serif;
-
-}
-
-
-
-
-
-p  { 	
-
-font-family: 'Quattrocento Sans', Arial;
-
-line-height: 15px;
-
-font-size: 20px;  
-
-color: #7a7a7b; 
-
-}
-
-
-
-a { 
-
-color: #F49426; 
-
-text-decoration: underline;
-
-}
-
-
-
-a:hover { 
-
-text-decoration: none; 
-
-}
-
-@media only screen and (max-width : 480px) 
-
-{
-
-h1 { font-size: 20px; }
-
-p { font-size: 15px; }
-
-}
-
-#logo {
-
-margin-bottom: 40px; 
-
-}
-
-#logo img {
-
-max-width: 100%;
-
-height: auto !important;
-
-}
-
-
-
-@media only screen and (max-width: 650px) {
-
-	#logo {
-
-		height: 75px; 
-
-	}
-
-}
-
-  </style>
+  @media only screen and (max-width: 650px) {
+    #logo {
+      height: 75px; 
+    }
+  }
+</style>
 
 <title>Virtnet.bond is Down for Maintenance</title>
 
-
-
 </head>
 
 <body>
 
 <div id="wrapper">
 
-<div id="logo">
+  <div id="logo">
+    <a href="https://virtnet.bond" title="Virtnet.bond">
+      <img src="https://billing.virtnet.bond/assets/images/logo.png" 
+           alt="Smarter Websites" 
+           title="Virtnet.bond" 
+           width="500rem" />
+    </a>
+  </div>
 
-<a href=https://virtnet.bond title="Virtnet.bond"><img src="https://billing.virtnet.bond/assets/images/logo.png" alt="Smarter Websites" title="Virtnet.bond" width="500rem" /></a>
+  <h1>Virtnet.bond is currently down for maintenance.</h1>
+  <p>We expect to be back very shortly. Thanks for your patience.</p>
+  <p>Feel free to <a href="mailto:admin@virtnet.bond">contact us</a> if you need immediate assistance.</p>
 
 </div>
 
-
-
-	<h1>Virtnet.bond is currently down for maintenance.</h1>
-
-	<p>We expect to be back very shortly. Thanks for your patience.</p>
-
-	<p>Feel free to <a href="mailto:admin@virtnet.bond">contact us</a> if you need immediate assistance.</p>
-
-	
-
-</div>	
-
 </body>
-
 </html>
-