From 7ab25efdcd760c2c3e97aecc6c687130a80ec926 Mon Sep 17 00:00:00 2001
From: ReturnFI <151555003+ReturnFI@users.noreply.github.com>
Date: Wed, 26 Nov 2025 21:18:06 +0000
Subject: [PATCH] feat(donation): Add "Support Us" link and donation modal to
 the sidebar

---
 core/scripts/webpanel/templates/base.html | 32 ++++++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

diff --git a/core/scripts/webpanel/templates/base.html b/core/scripts/webpanel/templates/base.html
index a32d563..320d876 100644
--- a/core/scripts/webpanel/templates/base.html
+++ b/core/scripts/webpanel/templates/base.html
@@ -147,6 +147,12 @@
                                 <p>Config</p>
                             </a>
                         </li>
+                        <li class="nav-item">
+                            <a href="#" class="nav-link" data-toggle="modal" data-target="#donationModal">
+                                <i class="nav-icon fas fa-heart text-danger"></i>
+                                <p>Support Us</p>
+                            </a>
+                        </li>
                         <li class="nav-item">
                             <a href="#" class="nav-link">
                                 <i class="nav-icon fas fa-book"></i>
@@ -157,7 +163,7 @@
                             </a>
                             <ul class="nav nav-treeview">
                                 <li class="nav-item">
-                                    <a href="{{ url_for('index') }}docs" class="nav-link">
+                                    <a href="{{ url_for('index') }}docs" target="_blank" class="nav-link">
                                         <i class="nav-icon fas fa-network-wired"></i>
                                         <p>API Documentation</p>
                                     </a>
@@ -198,6 +204,30 @@
         </footer>
     </div> 
 
+    <!-- Donation Modal -->
+    <div class="modal fade" id="donationModal" tabindex="-1" role="dialog" aria-labelledby="donationModalLabel" aria-hidden="true">
+        <div class="modal-dialog modal-dialog-centered" role="document" style="max-width: 420px;">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="donationModalLabel"><i class="fas fa-heart text-danger mr-2"></i>Support the Project</h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body p-4">
+                    <p class="text-center">Your support means a lot and helps us improve the project continuously 💖</p>
+                    <div class="d-flex justify-content-center mt-3">
+                        <iframe src="https://nowpayments.io/embeds/donation-widget?api_key=8e3029da-4479-4426-9e84-9b0fbee7be97" width="346" height="623" frameborder="0" scrolling="no" style="overflow-y: hidden; border-radius: 8px;">
+                            Can't load widget
+                        </iframe>
+                    </div>
+
+                    <p class="text-center mt-3 font-weight-bold">Thank you for keeping this project alive and thriving! ❤️</p>
+                </div>
+            </div>
+        </div>
+    </div>
+
     <!-- REQUIRED SCRIPTS -->
     <!-- jQuery -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>