From a662291036ac196b45fa987e9db9f44fcbf6c78d Mon Sep 17 00:00:00 2001
From: Ibnu Maksum <ibnumaksum@gmail.com>
Date: Wed, 12 Jun 2024 15:27:23 +0700
Subject: [PATCH] fix selected plan for pppoe and hotspot

---
 ui/ui/bandwidth.tpl       |  4 ++++
 ui/ui/hotspot.tpl         |  4 ++++
 ui/ui/pool.tpl            |  4 ++++
 ui/ui/pppoe.tpl           |  4 ++++
 ui/ui/sections/header.tpl | 41 +++++++++++++++++++++++++++++++++++++++
 5 files changed, 57 insertions(+)

diff --git a/ui/ui/bandwidth.tpl b/ui/ui/bandwidth.tpl
index b07d074e..078ed15a 100644
--- a/ui/ui/bandwidth.tpl
+++ b/ui/ui/bandwidth.tpl
@@ -56,6 +56,10 @@
 					</table>
 				</div>
 				{include file="pagination.tpl"}
+				<div class="bs-callout bs-callout-info" id="callout-navbar-role">
+					<h4>Create Bandwitdh Plan for expired Internet Plan</h4>
+					<p>When customer expired, you can move it to Expired Internet Plan</p>
+				</div>
 			</div>
 		</div>
 	</div>
diff --git a/ui/ui/hotspot.tpl b/ui/ui/hotspot.tpl
index 9f105c48..1a6a70ac 100644
--- a/ui/ui/hotspot.tpl
+++ b/ui/ui/hotspot.tpl
@@ -87,6 +87,10 @@
                     </table>
                 </div>
                 {include file="pagination.tpl"}
+				<div class="bs-callout bs-callout-info" id="callout-navbar-role">
+					<h4>Create expired Internet Plan</h4>
+					<p>When customer expired, you can move it to Expired Internet Plan</p>
+				</div>
             </div>
         </div>
     </div>
diff --git a/ui/ui/pool.tpl b/ui/ui/pool.tpl
index 211e068d..3d537b81 100644
--- a/ui/ui/pool.tpl
+++ b/ui/ui/pool.tpl
@@ -64,6 +64,10 @@
                     </table>
                 </div>
                 {include file="pagination.tpl"}
+				<div class="bs-callout bs-callout-info" id="callout-navbar-role">
+					<h4>Create expired Internet Plan</h4>
+					<p>When customer expired, you can move it to Expired Internet Plan</p>
+				</div>
             </div>
         </div>
     </div>
diff --git a/ui/ui/pppoe.tpl b/ui/ui/pppoe.tpl
index 2af6008b..debae16a 100644
--- a/ui/ui/pppoe.tpl
+++ b/ui/ui/pppoe.tpl
@@ -82,6 +82,10 @@
                     </table>
                 </div>
                 {include file="pagination.tpl"}
+				<div class="bs-callout bs-callout-info" id="callout-navbar-role">
+					<h4>Create expired Internet Plan</h4>
+					<p>When customer expired, you can move it to Expired Internet Plan</p>
+				</div>
             </div>
         </div>
     </div>
diff --git a/ui/ui/sections/header.tpl b/ui/ui/sections/header.tpl
index ff64dfd9..286db7fe 100644
--- a/ui/ui/sections/header.tpl
+++ b/ui/ui/sections/header.tpl
@@ -140,6 +140,47 @@
                 display: inline-block;
             }
         }
+
+        .bs-callout {
+            padding: 20px;
+            margin: 20px 0;
+            border: 1px solid #eee;
+            border-left-width: 5px;
+            border-radius: 3px;
+        }
+
+        .bs-callout h4 {
+            margin-top: 0;
+            margin-bottom: 5px
+        }
+
+        .bs-callout p:last-child{
+            margin-bottom:0
+        }
+        .bs-callout code{
+            border-radius:3px
+        }
+        .bs-callout+.bs-callout{
+            margin-top:-5px
+        }
+        .bs-callout-danger{
+            border-left-color:#ce4844
+        }
+        .bs-callout-danger h4{
+            color:#ce4844
+        }
+        .bs-callout-warning{
+            border-left-color:#aa6708
+        }
+        .bs-callout-warning h4{
+            color:#aa6708
+        }
+        .bs-callout-info{
+            border-left-color:#1b809e
+        }
+        .bs-callout-info h4{
+            color:#1b809e
+        }
     </style>
     {if isset($xheader)}
         {$xheader}