diff --git a/baseTemplate/static/baseTemplate/newBase.js b/baseTemplate/static/baseTemplate/newBase.js
index 64aff3a2e..3462850b7 100644
--- a/baseTemplate/static/baseTemplate/newBase.js
+++ b/baseTemplate/static/baseTemplate/newBase.js
@@ -1,28 +1,184 @@
 let icon1 = document.getElementById("icon1");
 let menu1 = document.getElementById("menu1");
 const showMenu1 = (flag) => {
-  if (flag) {
-    icon1.classList.toggle("rotate-180");
-    menu1.classList.toggle("hidden");
-  }
+    if (flag) {
+        icon1.classList.toggle("rotate-180");
+        menu1.classList.toggle("hidden");
+    }
 };
 let icon2 = document.getElementById("icon2");
 let menu2 = document.getElementById("menu2");
 
 const showMenu2 = (flag) => {
-  if (flag) {
-    icon2.classList.toggle("rotate-180");
-    menu2.classList.toggle("hidden");
-  }
+    if (flag) {
+        icon2.classList.toggle("rotate-180");
+        menu2.classList.toggle("hidden");
+    }
 };
 let icon3 = document.getElementById("icon3");
 let menu3 = document.getElementById("menu3");
 
 const showMenu3 = (flag) => {
-  if (flag) {
-    icon3.classList.toggle("rotate-180");
-    menu3.classList.toggle("hidden");
-  }
+    if (flag) {
+        icon3.classList.toggle("rotate-180");
+        menu3.classList.toggle("hidden");
+    }
+};
+let icon40 = document.getElementById("icon40");
+let icon41 = document.getElementById("icon41");
+let icon42 = document.getElementById("icon42");
+let icon43 = document.getElementById("icon43");
+let icon44 = document.getElementById("icon44");
+let icon45 = document.getElementById("icon45");
+let icon46 = document.getElementById("icon46");
+let icon47 = document.getElementById("icon47");
+let icon48 = document.getElementById("icon48");
+let icon49 = document.getElementById("icon49");
+let icon450 = document.getElementById("icon450");
+let icon451 = document.getElementById("icon451");
+let icon452 = document.getElementById("icon452");
+let icon453 = document.getElementById("icon453");
+let icon454 = document.getElementById("icon454");
+let icon455 = document.getElementById("icon455");
+let icon456 = document.getElementById("icon456");
+let icon457 = document.getElementById("icon457");
+let icon458 = document.getElementById("icon458");
+let icon459 = document.getElementById("icon459");
+let icon460 = document.getElementById("icon460");
+let icon461 = document.getElementById("icon461");
+let icon462 = document.getElementById("icon462");
+let icon463 = document.getElementById("icon463");
+let icon464 = document.getElementById("icon464");
+let icon465 = document.getElementById("icon465");
+const rotate1 = (flag) => {
+    if (flag) {
+        icon40.classList.toggle("rotate-90");
+    }
+};
+const rotate2 = (flag) => {
+    if (flag) {
+        icon41.classList.toggle("rotate-90");
+    }
+};
+const rotate3 = (flag) => {
+    if (flag) {
+        icon42.classList.toggle("rotate-90");
+    }
+};
+const rotate4 = (flag) => {
+    if (flag) {
+        icon43.classList.toggle("rotate-90");
+    }
+};
+const rotate5 = (flag) => {
+    if (flag) {
+        icon44.classList.toggle("rotate-90");
+    }
+};
+const rotate6 = (flag) => {
+    if (flag) {
+        icon45.classList.toggle("rotate-90");
+    }
+};
+const rotate7 = (flag) => {
+    if (flag) {
+        icon46.classList.toggle("rotate-90");
+    }
+};
+const rotate8 = (flag) => {
+    if (flag) {
+        icon47.classList.toggle("rotate-90");
+    }
+};
+const rotate9 = (flag) => {
+    if (flag) {
+        icon48.classList.toggle("rotate-90");
+    }
+};
+const rotate10 = (flag) => {
+    if (flag) {
+        icon49.classList.toggle("rotate-90");
+    }
+};
+const rotate11 = (flag) => {
+    if (flag) {
+        icon450.classList.toggle("rotate-90");
+    }
+};
+const rotate12 = (flag) => {
+    if (flag) {
+        icon451.classList.toggle("rotate-90");
+    }
+};
+const rotate13 = (flag) => {
+    if (flag) {
+        icon452.classList.toggle("rotate-90");
+    }
+};
+const rotate14 = (flag) => {
+    if (flag) {
+        icon453.classList.toggle("rotate-90");
+    }
+};
+const rotate15 = (flag) => {
+    if (flag) {
+        icon454.classList.toggle("rotate-90");
+    }
+};
+const rotate16 = (flag) => {
+    if (flag) {
+        icon455.classList.toggle("rotate-90");
+    }
+};
+const rotate17 = (flag) => {
+    if (flag) {
+        icon456.classList.toggle("rotate-90");
+    }
+};
+const rotate18 = (flag) => {
+    if (flag) {
+        icon457.classList.toggle("rotate-90");
+    }
+};
+const rotate19 = (flag) => {
+    if (flag) {
+        icon458.classList.toggle("rotate-90");
+    }
+};
+const rotate20 = (flag) => {
+    if (flag) {
+        icon459.classList.toggle("rotate-90");
+    }
+};
+const rotate21 = (flag) => {
+    if (flag) {
+        icon460.classList.toggle("rotate-90");
+    }
+};
+const rotate22 = (flag) => {
+    if (flag) {
+        icon461.classList.toggle("rotate-90");
+    }
+};
+const rotate23 = (flag) => {
+    if (flag) {
+        icon462.classList.toggle("rotate-90");
+    }
+};
+const rotate24 = (flag) => {
+    if (flag) {
+        icon463.classList.toggle("rotate-90");
+    }
+};
+const rotate25 = (flag) => {
+    if (flag) {
+        icon464.classList.toggle("rotate-90");
+    }
+};
+const rotate26 = (flag) => {
+    if (flag) {
+        icon465.classList.toggle("rotate-90");
+    }
 };
 
 function getCookie(name) {
@@ -41,15 +197,16 @@ function getCookie(name) {
     return cookieValue;
 }
 
-var newapp =angular.module('cybercpV2',[]);
+var newapp = angular.module('cybercpV2', []);
 
 newapp.config(['$interpolateProvider', function ($interpolateProvider) {
     $interpolateProvider.startSymbol('{$');
     $interpolateProvider.endSymbol('$}');
 }]);
 newapp.controller('dashboardV2', function ($scope, $http, $timeout) {
-alert('dashboardV2');
- function getStuff() {
+    alert('dashboardV2');
+
+    function getStuff() {
 
 
         url = "/base/getSystemStatus";
@@ -150,6 +307,7 @@ alert('dashboardV2');
         $timeout(getStuff, 2000);
 
     }
+
     getStuff();
 });
 
diff --git a/baseTemplate/templates/baseTemplate/newBase.html b/baseTemplate/templates/baseTemplate/newBase.html
index f710b3689..a3cd283bf 100644
--- a/baseTemplate/templates/baseTemplate/newBase.html
+++ b/baseTemplate/templates/baseTemplate/newBase.html
@@ -179,7 +179,8 @@
                 <div id="menu2">
                     <hr>
                     <!-- Users Button -->
-                    <div class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
+                    <div onclick="rotate1(true)"
+                         class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
                          aria-controls="dropdown-example" data-collapse-toggle="dropdown-example">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -210,10 +211,11 @@
                                 <span class="text-white text-sm font-semibold" sidebar-toggle-item>Users</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon40" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -278,7 +280,8 @@
 
                     <!-- Wordpress Button -->
 
-                    <div class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
+                    <div onclick="rotate2(true)"
+                         class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
                          aria-controls="dropdown-example-2" data-collapse-toggle="dropdown-example-2">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -318,10 +321,11 @@
                                 <span class="text-white text-sm font-semibold" sidebar-toggle-item>Wordpress</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon41" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -356,7 +360,8 @@
                     <!-- Wordpress Press Button End -->
 
                     <!-- Website Button -->
-                    <div class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
+                    <div onclick="rotate3(true)"
+                         class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
                          aria-controls="dropdown-example-3" data-collapse-toggle="dropdown-example-3">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -396,10 +401,11 @@
                                 <span class="text-white text-sm font-semibold" sidebar-toggle-item>Website</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon42" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -444,7 +450,8 @@
                     <!-- Website Button End -->
 
                     <!-- Packeges Button -->
-                    <div class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
+                    <div onclick="rotate4(true)"
+                         class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
                          aria-controls="dropdown-example-4" data-collapse-toggle="dropdown-example-4">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -457,10 +464,11 @@
                                 <span class="text-white text-sm font-semibold" sidebar-toggle-item>Packeges</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon43" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -490,7 +498,8 @@
                     <!-- Packeges Button End -->
 
                     <!-- DataBase Button -->
-                    <div class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
+                    <div onclick="rotate5(true)"
+                         class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
                          aria-controls="dropdown-example-5" data-collapse-toggle="dropdown-example-5">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -510,10 +519,11 @@
                                 <span class="text-white text-sm font-semibold" sidebar-toggle-item>Database</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon44" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -543,7 +553,8 @@
                     <!-- DataBase Button End -->
 
                     <!-- DNS Button -->
-                    <div class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
+                    <div onclick="rotate6(true)"
+                         class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
                          aria-controls="dropdown-example-6" data-collapse-toggle="dropdown-example-6">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -563,10 +574,11 @@
                                 <span class="text-white text-sm font-semibold" sidebar-toggle-item>DNS</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon45" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -605,7 +617,8 @@
                     </ul>
                     <!-- DNS Button End -->
                     <!-- Email Button -->
-                    <div class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
+                    <div onclick="rotate7(true)"
+                         class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
                          aria-controls="dropdown-example-7" data-collapse-toggle="dropdown-example-7">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -621,10 +634,11 @@
                                 <span class="text-white text-sm font-semibold" sidebar-toggle-item>Email</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon46" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -673,7 +687,8 @@
                     </ul>
                     <!-- Email Button End -->
                     <!-- FTP Button -->
-                    <div class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
+                    <div onclick="rotate8(true)"
+                         class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
                          aria-controls="dropdown-example-8" data-collapse-toggle="dropdown-example-8">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -693,10 +708,11 @@
                                 <span class="text-white text-sm font-semibold" sidebar-toggle-item>FTP</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon47" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -720,7 +736,8 @@
                     </ul>
                     <!-- FTP Button End -->
                     <!-- Backup V2 -->
-                    <div class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
+                    <div onclick="rotate9(true)"
+                         class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
                          aria-controls="dropdown-example-9" data-collapse-toggle="dropdown-example-9">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -733,10 +750,11 @@
                                 <span class="text-white text-sm font-semibold" sidebar-toggle-item>Backup V2</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon48" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -760,7 +778,8 @@
                     </ul>
                     <!-- Backup V2 End -->
                     <!-- Backup Button -->
-                    <div class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
+                    <div onclick="rotate10(true)"
+                         class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
                          aria-controls="dropdown-example-10" data-collapse-toggle="dropdown-example-10">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -773,10 +792,11 @@
                                 <span class="text-white text-sm font-semibold" sidebar-toggle-item>Backup</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon49" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -815,7 +835,8 @@
                     </ul>
                     <!-- Backup Button End -->
                     <!-- Incremental Backup -->
-                    <div class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
+                    <div onclick="rotate11(true)"
+                         class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
                          aria-controls="dropdown-example-11" data-collapse-toggle="dropdown-example-11">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -830,10 +851,11 @@
                                     </span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon450" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -862,7 +884,8 @@
                     </ul>
                     <!-- Incremental Button End -->
                     <!-- SSi V2 -->
-                    <div class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
+                    <div onclick="rotate12(true)"
+                         class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
                          aria-controls="dropdown-example-12" data-collapse-toggle="dropdown-example-12">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -882,10 +905,11 @@
                                 <span class="text-white text-sm font-semibold" sidebar-toggle-item>SSI V2</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon451" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -899,7 +923,8 @@
                     </ul>
                     <!-- SSI V2 End -->
                     <!-- SSL Button -->
-                    <div class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
+                    <div onclick="rotate13(true)"
+                         class="flex justify-between items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-full"
                          aria-controls="dropdown-example-13" data-collapse-toggle="dropdown-example-13">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -919,10 +944,11 @@
                                 <span class="text-white text-sm font-semibold" sidebar-toggle-item>SSI</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon452" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -963,7 +989,8 @@
                 <div id="menu3">
                     <hr>
                     <!-- Root File Manager -->
-                    <div class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
+                    <div onclick="rotate14(true)"
+                         class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
                          aria-controls="dropdown-example-14" data-collapse-toggle="dropdown-example-14">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -983,10 +1010,11 @@
                                         Manager</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon453" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -1001,7 +1029,8 @@
                     </ul>
                     <!-- Root File Manager End -->
                     <!-- CloudLinus -->
-                    <div class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
+                    <div onclick="rotate15(true)"
+                         class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
                          aria-controls="dropdown-example-15" data-collapse-toggle="dropdown-example-15">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -1017,10 +1046,11 @@
                                 <span class="text-white text-sm font-semibold" sidebar-toggle-item>CloudLinus</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon454" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -1049,7 +1079,8 @@
                     </ul>
                     <!-- CloudLinus End -->
                     <!-- Containerization -->
-                    <div class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
+                    <div onclick="rotate16(true)"
+                         class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
                          aria-controls="dropdown-example-16" data-collapse-toggle="dropdown-example-16">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -1066,10 +1097,11 @@
                                       sidebar-toggle-item>Containerization</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon455" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -1083,7 +1115,8 @@
                     </ul>
                     <!-- Containerization End -->
                     <!-- Docker Manager -->
-                    <div class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
+                    <div onclick="rotate17(true)"
+                         class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
                          aria-controls="dropdown-example-17" data-collapse-toggle="dropdown-example-17">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -1104,10 +1137,11 @@
                                         Manager</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon456" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -1131,7 +1165,8 @@
                     </ul>
                     <!-- Docker Manager End -->
                     <!-- Tuning -->
-                    <div class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
+                    <div onclick="rotate18(true)"
+                         class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
                          aria-controls="dropdown-example-18" data-collapse-toggle="dropdown-example-18">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -1144,10 +1179,11 @@
                                 <span class="text-white text-sm font-semibold" sidebar-toggle-item>Tuning</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon457" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -1166,7 +1202,8 @@
                     </ul>
                     <!-- Tuning End -->
                     <!-- Server Status -->
-                    <div class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
+                    <div onclick="rotate19(true)"
+                         class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
                          aria-controls="dropdown-example-19" data-collapse-toggle="dropdown-example-19">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -1187,10 +1224,11 @@
                                         Status</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon458" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -1219,7 +1257,8 @@
                     </ul>
                     <!-- Server Status End -->
                     <!-- PHP -->
-                    <div class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
+                    <div onclick="rotate20(true)"
+                         class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
                          aria-controls="dropdown-example-20" data-collapse-toggle="dropdown-example-20">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -1245,10 +1284,11 @@
                                 <span class="text-white text-sm font-semibold" sidebar-toggle-item>PHP</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon459" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -1267,7 +1307,8 @@
                     </ul>
                     <!-- PHP End -->
                     <!-- Logs -->
-                    <div class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
+                    <div onclick="rotate21(true)"
+                         class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
                          aria-controls="dropdown-example-21" data-collapse-toggle="dropdown-example-21">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -1279,10 +1320,11 @@
                                 <span class="text-white text-sm font-semibold" sidebar-toggle-item>Logs</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon460" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -1321,7 +1363,8 @@
                     </ul>
                     <!-- Logs End -->
                     <!-- Security -->
-                    <div class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
+                    <div onclick="rotate22(true)"
+                         class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
                          aria-controls="dropdown-example-22" data-collapse-toggle="dropdown-example-22">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -1334,10 +1377,11 @@
                                 <span class="text-white text-sm font-semibold" sidebar-toggle-item>Security</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon461" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -1386,7 +1430,8 @@
                     </ul>
                     <!-- Security End -->
                     <!-- Main Settings -->
-                    <div class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
+                    <div onclick="rotate23(true)"
+                         class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
                          aria-controls="dropdown-example-23" data-collapse-toggle="dropdown-example-23">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -1400,10 +1445,11 @@
                                         Settings</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon462" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -1447,7 +1493,8 @@
                     </ul>
                     <!-- Main Settings End -->
                     <!-- Manage Services -->
-                    <div class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
+                    <div onclick="rotate24(true)"
+                         class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
                          aria-controls="dropdown-example-24" data-collapse-toggle="dropdown-example-24">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -1461,10 +1508,11 @@
                                         Services</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon463" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -1498,7 +1546,8 @@
                     </ul>
                     <!-- Manage Services End -->
                     <!-- ConfigServer Services -->
-                    <div class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
+                    <div onclick="rotate25(true)"
+                         class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
                          aria-controls="dropdown-example-25" data-collapse-toggle="dropdown-example-25">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -1519,10 +1568,11 @@
                                         Service</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon464" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -1536,7 +1586,8 @@
                     </ul>
                     <!-- ConfigServer Services End -->
                     <!-- Plugins -->
-                    <div class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
+                    <div onclick="rotate26(true)"
+                         class="flex justify-between mt-1 items-center space-x-6 focus:bg-cyan-400 text-white hover:bg-cyan-400 rounded px-3 py-1 w-64"
                          aria-controls="dropdown-example-26" data-collapse-toggle="dropdown-example-26">
                         <div>
                             <button type="button" class="flex space-x-6">
@@ -1556,10 +1607,11 @@
                                 <span class="text-white text-sm font-semibold" sidebar-toggle-item>Plugins</span>
                         </div>
                         <div>
-                            <svg id="icon1" class="transform" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                            <svg id="icon465" class="transform" width="24" height="24" viewBox="0 0 20 20" fill="none"
                                  xmlns="http://www.w3.org/2000/svg">
-                                <path d="M18 15L12 9L6 15" stroke="currentColor" stroke-width="1.5"
-                                      stroke-linecap="round" stroke-linejoin="round"/>
+                                <path
+                                        d="M6.25 4.50781L7.05859 3.75L13.75 10L7.05859 16.25L6.25 15.4961L12.1289 10L6.25 4.50781Z"
+                                        fill="white"/>
                             </svg>
                         </div>
                         </button>
@@ -1596,7 +1648,7 @@
                     <img src="{% static 'baseTemplate/newImage/support.png' %}" class="px-2"/>
                 </a>
                 <a href="">
-                    <img src="{% static 'baseTemplate/newImage/youtube.png' %}" class="px-2"/>
+                    <img src="{% static 'baseTemplate/newImage/logout.png' %}" class="px-2"/>
                 </a>
             </div>
         </header>
diff --git a/websiteFunctions/static/websiteFunctions/websiteFunctionsV2.js b/websiteFunctions/static/websiteFunctions/websiteFunctionsV2.js
index 8140438ee..38bf3fef0 100644
--- a/websiteFunctions/static/websiteFunctions/websiteFunctionsV2.js
+++ b/websiteFunctions/static/websiteFunctions/websiteFunctionsV2.js
@@ -3361,13 +3361,848 @@ newapp.controller('listWebsitesV2', function ($scope, $http) {
 
 
 });
-app.controller('listWebsites', function ($scope, $http) {
 
+newapp.controller('WPsiteHomeV2', function ($scope, $http, $timeout, $compile, $window) {
 
-    $scope.currentPage = 1;
-    $scope.recordsToShow = 10;
+    var CheckBoxpasssword = 0;
+
+    $scope.wordpresshomeloading = true;
+    $scope.stagingDetailsForm = false;
+    $scope.installationProgress = true;
+    $scope.errorMessageBox = true;
+    $scope.success = true;
+    $scope.couldNotConnect = true;
+    $scope.goBackDisable = true;
+    $(document).ready(function () {
+        var checkstatus = document.getElementById("wordpresshome");
+        if (checkstatus !== null) {
+            $scope.LoadWPdata();
+
+        }
+    });
+
+
+    $scope.LoadWPdata = function () {
+
+        $scope.wordpresshomeloading = false;
+        $('#wordpresshomeloading').show();
+
+        var url = "/websites/FetchWPdata";
+
+        var data = {
+            WPid: $('#WPid').html(),
+        }
+
+        console.log(data);
+        var config = {
+            headers: {
+                'X-CSRFToken': getCookie('csrftoken')
+            }
+        };
+
+
+        $http.post(url, data, config).then(ListInitialDatas, cantLoadInitialDatas);
+
+
+        function ListInitialDatas(response) {
+            wordpresshomeloading = true;
+            $('#wordpresshomeloading').hide();
+
+            if (response.data.status === 1) {
+                $('#WPVersion').text(response.data.ret_data.version);
+                if (response.data.ret_data.lscache === 1) {
+                    $('#lscache').prop('checked', true);
+                }
+                if (response.data.ret_data.debugging === 1) {
+                    $('#debugging').prop('checked', true);
+                }
+                if (response.data.ret_data.searchIndex === 1) {
+                    $('#searchIndex').prop('checked', true);
+                }
+                if (response.data.ret_data.maintenanceMode === 1) {
+                    $('#maintenanceMode').prop('checked', true);
+                }
+                if (response.data.ret_data.wpcron === 1) {
+                    $('#wpcron').prop('checked', true);
+                }
+                if (response.data.ret_data.passwordprotection == 1) {
+
+                    var dc = '<input  type="checkbox" checked \n' +
+                        '        ng-click="UpdateWPSettings(\'PasswordProtection\')" class="custom-control-input ng-pristine ng-untouched ng-valid ng-not-empty"\n' +
+                        '                                                       id="passwdprotection">\n' +
+                        '                                                <label class="custom-control-label"\n' +
+                        '                                                       for="passwdprotection"></label>'
+                    var mp = $compile(dc)($scope);
+                    angular.element(document.getElementById('prsswdprodata')).append(mp);
+                    CheckBoxpasssword = 1;
+                } else if (response.data.ret_data.passwordprotection == 0) {
+                    var dc = '<input  type="checkbox" data-toggle="modal"\n' +
+                        '                                                       data-target="#Passwordprotection"\n' +
+                        '                                                       class="custom-control-input ng-pristine ng-untouched ng-valid ng-not-empty"\n' +
+                        '                                                       id="passwdprotection">\n' +
+                        '                                                <label class="custom-control-label"\n' +
+                        '                                                       for="passwdprotection"></label>'
+                    $('#prsswdprodata').append(dc);
+                    CheckBoxpasssword = 0;
+                }
+
+            } else {
+                new PNotify({
+                    title: 'Operation Failed!',
+                    text: response.data.error_message,
+                    type: 'error'
+                });
+
+            }
+
+        }
+
+        function cantLoadInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+
+            $scope.webSiteCreationLoading = true;
+            $scope.installationDetailsForm = true;
+            $scope.installationProgress = false;
+            $scope.errorMessageBox = true;
+            $scope.success = true;
+            $scope.couldNotConnect = false;
+            $scope.goBackDisable = false;
+
+        }
+
+
+    };
+
+    $scope.UpdateWPSettings = function (setting) {
+
+        $scope.wordpresshomeloading = false;
+        $('#wordpresshomeloading').show();
+
+
+        var url = "/websites/UpdateWPSettings";
+
+        if (setting === "PasswordProtection") {
+            if (CheckBoxpasssword == 0) {
+                var data = {
+                    WPid: $('#WPid').html(),
+                    setting: setting,
+                    PPUsername: $scope.PPUsername,
+                    PPPassword: $scope.PPPassword,
+                }
+
+            } else {
+                var data = {
+                    WPid: $('#WPid').html(),
+                    setting: setting,
+                    PPUsername: '',
+                    PPPassword: '',
+                }
+
+            }
+
+        } else {
+            var settingValue = 0;
+            if ($('#' + setting).is(":checked")) {
+                settingValue = 1;
+            }
+            var data = {
+                WPid: $('#WPid').html(),
+                setting: setting,
+                settingValue: settingValue
+            }
+        }
+
+
+        var config = {
+            headers: {
+                'X-CSRFToken': getCookie('csrftoken')
+            }
+        };
+
+
+        $http.post(url, data, config).then(ListInitialDatas, cantLoadInitialDatas);
+
+
+        function ListInitialDatas(response) {
+            $scope.wordpresshomeloading = true;
+            $('#wordpresshomeloading').hide();
+
+            if (response.data.status === 1) {
+                new PNotify({
+                    title: 'Success!',
+                    text: 'Successfully Updated!.',
+                    type: 'success'
+                });
+                if (setting === "PasswordProtection") {
+                    location.reload();
+                }
+            } else {
+                new PNotify({
+                    title: 'Operation Failed!',
+                    text: response.data.error_message,
+                    type: 'error'
+                });
+                if (setting === "PasswordProtection") {
+                    location.reload();
+                }
+
+            }
+
+        }
+
+        function cantLoadInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            $scope.wordpresshomeloading = true;
+            alert(response)
+
+        }
+
+
+    };
+
+    $scope.GetCurrentPlugins = function () {
+        $('#wordpresshomeloading').show();
+
+        $scope.wordpresshomeloading = false;
+
+        var url = "/websites/GetCurrentPlugins";
+
+        var data = {
+            WPid: $('#WPid').html(),
+        }
+
+        var config = {
+            headers: {
+                'X-CSRFToken': getCookie('csrftoken')
+            }
+        };
+
+
+        $http.post(url, data, config).then(ListInitialDatas, cantLoadInitialDatas);
+
+
+        function ListInitialDatas(response) {
+            wordpresshomeloading = true;
+            $('#wordpresshomeloading').hide();
+
+            if (response.data.status === 1) {
+                $('#PluginBody').html('');
+                var plugins = JSON.parse(response.data.plugins);
+                plugins.forEach(AddPlugins);
+
+            } else {
+                alert("Error:" + response.data.error_message)
+
+            }
+
+        }
+
+        function cantLoadInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+
+            $scope.webSiteCreationLoading = true;
+            $scope.installationDetailsForm = true;
+            $scope.installationProgress = false;
+            $scope.errorMessageBox = true;
+            $scope.success = true;
+            $scope.couldNotConnect = false;
+            $scope.goBackDisable = false;
+
+        }
+
+
+    };
+
+    $scope.GetCurrentThemes = function () {
+        $('#wordpresshomeloading').show();
+
+        $scope.wordpresshomeloading = false;
+
+        var url = "/websites/GetCurrentThemes";
+
+        var data = {
+            WPid: $('#WPid').html(),
+        }
+
+        var config = {
+            headers: {
+                'X-CSRFToken': getCookie('csrftoken')
+            }
+        };
+
+
+        $http.post(url, data, config).then(ListInitialDatas, cantLoadInitialDatas);
+
+
+        function ListInitialDatas(response) {
+            wordpresshomeloading = true;
+            $('#wordpresshomeloading').hide();
+
+            if (response.data.status === 1) {
+
+                $('#ThemeBody').html('');
+                var themes = JSON.parse(response.data.themes);
+                themes.forEach(AddThemes);
+
+            } else {
+                alert("Error:" + response.data.error_message)
+
+            }
+
+        }
+
+        function cantLoadInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            $scope.webSiteCreationLoading = true;
+            $scope.installationDetailsForm = true;
+            $scope.installationProgress = false;
+            $scope.errorMessageBox = true;
+            $scope.success = true;
+            $scope.couldNotConnect = false;
+            $scope.goBackDisable = false;
+
+        }
+
+
+    };
+
+    $scope.UpdatePlugins = function (plugin) {
+        $('#wordpresshomeloading').show();
+        var data = {
+            plugin: plugin,
+            pluginarray: PluginsList,
+            WPid: $('#WPid').html(),
+        }
+
+        $scope.wordpresshomeloading = false;
+
+        var url = "/websites/UpdatePlugins";
+
+        var config = {
+            headers: {
+                'X-CSRFToken': getCookie('csrftoken')
+            }
+        };
+
+
+        $http.post(url, data, config).then(ListInitialDatas, cantLoadInitialDatas);
+
+
+        function ListInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            $scope.wordpresshomeloading = true;
+
+            if (response.data.status === 1) {
+                new PNotify({
+                    title: 'Success!',
+                    text: 'Updating Plugins in Background!.',
+                    type: 'success'
+                });
+            } else {
+                new PNotify({
+                    title: 'Operation Failed!',
+                    text: response.data.error_message,
+                    type: 'error'
+                });
+
+            }
+
+        }
+
+        function cantLoadInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            $scope.wordpresshomeloading = true;
+            alert(response)
+
+        }
+
+
+    };
+
+    $scope.DeletePlugins = function (plugin) {
+        $('#wordpresshomeloading').show();
+        var data = {
+            plugin: plugin,
+            pluginarray: PluginsList,
+            WPid: $('#WPid').html(),
+        }
+
+        $scope.wordpresshomeloading = false;
+
+        var url = "/websites/DeletePlugins";
+
+        var config = {
+            headers: {
+                'X-CSRFToken': getCookie('csrftoken')
+            }
+        };
+
+
+        $http.post(url, data, config).then(ListInitialDatas, cantLoadInitialDatas);
+
+
+        function ListInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            $scope.wordpresshomeloading = true;
+
+            if (response.data.status === 1) {
+                new PNotify({
+                    title: 'Success!',
+                    text: 'Deleting Plugin in Background!',
+                    type: 'success'
+                });
+            } else {
+                new PNotify({
+                    title: 'Operation Failed!',
+                    text: response.data.error_message,
+                    type: 'error'
+                });
+
+            }
+
+        }
+
+        function cantLoadInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            $scope.wordpresshomeloading = true;
+            alert(response)
+
+        }
+
+    }
+
+    $scope.ChangeStatus = function (plugin) {
+        $('#wordpresshomeloading').show();
+        var data = {
+            plugin: plugin,
+            WPid: $('#WPid').html(),
+        }
+
+        $scope.wordpresshomeloading = false;
+
+        var url = "/websites/ChangeStatus";
+
+        var config = {
+            headers: {
+                'X-CSRFToken': getCookie('csrftoken')
+            }
+        };
+
+
+        $http.post(url, data, config).then(ListInitialDatas, cantLoadInitialDatas);
+
+
+        function ListInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            $scope.wordpresshomeloading = true;
+
+            if (response.data.status === 1) {
+                new PNotify({
+                    title: 'Success!',
+                    text: 'Changed Plugin state Successfully !.',
+                    type: 'success'
+                });
+            } else {
+                new PNotify({
+                    title: 'Operation Failed!',
+                    text: response.data.error_message,
+                    type: 'error'
+                });
+
+            }
+
+        }
+
+        function cantLoadInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            $scope.wordpresshomeloading = true;
+            alert(response)
+
+        }
+
+    }
+
+    function AddPlugins(value, index, array) {
+        var FinalMarkup = '<tr>'
+        FinalMarkup = FinalMarkup + '<td><input onclick="AddPluginToArray(this,\'' + value.name + '\')" type="checkbox" id="' + value.name + '"><label for="' + value.name + '"></label></td>';
+        for (let x in value) {
+            if (x === 'status') {
+                if (value[x] === 'inactive') {
+                    FinalMarkup = FinalMarkup + '<td><div ng-click="ChangeStatus(\'' + value.name + '\')" class="form-check form-check-inline switch"><input type="checkbox" id="' + value.name + 'State"><label for="' + value.name + 'State"></label></div></td>';
+                } else {
+                    FinalMarkup = FinalMarkup + '<td><div ng-click="ChangeStatus(\'' + value.name + '\')" class="form-check form-check-inline switch"><input type="checkbox" id="' + value.name + 'State" checked=""><label for="' + value.name + 'State"></label></div></td>';
+                }
+            } else if (x === 'update') {
+                if (value[x] === 'none') {
+                    FinalMarkup = FinalMarkup + '<td><span class="label label-success">Upto Date</span></td>';
+                } else {
+                    FinalMarkup = FinalMarkup + '<td><button ng-click="UpdatePlugins(\'' + value.name + '\')" aria-label="" type="button" class="btn btn-outline-danger">Update</button></td>';
+                }
+            } else {
+                FinalMarkup = FinalMarkup + '<td>' + value[x] + "</td>";
+            }
+        }
+        FinalMarkup = FinalMarkup + '<td><button ng-click="DeletePlugins(\'' + value.name + '\')" aria-label="" class="btn btn-danger btn-icon-left m-b-10" type="button">Delete</button></td>'
+        FinalMarkup = FinalMarkup + '</tr>'
+        var temp = $compile(FinalMarkup)($scope)
+        AppendToTable('#PluginBody', temp)
+    }
+
+    $scope.UpdateThemes = function (theme) {
+        $('#wordpresshomeloading').show();
+        var data = {
+            Theme: theme,
+            Themearray: ThemesList,
+            WPid: $('#WPid').html(),
+        }
+
+        $scope.wordpresshomeloading = false;
+
+        var url = "/websites/UpdateThemes";
+
+        var config = {
+            headers: {
+                'X-CSRFToken': getCookie('csrftoken')
+            }
+        };
+
+
+        $http.post(url, data, config).then(ListInitialDatas, cantLoadInitialDatas);
+
+
+        function ListInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            $scope.wordpresshomeloading = true;
+
+            if (response.data.status === 1) {
+                new PNotify({
+                    title: 'Success!',
+                    text: 'Updating Theme in background !.',
+                    type: 'success'
+                });
+            } else {
+                new PNotify({
+                    title: 'Operation Failed!',
+                    text: response.data.error_message,
+                    type: 'error'
+                });
+
+            }
+
+        }
+
+        function cantLoadInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            $scope.wordpresshomeloading = true;
+            alert(response)
+
+        }
+
+
+    };
+
+    $scope.DeleteThemes = function (theme) {
+        $('#wordpresshomeloading').show();
+        var data = {
+            Theme: theme,
+            Themearray: ThemesList,
+            WPid: $('#WPid').html(),
+        }
+
+        $scope.wordpresshomeloading = false;
+
+        var url = "/websites/DeleteThemes";
+
+        var config = {
+            headers: {
+                'X-CSRFToken': getCookie('csrftoken')
+            }
+        };
+
+
+        $http.post(url, data, config).then(ListInitialDatas, cantLoadInitialDatas);
+
+
+        function ListInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            $scope.wordpresshomeloading = true;
+
+            if (response.data.status === 1) {
+                new PNotify({
+                    title: 'Success!',
+                    text: 'Deleting Theme in Background!.',
+                    type: 'success'
+                });
+            } else {
+                new PNotify({
+                    title: 'Operation Failed!',
+                    text: response.data.error_message,
+                    type: 'error'
+                });
+
+            }
+
+        }
+
+        function cantLoadInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            $scope.wordpresshomeloading = true;
+            alert(response)
+
+        }
+    };
+
+    $scope.ChangeStatusThemes = function (theme) {
+        $('#wordpresshomeloading').show();
+        var data = {
+            theme: theme,
+            WPid: $('#WPid').html(),
+        }
+
+        $scope.wordpresshomeloading = false;
+
+        var url = "/websites/StatusThemes";
+
+        var config = {
+            headers: {
+                'X-CSRFToken': getCookie('csrftoken')
+            }
+        };
+
+
+        $http.post(url, data, config).then(ListInitialDatas, cantLoadInitialDatas);
+
+
+        function ListInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            $scope.wordpresshomeloading = true;
+
+            if (response.data.status === 1) {
+                new PNotify({
+                    title: 'Success!',
+                    text: 'Change Theme state in Bsckground!.',
+                    type: 'success'
+                });
+            } else {
+                new PNotify({
+                    title: 'Operation Failed!',
+                    text: response.data.error_message,
+                    type: 'error'
+                });
+
+            }
+
+        }
+
+        function cantLoadInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            $scope.wordpresshomeloading = true;
+            alert(response)
+
+        }
+
+    };
+
+    function AddThemes(value, index, array) {
+        var FinalMarkup = '<tr>'
+        FinalMarkup = FinalMarkup + '<td><input onclick="AddThemeToArray(this,\'' + value.name + '\')" type="checkbox" id="' + value.name + '"><label for="' + value.name + '"></label></td>';
+        for (let x in value) {
+            if (x === 'status') {
+                if (value[x] === 'inactive') {
+                    FinalMarkup = FinalMarkup + '<td><div ng-click="ChangeStatusThemes(\'' + value.name + '\')" class="form-check form-check-inline switch"><input type="checkbox" id="' + value.name + 'State"><label for="' + value.name + 'State"></label></div></td>';
+                } else {
+                    FinalMarkup = FinalMarkup + '<td><div ng-click="ChangeStatusThemes(\'' + value.name + '\')" class="form-check form-check-inline switch"><input type="checkbox" id="' + value.name + 'State" checked=""><label for="' + value.name + 'State"></label></div></td>';
+                }
+            } else if (x === 'update') {
+                if (value[x] === 'none') {
+                    FinalMarkup = FinalMarkup + '<td><span class="label label-success">Upto Date</span></td>';
+                } else {
+                    FinalMarkup = FinalMarkup + '<td><button ng-click="UpdateThemes(\'' + value.name + '\')" aria-label="" type="button" class="btn btn-outline-danger">Update</button></td>';
+                }
+            } else {
+                FinalMarkup = FinalMarkup + '<td>' + value[x] + "</td>";
+            }
+        }
+        FinalMarkup = FinalMarkup + '<td><button ng-click="DeleteThemes(\'' + value.name + '\')" aria-label="" class="btn btn-danger btn-icon-left m-b-10" type="button">Delete</button></td>'
+        FinalMarkup = FinalMarkup + '</tr>'
+        var temp = $compile(FinalMarkup)($scope)
+        AppendToTable('#ThemeBody', temp)
+    }
+
+    $scope.CreateStagingNow = function () {
+        $('#wordpresshomeloading').show();
+
+        $scope.wordpresshomeloading = false;
+        $scope.stagingDetailsForm = true;
+        $scope.installationProgress = false;
+        $scope.errorMessageBox = true;
+        $scope.success = true;
+        $scope.couldNotConnect = true;
+        $scope.goBackDisable = true;
+
+
+        $scope.currentStatus = "Starting creation Staging..";
+
+        //here enter domain name
+        if (create_staging_domain_check == 0) {
+            var Part2_domainNameCreate = document.getElementById('Part2_domainNameCreate').value;
+            var domainNameCreate = document.getElementById('TestDomainNameCreate').value + Part2_domainNameCreate;
+        }
+        if (create_staging_domain_check == 1) {
+
+            var domainNameCreate = $scope.own_domainNameCreate;
+        }
+        var data = {
+            StagingName: $('#stagingName').val(),
+            StagingDomain: domainNameCreate,
+            WPid: $('#WPid').html(),
+        }
+        var url = "/websites/CreateStagingNow";
+
+        var config = {
+            headers: {
+                'X-CSRFToken': getCookie('csrftoken')
+            }
+        };
+
+
+        $http.post(url, data, config).then(ListInitialDatas, cantLoadInitialDatas);
+
+
+        function ListInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            if (response.data.status === 1) {
+                statusFile = response.data.tempStatusPath;
+                getCreationStatus();
+            } else {
+                new PNotify({
+                    title: 'Operation Failed!',
+                    text: response.data.error_message,
+                    type: 'error'
+                });
+
+            }
+
+        }
+
+        function cantLoadInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            $scope.wordpresshomeloading = true;
+            alert(response)
+
+        }
+    };
+
+    function getCreationStatus() {
+        $('#wordpresshomeloading').show();
+
+        url = "/websites/installWordpressStatus";
+
+        var data = {
+            statusFile: statusFile
+        };
+
+        var config = {
+            headers: {
+                'X-CSRFToken': getCookie('csrftoken')
+            }
+        };
+
+
+        $http.post(url, data, config).then(ListInitialDatas, cantLoadInitialDatas);
+
+
+        function ListInitialDatas(response) {
+            //$('#wordpresshomeloading').hide();
+
+            if (response.data.abort === 1) {
+                if (response.data.installStatus === 1) {
+
+                    $scope.wordpresshomeloading = true;
+                    $scope.stagingDetailsForm = true;
+                    $scope.installationProgress = false;
+                    $scope.errorMessageBox = true;
+                    $scope.success = false;
+                    $scope.couldNotConnect = true;
+                    $scope.goBackDisable = false;
+
+
+                    $("#installProgress").css("width", "100%");
+                    $("#installProgressbackup").css("width", "100%");
+                    $scope.installPercentage = "100";
+                    $scope.currentStatus = response.data.currentStatus;
+                    $timeout.cancel();
+
+
+                } else {
+
+                    $scope.wordpresshomeloading = true;
+                    $scope.stagingDetailsForm = true;
+                    $scope.installationProgress = false;
+                    $scope.errorMessageBox = false;
+                    $scope.success = true;
+                    $scope.couldNotConnect = true;
+                    $scope.goBackDisable = false;
+
+                    $scope.errorMessage = response.data.error_message;
+
+                    $("#installProgress").css("width", "0%");
+                    $("#installProgressbackup").css("width", "0%");
+                    $scope.installPercentage = "0";
+                    $scope.goBackDisable = false;
+
+
+                }
+
+            } else {
+
+                $("#installProgress").css("width", response.data.installationProgress + "%");
+                $("#installProgressbackup").css("width", response.data.installationProgress + "%");
+                $scope.installPercentage = response.data.installationProgress;
+                $scope.currentStatus = response.data.currentStatus;
+                $timeout(getCreationStatus, 1000);
+
+            }
+
+        }
+
+        function cantLoadInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            $scope.wordpresshomeloading = true;
+            $scope.stagingDetailsForm = true;
+            $scope.installationProgress = false;
+            $scope.errorMessageBox = true;
+            $scope.success = true;
+            $scope.couldNotConnect = false;
+            $scope.goBackDisable = false;
+
+        }
+
+
+    }
+
+    $scope.goBack = function () {
+        $('#wordpresshomeloading').hide();
+        $scope.wordpresshomeloading = true;
+        $scope.stagingDetailsForm = false;
+        $scope.installationProgress = true;
+        $scope.errorMessageBox = true;
+        $scope.success = true;
+        $scope.couldNotConnect = true;
+        $scope.goBackDisable = true;
+        $("#installProgress").css("width", "0%");
+    };
+
+    $scope.fetchstaging = function () {
 
-    $scope.getFurtherWebsitesFromDB = function () {
+        $('#wordpresshomeloading').show();
+        $scope.wordpresshomeloading = false;
+
+        var url = "/websites/fetchstaging";
+
+        var data = {
+            WPid: $('#WPid').html(),
+        }
 
         var config = {
             headers: {
@@ -3375,94 +4210,171 @@ app.controller('listWebsites', function ($scope, $http) {
             }
         };
 
-        var data = {
-            page: $scope.currentPage,
-            recordsToShow: $scope.recordsToShow
-        };
 
+        $http.post(url, data, config).then(ListInitialDatas, cantLoadInitialDatas);
 
-        dataurl = "/websites/fetchWebsitesList";
 
-        $http.post(dataurl, data, config).then(ListInitialData, cantLoadInitialData);
+        function ListInitialDatas(response) {
+            wordpresshomeloading = true;
+            $('#wordpresshomeloading').hide();
 
+            if (response.data.status === 1) {
 
-        function ListInitialData(response) {
-            if (response.data.listWebSiteStatus === 1) {
+                //   $('#ThemeBody').html('');
+                // var themes = JSON.parse(response.data.themes);
+                // themes.forEach(AddThemes);
+
+                $('#StagingBody').html('');
+                var staging = JSON.parse(response.data.wpsites);
+                staging.forEach(AddStagings);
 
-                $scope.WebSitesList = JSON.parse(response.data.data);
-                $scope.pagination = response.data.pagination;
-                $scope.clients = JSON.parse(response.data.data);
-                $("#listFail").hide();
             } else {
-                $("#listFail").fadeIn();
-                $scope.errorMessage = response.data.error_message;
+                alert("Error data.error_message:" + response.data.error_message)
 
             }
-        }
 
-        function cantLoadInitialData(response) {
         }
 
+        function cantLoadInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            alert("Error" + response)
 
-    };
-    $scope.getFurtherWebsitesFromDB();
+        }
 
-    $scope.cyberPanelLoading = true;
+    };
 
-    $scope.issueSSL = function (virtualHost) {
-        $scope.cyberPanelLoading = false;
+    $scope.fetchDatabase = function () {
 
-        var url = "/manageSSL/issueSSL";
+        $('#wordpresshomeloading').show();
+        $scope.wordpresshomeloading = false;
 
+        var url = "/websites/fetchDatabase";
 
         var data = {
-            virtualHost: virtualHost
+            WPid: $('#WPid').html(),
+        }
+
+        var config = {
+            headers: {
+                'X-CSRFToken': getCookie('csrftoken')
+            }
         };
 
+
+        $http.post(url, data, config).then(ListInitialDatas, cantLoadInitialDatas);
+
+
+        function ListInitialDatas(response) {
+            wordpresshomeloading = true;
+            $('#wordpresshomeloading').hide();
+
+            if (response.data.status === 1) {
+                $('#DB_Name').html(response.data.DataBaseName);
+                $('#DB_User').html(response.data.DataBaseUser);
+                $('#tableprefix').html(response.data.tableprefix);
+            } else {
+                alert("Error data.error_message:" + response.data.error_message)
+
+            }
+        }
+
+        function cantLoadInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            alert("Error" + response)
+
+        }
+
+    };
+
+    $scope.SaveUpdateConfig = function () {
+        $('#wordpresshomeloading').show();
+        var data = {
+            AutomaticUpdates: $('#AutomaticUpdates').find(":selected").text(),
+            Plugins: $('#Plugins').find(":selected").text(),
+            Themes: $('#Themes').find(":selected").text(),
+            WPid: $('#WPid').html(),
+        }
+
+        $scope.wordpresshomeloading = false;
+
+        var url = "/websites/SaveUpdateConfig";
+
         var config = {
             headers: {
                 'X-CSRFToken': getCookie('csrftoken')
             }
         };
 
+
         $http.post(url, data, config).then(ListInitialDatas, cantLoadInitialDatas);
 
 
         function ListInitialDatas(response) {
-            $scope.cyberPanelLoading = true;
-            if (response.data.SSL === 1) {
+            $('#wordpresshomeloading').hide();
+            $scope.wordpresshomeloading = true;
+
+            if (response.data.status === 1) {
                 new PNotify({
                     title: 'Success!',
-                    text: 'SSL successfully issued.',
+                    text: 'Update Configurations Sucessfully!.',
                     type: 'success'
                 });
+                $("#autoUpdateConfig").modal('hide');
             } else {
                 new PNotify({
                     title: 'Operation Failed!',
                     text: response.data.error_message,
                     type: 'error'
                 });
+
             }
 
         }
 
         function cantLoadInitialDatas(response) {
-            $scope.cyberPanelLoading = true;
+            $('#wordpresshomeloading').hide();
             new PNotify({
                 title: 'Operation Failed!',
-                text: 'Could not connect to server, please refresh this page',
+                text: response,
                 type: 'error'
             });
+
         }
+    };
 
+    function AddStagings(value, index, array) {
+        var FinalMarkup = '<tr>'
+        for (let x in value) {
+            if (x === 'name') {
+                FinalMarkup = FinalMarkup + '<td><a href=/websites/WPHome?ID=' + value.id + '>' + value[x] + '</a></td>';
+            } else if (x !== 'url' && x !== 'deleteURL' && x !== 'id') {
+                FinalMarkup = FinalMarkup + '<td>' + value[x] + "</td>";
+            }
+        }
+        FinalMarkup = FinalMarkup + '<td><button onclick="DeployToProductionInitial(' + value.id + ')" data-toggle="modal" data-target="#DeployToProduction" style="margin-bottom: 2%; display: block" aria-label="" type="button" class="btn btn-outline-primary">Deploy to Production</button>' +
+            '<a href="' + value.deleteURL + '"> <button aria-label="" class="btn btn-danger btn-icon-left m-b-10" type="button">Delete</button></a></td>'
+        FinalMarkup = FinalMarkup + '</tr>'
+        AppendToTable('#StagingBody', FinalMarkup);
+    }
 
-    };
+    $scope.FinalDeployToProduction = function () {
 
-    $scope.cyberPanelLoading = true;
+        $('#wordpresshomeloading').show();
 
-    $scope.searchWebsites = function () {
+        $scope.wordpresshomeloading = false;
+        $scope.stagingDetailsForm = true;
+        $scope.installationProgress = false;
+        $scope.errorMessageBox = true;
+        $scope.success = true;
+        $scope.couldNotConnect = true;
+        $scope.goBackDisable = true;
 
-        $scope.cyberPanelLoading = false;
+        var data = {
+            WPid: $('#WPid').html(),
+            StagingID: DeploytoProductionID
+        }
+
+        var url = "/websites/DeploytoProduction";
 
         var config = {
             headers: {
@@ -3470,22 +4382,21 @@ app.controller('listWebsites', function ($scope, $http) {
             }
         };
 
-        var data = {
-            patternAdded: $scope.patternAdded
-        };
-
-        dataurl = "/websites/searchWebsites";
 
-        $http.post(dataurl, data, config).then(ListInitialData, cantLoadInitialData);
+        $http.post(url, data, config).then(ListInitialDatas, cantLoadInitialDatas);
 
+        function ListInitialDatas(response) {
 
-        function ListInitialData(response) {
-            $scope.cyberPanelLoading = true;
-            if (response.data.listWebSiteStatus === 1) {
+            $('#wordpresshomeloading').hide();
+            if (response.data.status === 1) {
+                new PNotify({
+                    title: 'Success!',
+                    text: 'Deploy To Production start!.',
+                    type: 'success'
+                });
+                statusFile = response.data.tempStatusPath;
+                getCreationStatus();
 
-                var finalData = JSON.parse(response.data.data);
-                $scope.WebSitesList = finalData;
-                $("#listFail").hide();
             } else {
                 new PNotify({
                     title: 'Operation Failed!',
@@ -3494,29 +4405,90 @@ app.controller('listWebsites', function ($scope, $http) {
                 });
 
             }
+
         }
 
-        function cantLoadInitialData(response) {
-            $scope.cyberPanelLoading = true;
+        function cantLoadInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
             new PNotify({
                 title: 'Operation Failed!',
-                text: 'Connect disrupted, refresh the page.',
+                text: response,
                 type: 'error'
             });
-        }
 
+        }
 
     };
 
-    $scope.ScanWordpressSite = function () {
 
-        $('#cyberPanelLoading').show();
+    $scope.CreateBackup = function () {
+        $('#wordpresshomeloading').show();
 
+        $scope.wordpresshomeloading = false;
+        $scope.stagingDetailsForm = true;
+        $scope.installationProgress = false;
+        $scope.errorMessageBox = true;
+        $scope.success = true;
+        $scope.couldNotConnect = true;
+        $scope.goBackDisable = true;
+        $scope.currentStatus = "Starting creation Backups..";
+        var data = {
+            WPid: $('#WPid').html(),
+            Backuptype: $('#backuptype').val()
+        }
+        var url = "/websites/WPCreateBackup";
 
-        var url = "/websites/ScanWordpressSite";
+        var config = {
+            headers: {
+                'X-CSRFToken': getCookie('csrftoken')
+            }
+        };
 
-        var data = {}
+        $http.post(url, data, config).then(ListInitialDatas, cantLoadInitialDatas);
+
+
+        function ListInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            $('createbackupbutton').hide();
+            if (response.data.status === 1) {
+                new PNotify({
+                    title: 'Success!',
+                    text: 'Creating Backups!.',
+                    type: 'success'
+                });
+                statusFile = response.data.tempStatusPath;
+                getCreationStatus();
+            } else {
+                new PNotify({
+                    title: 'Operation Failed!',
+                    text: response.data.error_message,
+                    type: 'error'
+                });
+
+            }
+
+        }
+
+        function cantLoadInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            alert(response)
+
+        }
+
+    };
+
+
+    $scope.installwpcore = function () {
+
+        $('#wordpresshomeloading').show();
+        $('#wordpresshomeloadingsec').show();
+        var data = {
+            WPid: $('#WPid').html(),
+        }
 
+        $scope.wordpresshomeloading = false;
+
+        var url = "/websites/installwpcore";
 
         var config = {
             headers: {
@@ -3529,17 +4501,17 @@ app.controller('listWebsites', function ($scope, $http) {
 
 
         function ListInitialDatas(response) {
-
-            $('#cyberPanelLoading').hide();
+            $('#wordpresshomeloading').hide();
+            $('#wordpresshomeloadingsec').hide();
+            $scope.wordpresshomeloading = true;
 
             if (response.data.status === 1) {
                 new PNotify({
                     title: 'Success!',
-                    text: 'Successfully Saved!.',
+                    text: 'Results fetched..',
                     type: 'success'
                 });
-                location.reload();
-
+                $('#SecurityResult').html(response.data.result);
             } else {
                 new PNotify({
                     title: 'Operation Failed!',
@@ -3552,19 +4524,68 @@ app.controller('listWebsites', function ($scope, $http) {
         }
 
         function cantLoadInitialDatas(response) {
-            $('#cyberPanelLoading').hide();
-            new PNotify({
-                title: 'Operation Failed!',
-                text: response.data.error_message,
-                type: 'error'
-            });
+            $('#wordpresshomeloading').hide();
+            $('#wordpresshomeloadingsec').hide();
+            $scope.wordpresshomeloading = true;
+            alert(response)
+
+        }
 
+    };
+
+    $scope.dataintegrity = function () {
 
+        $('#wordpresshomeloading').show();
+        $('#wordpresshomeloadingsec').show();
+        var data = {
+            WPid: $('#WPid').html(),
         }
 
+        $scope.wordpresshomeloading = false;
 
-    };
+        var url = "/websites/dataintegrity";
+
+        var config = {
+            headers: {
+                'X-CSRFToken': getCookie('csrftoken')
+            }
+        };
+
+
+        $http.post(url, data, config).then(ListInitialDatas, cantLoadInitialDatas);
+
+
+        function ListInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            $('#wordpresshomeloadingsec').hide();
+            $scope.wordpresshomeloading = true;
+
+            if (response.data.status === 1) {
+                new PNotify({
+                    title: 'Success!',
+                    text: 'Results fetched',
+                    type: 'success'
+                });
+                $('#SecurityResult').html(response.data.result);
+            } else {
+                new PNotify({
+                    title: 'Operation Failed!',
+                    text: response.data.error_message,
+                    type: 'error'
+                });
 
+            }
+
+        }
+
+        function cantLoadInitialDatas(response) {
+            $('#wordpresshomeloading').hide();
+            $('#wordpresshomeloadingsec').hide();
+            $scope.wordpresshomeloading = true;
+            alert(response)
+
+        }
+    };
 
 });
 
@@ -3603,7 +4624,7 @@ newapp.controller('WPAddNewPluginV2', function ($scope, $http, $timeout, $window
                     // console.log(res);
                     for (i = 0; i <= res.length; i++) {
                         //
-                        var tml = '<option onclick="selectpluginJs(\'' + res[i].slug + '\')" style="  border-bottom: 1px solid  rgba(90, 91, 92, 0.5); padding: 5px; " value="' + res[i].slug + '">' + res[i].name + '</option> <br>';
+                        var tml = '<option onclick="selectpluginJsV2(\'' + res[i].slug + '\')" style="  border-bottom: 1px solid  rgba(90, 91, 92, 0.5); padding: 5px; " value="' + res[i].slug + '">' + res[i].name + '</option> <br>';
                         $('#mysearch').append(tml);
                     }
                 } else if (SPVal == 'eidt') {
@@ -3660,19 +4681,19 @@ newapp.controller('WPAddNewPluginV2', function ($scope, $http, $timeout, $window
         function ListInitialDatas(response) {
 
             if (response.data.status === 1) {
-                new PNotify({
-                    title: 'Success!',
-                    text: 'Bucket created.',
-                    type: 'success'
-                });
+                // new PNotify({
+                //     title: 'Success!',
+                //     text: 'Bucket created.',
+                //     type: 'success'
+                // });
                 location.reload();
             } else {
 
-                new PNotify({
-                    title: 'Error!',
-                    text: response.data.error_message,
-                    type: 'error'
-                });
+                // new PNotify({
+                //     title: 'Error!',
+                //     text: response.data.error_message,
+                //     type: 'error'
+                // });
             }
 
 
@@ -3771,26 +4792,73 @@ newapp.controller('WPAddNewPluginV2', function ($scope, $http, $timeout, $window
 
 });
 
-function DeleteWPNowV2(url) {
-    const modal = document.getElementById("deleteWpModel");
-    $('#deleteWpModel').modal('show');
-    // modal.classList.remove("hidden");
-}
+var arry = []
+
+function selectpluginJsV2(val) {
+    $('#mysearch').hide()
+    arry.push(val)
+
+    // console.log(arry)
+    document.getElementById('selJS').innerHTML = "";
+
+    for (var i = 0; i < arry.length; i++) {
+        $('#selJS').show()
+        var mlm = '<span style="background-color: #12207a; color: #FFFFFF; padding: 5px;  border-radius: 30px"> ' + arry[i] + ' </span>&nbsp &nbsp'
+        $('#selJS').append(mlm)
+    }
+
 
-function closeModal() {
-    const modal = document.getElementById("myModal");
-    $('#myModal').modal('hide');
-    // modal.classList.add("hidden");
 }
 
-document.addEventListener("DOMContentLoaded", function () {
-    const openModalButton = document.getElementById("openModalButton");
-    const closeModalButton = document.getElementById("closeModalButton");
+var domain_check = 0;
 
-    openModalButton.addEventListener("click", openModal);
-    closeModalButton.addEventListener("click", closeModal);
-});
+// function checkbox_function() {
+//
+//     var checkBox = document.getElementById("myCheck");
+//     // Get the output text
+//
+//
+//     // If the checkbox is checked, display the output text
+//     if (checkBox.checked == true) {
+//         domain_check = 0;
+//         document.getElementById('Test_Domain').style.display = "block";
+//         document.getElementById('Own_Domain').style.display = "none";
+//
+//     } else {
+//         document.getElementById('Test_Domain').style.display = "none";
+//         document.getElementById('Own_Domain').style.display = "block";
+//         domain_check = 1;
+//     }
+//
+//     // alert(domain_check);
+// }
+
+
+// function DeleteWPNow(url) {
+//     FurlDeleteWP = url;
+// }
+
+// function FinalDeleteWPNow() {
+//     window.location.href = FurlDeleteWP;
+// }
 
+// function openModal() {
+//     const modal = document.getElementById("myModal");
+//     modal.classList.remove("hidden");
+// }
+//
+// function closeModal() {
+//     const modal = document.getElementById("myModal");
+//     modal.classList.add("hidden");
+// }
+//
+// document.addEventListener("DOMContentLoaded", function () {
+//     const openModalButton = document.getElementById("openModalButton");
+//     const closeModalButton = document.getElementById("closeModalButton");
+//
+//     openModalButton.addEventListener("click", openModal);
+//     closeModalButton.addEventListener("click", closeModal);
+// });
 
 // function openModalDelete() {
 //         var modal = document.getElementById('popup-modal');
@@ -3832,3 +4900,18 @@ document.addEventListener("DOMContentLoaded", function () {
 //         closeModal();
 //     }
 
+
+function showTab(tabId) {
+    // Hide all tabs
+    var tabs = document.getElementsByClassName('tab-content');
+    for (var i = 0; i < tabs.length; i++) {
+        tabs[i].style.display = 'none';
+    }
+
+    // Show the selected tab
+    var selectedTab = document.getElementById(tabId);
+    if (selectedTab) {
+        selectedTab.style.display = 'block';
+    }
+}
+
diff --git a/websiteFunctions/templates/websiteFunctions/WPAddNewPluginV2.html b/websiteFunctions/templates/websiteFunctions/WPAddNewPluginV2.html
index d138b6b57..824cc9ed9 100644
--- a/websiteFunctions/templates/websiteFunctions/WPAddNewPluginV2.html
+++ b/websiteFunctions/templates/websiteFunctions/WPAddNewPluginV2.html
@@ -35,11 +35,19 @@
                 </div>
             </div>
         </div>
+        <div id="mysearch" class="col-lg-12" style="display: none; border-top: none!important;
+                                                            border: 1px solid  rgba(90, 91, 92, 0.7);
+                                                            position: absolute; z-index: 1;
+                                                            background-color: #FFFFFF">
+                        </div>
         <div class="py-4 px-6 mt-3">
             <p class="text-gray-500 font-bold">Selected Plugin</p>
         </div>
+        <div id="selJS" style="display: none; display: flex; flex-direction: row; margin-top: 10px;">
+
+                        </div>
         <hr>
-        <div class="flex justify-center mt-3">
+        <div ng-hide="installationDetailsForm" class="flex justify-center mt-3">
             <button ng-disabled="websiteCreationForm.dom.$error.required || websiteCreationForm.email.$invalid"
                     ng-click="AddNewplugin()"
                     class="bg-orange-500 px-3 py-4 rounded-lg text-xl font-semibold text-white">
diff --git a/websiteFunctions/templates/websiteFunctions/WPConfigurePluginsV2.html b/websiteFunctions/templates/websiteFunctions/WPConfigurePluginsV2.html
index e1183054b..249e21263 100644
--- a/websiteFunctions/templates/websiteFunctions/WPConfigurePluginsV2.html
+++ b/websiteFunctions/templates/websiteFunctions/WPConfigurePluginsV2.html
@@ -5,7 +5,7 @@
 
     {% load static %}
 
-    <div ng-controller="listTableUsersV2" class="p-8">
+    <div class="p-8">
         <div class="flex lg:flex-row justify-between items-center sm:flex-col">
             <div>
                 <p class="text-4xl font-bold">Configure Plugin</p>
diff --git a/websiteFunctions/templates/websiteFunctions/WPCreate.html b/websiteFunctions/templates/websiteFunctions/WPCreate.html
index 8e3fc9298..05a5e88cc 100644
--- a/websiteFunctions/templates/websiteFunctions/WPCreate.html
+++ b/websiteFunctions/templates/websiteFunctions/WPCreate.html
@@ -146,7 +146,7 @@ <h3 class="content-box-header">
                                  class="current-pack">{% trans "Invalid Domain (Note: You don't need to add 'http' or 'https')" %}</div>
                         </div>
 
-                    <div ng-hide="installationDetailsForm" class="form-group">
+                        <div ng-hide="installationDetailsForm" class="form-group">
                             <label class="col-sm-3 control-label">{% trans "Additional Features" %}</label>
                             <label class="col-sm-3 control-label"></label>
                             <div class="col-sm-9">
@@ -158,7 +158,9 @@ <h3 class="content-box-header">
                                         {% else %}
 
                                             <input ng-model="apacheBackend" type="checkbox" value="" disabled>
-                                            OpenLiteSpeed + Apache (Backend) (For Ubuntu 22 and AlmaLinux 8) - <strong><a href="https://go.cyberpanel.net/ApacheRev">Premium Feature</a> <i class="p fa fa-external-link btn-icon"> </i></strong>
+                                            OpenLiteSpeed + Apache (Backend) (For Ubuntu 22 and AlmaLinux 8) -
+                                            <strong><a href="https://go.cyberpanel.net/ApacheRev">Premium Feature</a> <i
+                                                    class="p fa fa-external-link btn-icon"> </i></strong>
                                         {% endif %}
                                     </label>
                                 </div>
@@ -167,101 +169,101 @@ <h3 class="content-box-header">
 
 
                         {#                     My Work #}
-{#                        <div ng-hide="installationDetailsForm" class="form-group">#}
-{#                            <label class="col-sm-3 control-label"#}
-{#                                   style="margin-bottom: 15px">{% trans "Test Domain" %}</label>#}
-{#                            <label class="switch">#}
-{#                                <input type="checkbox" checked id="myCheck" onclick="checkbox_function()"#}
-{#                                       style="margin-top: 10px">#}
-{#                                <span class="slider"></span>#}
-{#                            </label>#}
-{#                            <label id="help">#}
-{#                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" style="padding-top: 10px"#}
-{#                                     preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">#}
-{#                                    <path fill="currentColor"#}
-{#                                          d="M12 6a3.939 3.939 0 0 0-3.934 3.934h2C10.066 8.867 10.934 8 12 8s1.934.867 1.934 1.934c0 .598-.481 1.032-1.216 1.626a9.208 9.208 0 0 0-.691.599c-.998.997-1.027 2.056-1.027 2.174V15h2l-.001-.633c.001-.016.033-.386.441-.793c.15-.15.339-.3.535-.458c.779-.631 1.958-1.584 1.958-3.182A3.937 3.937 0 0 0 12 6zm-1 10h2v2h-2z"/>#}
-{#                                    <path fill="currentColor"#}
-{#                                          d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10s10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8s8 3.589 8 8s-3.589 8-8 8z"/>#}
-{#                                </svg>#}
-{##}
-{#                            </label>#}
-{#                            <label class="help_test_domain">#}
-{#                                The test domain allows you to deploy websites without the need to add DNS records, it#}
-{#                                allows you to create staging environments, deploy test websites, and much more...#}
-{##}
-{#                            </label>#}
-{##}
-{##}
-{#                            <br><br>#}
-{##}
-{##}
-{#                            <div id="Test_Domain" class="tabcontent" style="border: none;margin-left: 10px; position: relative">#}
-{#                                <div ng-hide="installationDetailsForm" class="form-group"#}
-{#                                     ng-if="{{ test_domain_data }} == 1 ">#}
-{#                                    <label class="col-sm-3 control-label">{% trans "Domain Name" %}</label>#}
-{#                                    <div class="col-sm-6">#}
-{#                                        <div class="input-group bootstrap-touchspin">#}
-{#                                    <span#}
-{#                                            class="input-group-addon bootstrap-touchspin-prefix"#}
-{#                                            style="display: none;"></span>#}
-{#                                            <input id="TestDomainNameCreate"#}
-{#                                                   class="form-control"#}
-{#                                                   type="text" value=""#}
-{#                                                   name="touchspin-demo-1"#}
-{#                                                   style="display: block;"#}
-{#                                                   placeholder="{% trans "Enter Subdomain Here" %}">#}
-{##}
-{#                                            <span style="width: 48%" class="input-group-btn">#}
-{#                                        <input id="Part2_domainNameCreate" class="form-control"#}
-{#                                               type="text" name="Part2_domainNameCreate"#}
-{#                                               style="display: block;color: black;font-weight: bold;color: black;opacity: 1"#}
-{#                                               placeholder=".{{ Randam_String }}.cyberpanel.website"#}
-{#                                               value=".{{ Randam_String }}.cyberpanel.website" readonly></span>#}
-{#                                        </div>#}
-{#                                    </div>#}
-{#                                    <div ng-show="websiteCreationForm.dom.$error.pattern"#}
-{#                                         class="current-pack">{% trans "Invalid Domain (Note: You don't need to add 'http' or 'https')" %}</div>#}
-{#                                </div>#}
-{#                                <div ng-if="{{ test_domain_data }} == 0 ">#}
-{#                                    <center>Looks like you have not subscribed to temporary domain feature,<a#}
-{#                                            href="https://go.cyberpanel.net/TempDomain">click here</a>#}
-{#                                        for more details.#}
-{#                                    </center>#}
-{#                                </div>#}
-{#                            </div>#}
-{##}
-{#                            <div id="Own_Domain" class="tabcontent"#}
-{#                                 style="border: none;display: none;margin-left: 10px;position: relative">#}
-{##}
-{#                                <div ng-hide="installationDetailsForm" class="form-group">#}
-{#                                    <label class="col-sm-3 control-label">{% trans "Domain Name" %}</label>#}
-{#                                    <div class="col-sm-6">#}
-{#                                        <div class="input-group bootstrap-touchspin">#}
-{#                                    <span#}
-{#                                            class="input-group-addon bootstrap-touchspin-prefix"#}
-{#                                            style="display: none;"></span>#}
-{#                                            <input ng-model="own_domainNameCreate" id="touchspin-demo-1"#}
-{#                                                   class="form-control"#}
-{#                                                   type="text" value=""#}
-{#                                                   name="touchspin-demo-1"#}
-{#                                                   style="display: block;"#}
-{#                                                   placeholder="{% trans "Do not enter WWW, it will be auto created!" %}">#}
-{#                                            <span class="input-group-addon bootstrap-touchspin-postfix">/</span>#}
-{#                                            <span style="width: 25%" class="input-group-btn">#}
-{#                                        <input id="touchspin-demo-1" class="form-control"#}
-{#                                               placeholder="{% trans "Leave empty for default" %}"#}
-{#                                               type="text" value="Leave empty for default"#}
-{#                                               name="touchspin-demo-1" ng-model="installPath"#}
-{#                                               style="display: block;"></span>#}
-{##}
-{#                                        </div>#}
-{#                                    </div>#}
-{#                                    <div ng-show="websiteCreationForm.dom.$error.pattern"#}
-{#                                         class="current-pack">{% trans "Invalid Domain (Note: You don't need to add 'http' or 'https')" %}</div>#}
-{#                                </div>#}
-{#                            </div>#}
-{##}
-{#                        </div>#}
+                        {#                        <div ng-hide="installationDetailsForm" class="form-group">#}
+                        {#                            <label class="col-sm-3 control-label"#}
+                        {#                                   style="margin-bottom: 15px">{% trans "Test Domain" %}</label>#}
+                        {#                            <label class="switch">#}
+                        {#                                <input type="checkbox" checked id="myCheck" onclick="checkbox_function()"#}
+                        {#                                       style="margin-top: 10px">#}
+                        {#                                <span class="slider"></span>#}
+                        {#                            </label>#}
+                        {#                            <label id="help">#}
+                        {#                                <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" style="padding-top: 10px"#}
+                        {#                                     preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24">#}
+                        {#                                    <path fill="currentColor"#}
+                        {#                                          d="M12 6a3.939 3.939 0 0 0-3.934 3.934h2C10.066 8.867 10.934 8 12 8s1.934.867 1.934 1.934c0 .598-.481 1.032-1.216 1.626a9.208 9.208 0 0 0-.691.599c-.998.997-1.027 2.056-1.027 2.174V15h2l-.001-.633c.001-.016.033-.386.441-.793c.15-.15.339-.3.535-.458c.779-.631 1.958-1.584 1.958-3.182A3.937 3.937 0 0 0 12 6zm-1 10h2v2h-2z"/>#}
+                        {#                                    <path fill="currentColor"#}
+                        {#                                          d="M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10s10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8s8 3.589 8 8s-3.589 8-8 8z"/>#}
+                        {#                                </svg>#}
+                        {##}
+                        {#                            </label>#}
+                        {#                            <label class="help_test_domain">#}
+                        {#                                The test domain allows you to deploy websites without the need to add DNS records, it#}
+                        {#                                allows you to create staging environments, deploy test websites, and much more...#}
+                        {##}
+                        {#                            </label>#}
+                        {##}
+                        {##}
+                        {#                            <br><br>#}
+                        {##}
+                        {##}
+                        {#                            <div id="Test_Domain" class="tabcontent" style="border: none;margin-left: 10px; position: relative">#}
+                        {#                                <div ng-hide="installationDetailsForm" class="form-group"#}
+                        {#                                     ng-if="{{ test_domain_data }} == 1 ">#}
+                        {#                                    <label class="col-sm-3 control-label">{% trans "Domain Name" %}</label>#}
+                        {#                                    <div class="col-sm-6">#}
+                        {#                                        <div class="input-group bootstrap-touchspin">#}
+                        {#                                    <span#}
+                        {#                                            class="input-group-addon bootstrap-touchspin-prefix"#}
+                        {#                                            style="display: none;"></span>#}
+                        {#                                            <input id="TestDomainNameCreate"#}
+                        {#                                                   class="form-control"#}
+                        {#                                                   type="text" value=""#}
+                        {#                                                   name="touchspin-demo-1"#}
+                        {#                                                   style="display: block;"#}
+                        {#                                                   placeholder="{% trans "Enter Subdomain Here" %}">#}
+                        {##}
+                        {#                                            <span style="width: 48%" class="input-group-btn">#}
+                        {#                                        <input id="Part2_domainNameCreate" class="form-control"#}
+                        {#                                               type="text" name="Part2_domainNameCreate"#}
+                        {#                                               style="display: block;color: black;font-weight: bold;color: black;opacity: 1"#}
+                        {#                                               placeholder=".{{ Randam_String }}.cyberpanel.website"#}
+                        {#                                               value=".{{ Randam_String }}.cyberpanel.website" readonly></span>#}
+                        {#                                        </div>#}
+                        {#                                    </div>#}
+                        {#                                    <div ng-show="websiteCreationForm.dom.$error.pattern"#}
+                        {#                                         class="current-pack">{% trans "Invalid Domain (Note: You don't need to add 'http' or 'https')" %}</div>#}
+                        {#                                </div>#}
+                        {#                                <div ng-if="{{ test_domain_data }} == 0 ">#}
+                        {#                                    <center>Looks like you have not subscribed to temporary domain feature,<a#}
+                        {#                                            href="https://go.cyberpanel.net/TempDomain">click here</a>#}
+                        {#                                        for more details.#}
+                        {#                                    </center>#}
+                        {#                                </div>#}
+                        {#                            </div>#}
+                        {##}
+                        {#                            <div id="Own_Domain" class="tabcontent"#}
+                        {#                                 style="border: none;display: none;margin-left: 10px;position: relative">#}
+                        {##}
+                        {#                                <div ng-hide="installationDetailsForm" class="form-group">#}
+                        {#                                    <label class="col-sm-3 control-label">{% trans "Domain Name" %}</label>#}
+                        {#                                    <div class="col-sm-6">#}
+                        {#                                        <div class="input-group bootstrap-touchspin">#}
+                        {#                                    <span#}
+                        {#                                            class="input-group-addon bootstrap-touchspin-prefix"#}
+                        {#                                            style="display: none;"></span>#}
+                        {#                                            <input ng-model="own_domainNameCreate" id="touchspin-demo-1"#}
+                        {#                                                   class="form-control"#}
+                        {#                                                   type="text" value=""#}
+                        {#                                                   name="touchspin-demo-1"#}
+                        {#                                                   style="display: block;"#}
+                        {#                                                   placeholder="{% trans "Do not enter WWW, it will be auto created!" %}">#}
+                        {#                                            <span class="input-group-addon bootstrap-touchspin-postfix">/</span>#}
+                        {#                                            <span style="width: 25%" class="input-group-btn">#}
+                        {#                                        <input id="touchspin-demo-1" class="form-control"#}
+                        {#                                               placeholder="{% trans "Leave empty for default" %}"#}
+                        {#                                               type="text" value="Leave empty for default"#}
+                        {#                                               name="touchspin-demo-1" ng-model="installPath"#}
+                        {#                                               style="display: block;"></span>#}
+                        {##}
+                        {#                                        </div>#}
+                        {#                                    </div>#}
+                        {#                                    <div ng-show="websiteCreationForm.dom.$error.pattern"#}
+                        {#                                         class="current-pack">{% trans "Invalid Domain (Note: You don't need to add 'http' or 'https')" %}</div>#}
+                        {#                                </div>#}
+                        {#                            </div>#}
+                        {##}
+                        {#                        </div>#}
                         {#                          My Work End#}
                         {#                    #}
                         <div ng-hide="installationDetailsForm" class="form-group">
diff --git a/websiteFunctions/templates/websiteFunctions/WPCreateV2.html b/websiteFunctions/templates/websiteFunctions/WPCreateV2.html
index 38397d2d0..99ac94da3 100644
--- a/websiteFunctions/templates/websiteFunctions/WPCreateV2.html
+++ b/websiteFunctions/templates/websiteFunctions/WPCreateV2.html
@@ -104,6 +104,15 @@
                                ng-model="adminEmail" required>
                     </div>
                 </div>
+                <div ng-hide="installationDetailsForm" class="flex py-2 px-6">
+                    <div>
+                        <p class="font-semibold w-48">Password</p>
+                    </div>
+                    <div>
+                        <input name="password" type="password" class="form-control w-80 bg-gray-100 rounded px-2 py-1"
+                               ng-model="WPPassword" required>
+                    </div>
+                </div>
                 <div ng-hide="installationDetailsForm" class="flex py-2 px-6">
                     <div>
                         <p class="font-semibold w-48">Select WP Version</p>
@@ -173,5 +182,36 @@
                 Create Website
             </button>
         </div>
+        <div ng-hide="installationProgress" class="form-group">
+
+            <div class="flex justify-center font-bold text-xl">
+                <h2>{$ currentStatus $}</h2>
+            </div>
+            <div class="w-full bg-gray-100 rounded-full mt-3">
+                <div id="installProgress"
+                     class="bg-green-600 text-xs font-medium text-white text-center p-2 leading-none rounded-full"
+                     style="width:0%">
+                </div>
+            </div>
+            <div ng-hide="errorMessageBox" class="flex justify-center font-bold text-xl mt-3">
+                <h2>{$ errorMessage $}</h2>
+            </div>
+            <div ng-hide="success" class="flex justify-center font-bold text-xl mt-3">
+                <h2>Website succesfully created.</h2>
+            </div>
+            <div ng-hide="couldNotConnect" class="flex justify-center font-bold text-xl mt-3">
+                <h2>Could not connect to server. Please refresh this page.</h2>
+            </div>
+
+
+        </div>
+
+        <div ng-hide="installationProgress" class="flex justify-center mt-3">
+            <button ng-disabled="goBackDisable"
+                    ng-click="goBack()"
+                    class="bg-blue-500 px-3 py-2 rounded-lg text-xl font-semibold text-white">
+                Go Back
+            </button>
+        </div>
     </div>
 {% endblock %}
diff --git a/websiteFunctions/templates/websiteFunctions/WPEditPluginV2.html b/websiteFunctions/templates/websiteFunctions/WPEditPluginV2.html
index 566549bdf..e41dc1eeb 100644
--- a/websiteFunctions/templates/websiteFunctions/WPEditPluginV2.html
+++ b/websiteFunctions/templates/websiteFunctions/WPEditPluginV2.html
@@ -1,10 +1,51 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-
-</body>
-</html>
\ No newline at end of file
+{% extends "baseTemplate/newBase.html" %}
+{% load i18n %}
+{% block titleNew %}{% trans "Home - CyberPanel" %}{% endblock %}
+{% block newContent %}
+
+    {% load static %}
+
+    <div class="p-4">
+        <span id="pluginbID" style="display: none">{{ pluginbID }}</span>
+        <div ng-controller="WPAddNewPlugin" class="panel">
+            <div>
+                <div>
+                    <h2 class="font-bold text-xl">{{ BucketName }}</h2>
+
+                    <form name="websiteCreationForm" action="/" id="createPackages">
+                        <p class="mt-6">Search Plugin Name</p>
+                        <input name="searchcontent" type="text" class="form-control w-80 bg-gray-100 rounded px-2 py-1"
+                               ng-model="searchcontent"
+                               ng-keyup="SearchPluginName('eidt')"
+                               placeholder="Search Plugin...." required>
+
+
+                        <div id="mysearch" class="col-lg-12" style="display: none; border-top: none!important;
+                                                            border: 1px solid  rgba(90, 91, 92, 0.7);
+                                                            position: absolute; z-index: 1;
+                                                            background-color: #FFFFFF">
+                        </div>
+                        <h3 class="font-bold mt-5">Selected Plugin</h3>
+                        <div id="sedplugn">
+                            {% for plugin in Selectedplugins %}
+                                <div id="selplug"
+                                     class="bg-blue-200 px-2 py-1 mb-1">
+                                    {{ plugin }}
+                                    <svg ng-click="deletesPlgin('{{ plugin }}')" xmlns="http://www.w3.org/2000/svg"
+                                         aria-hidden="true"
+                                         role="img" width="1em" height="1em"
+                                         preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16">
+                                        <path fill="none" stroke="currentColor" stroke-linecap="round"
+                                              stroke-linejoin="round"
+                                              stroke-width="1.5" d="m11.25 4.75l-6.5 6.5m0-6.5l6.5 6.5"/>
+                                    </svg>
+                                </div>
+                            {% endfor %}
+                        </div>
+
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+{% endblock %}
diff --git a/websiteFunctions/templates/websiteFunctions/WPsiteHomeV2.html b/websiteFunctions/templates/websiteFunctions/WPsiteHomeV2.html
new file mode 100644
index 000000000..30e1a02bb
--- /dev/null
+++ b/websiteFunctions/templates/websiteFunctions/WPsiteHomeV2.html
@@ -0,0 +1,445 @@
+{% extends "baseTemplate/newBase.html" %}
+{% load i18n %}
+{% block titleNew %}{% trans "Home - CyberPanel" %}{% endblock %}
+{% block newContent %}
+
+    {% load static %}
+
+    <div style="display: none" id="wordpresshome"></div>
+    <div style="display: none" id="WPid">{{ wpsite.id }}</div>
+
+    <div ng-controller="WPsiteHomeV2" class="p-8">
+        <div class="flex lg:flex-row justify-between items-center sm:flex-col">
+            <div>
+                <p class="text-4xl font-bold">{{ wpsite.title }}</p>
+                <p class="text-xs text-gray-600 py-2 font-semibold">({{ wpsite.path }})<img style="display: none"
+                                                                                            id="wordpresshomeloading"
+                                                                                            ng-hide="wordpresshomeloading"
+                                                                                            src="{% static 'images/loading.gif' %}">
+                </p>
+            </div>
+        </div>
+        <div class="p-8 border shadow-lg mt-6">
+            <p class="text-2xl font-bold">WORDPRESS MANAGER</p>
+            <div>
+                <ul class="flex mt-4 text-xl font-semibold text-gray-600 px-2 justify-between">
+                    <li class="hover:text-orange-600 active"><a href="#" onclick="showTab('tab1')" aria-selected="true">General</a>
+                    </li>
+                    <li class="hover:text-orange-600"><a href="#" ng-click="GetCurrentPlugins()"
+                                                         onclick="showTab('tab2')">Plugins</a></li>
+                    <li class="hover:text-orange-600"><a href="#" ng-click="GetCurrentThemes()"
+                                                         onclick="showTab('tab3')">Themes</a></li>
+                    <li class="hover:text-orange-600"><a href="#" ng-click="fetchstaging()" onclick="showTab('tab4')">Staging</a>
+                    </li>
+                    <li class="hover:text-orange-600"><a href="#" onclick="showTab('tab5')">Backups</a></li>
+                    <li class="hover:text-orange-600"><a href="#" ng-click="fetchDatabase()" onclick="showTab('tab6')">Database</a>
+                    </li>
+                </ul>
+            </div>
+            <div id="tab1" class="tab-content">
+                <ul class="flex mt-8 text-xl font-semibold text-gray-600 px-2 items-center">
+                    <div>
+                        <li class="text-xl font-bold text-black w-48">Overview</li>
+                    </div>
+                    <div class="flex justify-end w-full gap-10">
+                        <li class="flex items-center hover:text-orange-600 text-sm">
+                            <div>
+                                <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                     xmlns="http://www.w3.org/2000/svg">
+                                    <path
+                                            d="M24.9999 20.0001C28.6818 20.0001 31.6666 17.0153 31.6666 13.3334C31.6666 9.65152 28.6818 6.66675 24.9999 6.66675C21.318 6.66675 18.3333 9.65152 18.3333 13.3334C18.3333 17.0153 21.318 20.0001 24.9999 20.0001Z"
+                                            fill="#FF9A00"/>
+                                    <path
+                                            d="M25.0001 23.3333C14.8334 23.3333 11.6667 29.9999 11.6667 29.9999V33.3333H38.3334V29.9999C38.3334 29.9999 35.1667 23.3333 25.0001 23.3333Z"
+                                            fill="#FF9A00"/>
+                                    <path d="M8.33325 11.6667V25.0001" stroke="#FF9A00" stroke-width="2"
+                                          stroke-miterlimit="10"/>
+                                    <path d="M15.0001 18.3333H1.66675" stroke="#FF9A00" stroke-width="2"
+                                          stroke-miterlimit="10"/>
+                                </svg>
+                            </div>
+                            <div class="ml-2">Open</div>
+                        </li>
+                        <li class="flex items-center hover:text-orange-600 text-sm">
+                            <div>
+                                <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                     xmlns="http://www.w3.org/2000/svg">
+                                    <path
+                                            d="M24.9999 20.0001C28.6818 20.0001 31.6666 17.0153 31.6666 13.3334C31.6666 9.65152 28.6818 6.66675 24.9999 6.66675C21.318 6.66675 18.3333 9.65152 18.3333 13.3334C18.3333 17.0153 21.318 20.0001 24.9999 20.0001Z"
+                                            fill="#FF9A00"/>
+                                    <path
+                                            d="M25.0001 23.3333C14.8334 23.3333 11.6667 29.9999 11.6667 29.9999V33.3333H38.3334V29.9999C38.3334 29.9999 35.1667 23.3333 25.0001 23.3333Z"
+                                            fill="#FF9A00"/>
+                                    <path d="M8.33325 11.6667V25.0001" stroke="#FF9A00" stroke-width="2"
+                                          stroke-miterlimit="10"/>
+                                    <path d="M15.0001 18.3333H1.66675" stroke="#FF9A00" stroke-width="2"
+                                          stroke-miterlimit="10"/>
+                                </svg>
+                            </div>
+                            <div class="ml-2">File Manager</div>
+                        </li>
+                        <li class="flex items-center hover:text-orange-600 text-sm">
+                            <div>
+                                <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                     xmlns="http://www.w3.org/2000/svg">
+                                    <path
+                                            d="M24.9999 20.0001C28.6818 20.0001 31.6666 17.0153 31.6666 13.3334C31.6666 9.65152 28.6818 6.66675 24.9999 6.66675C21.318 6.66675 18.3333 9.65152 18.3333 13.3334C18.3333 17.0153 21.318 20.0001 24.9999 20.0001Z"
+                                            fill="#FF9A00"/>
+                                    <path
+                                            d="M25.0001 23.3333C14.8334 23.3333 11.6667 29.9999 11.6667 29.9999V33.3333H38.3334V29.9999C38.3334 29.9999 35.1667 23.3333 25.0001 23.3333Z"
+                                            fill="#FF9A00"/>
+                                    <path d="M8.33325 11.6667V25.0001" stroke="#FF9A00" stroke-width="2"
+                                          stroke-miterlimit="10"/>
+                                    <path d="M15.0001 18.3333H1.66675" stroke="#FF9A00" stroke-width="2"
+                                          stroke-miterlimit="10"/>
+                                </svg>
+                            </div>
+                            <div class="ml-2">Login</div>
+                        </li>
+                        <li class="flex items-center hover:text-orange-600 text-sm">
+                            <div>
+                                <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                     xmlns="http://www.w3.org/2000/svg">
+                                    <path
+                                            d="M24.9999 20.0001C28.6818 20.0001 31.6666 17.0153 31.6666 13.3334C31.6666 9.65152 28.6818 6.66675 24.9999 6.66675C21.318 6.66675 18.3333 9.65152 18.3333 13.3334C18.3333 17.0153 21.318 20.0001 24.9999 20.0001Z"
+                                            fill="#FF9A00"/>
+                                    <path
+                                            d="M25.0001 23.3333C14.8334 23.3333 11.6667 29.9999 11.6667 29.9999V33.3333H38.3334V29.9999C38.3334 29.9999 35.1667 23.3333 25.0001 23.3333Z"
+                                            fill="#FF9A00"/>
+                                    <path d="M8.33325 11.6667V25.0001" stroke="#FF9A00" stroke-width="2"
+                                          stroke-miterlimit="10"/>
+                                    <path d="M15.0001 18.3333H1.66675" stroke="#FF9A00" stroke-width="2"
+                                          stroke-miterlimit="10"/>
+                                </svg>
+                            </div>
+                            <div class="ml-2">Git Manager</div>
+                        </li>
+                    </div>
+                </ul>
+                <div class="mt-3 px-3">
+                    <hr>
+                </div>
+                <div class="mt-2">
+                    <p class="font-semibold">WordPress Version</p>
+                    <p id="WPVersion" class="text-sm lh-150"></p>
+                    <p id="WPVersion" class="font-bold text-orange-600"></p>
+                </div>
+                <div class="mt-2">
+                    <p class="font-semibold">PHP</p>
+                    <p class="font-bold text-orange-600">{{ wpsite.owner.phpSelection }}</p>
+                </div>
+                <div class="mt-2">
+                    <p class="font-semibold">LSCache</p>
+
+                    <label class="relative inline-flex items-center cursor-pointer mt-1">
+                        <input ng-click="UpdateWPSettings('lscache')" id="lscache" type="checkbox" value=""
+                               class="sr-only peer">
+                        <div
+                                class="w-11 h-6 bg-gray-200 rounded-full peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-orange-600">
+                        </div>
+                    </label>
+
+                </div>
+                <span style="display: none" id="#checkjq"></span>
+                <div class="mt-2">
+                    <p class="font-semibold">Password Protection</p>
+                    <label class="relative inline-flex items-center cursor-pointer mt-1">
+                        <input id="prsswdprodata" type="checkbox" value="" class="sr-only peer">
+                        <div
+                                class="w-11 h-6 bg-gray-200 rounded-full peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-orange-600">
+                        </div>
+                    </label>
+                </div>
+                <div class="mt-2">
+                    <p class="font-semibold">Debugging</p>
+                    <label class="relative inline-flex items-center cursor-pointer mt-1">
+                        <input ng-click="UpdateWPSettings('debugging')" id="debugging" type="checkbox" value=""
+                               class="sr-only peer">
+                        <div
+                                class="w-11 h-6 bg-gray-200 rounded-full peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-orange-600">
+                        </div>
+                    </label>
+                </div>
+                <div class="mt-2">
+                    <p class="font-semibold">Search Engine Indexing</p>
+                    <label class="relative inline-flex items-center cursor-pointer mt-1">
+                        <input ng-click="UpdateWPSettings('searchIndex')" id="searchIndex" type="checkbox" value=""
+                               class="sr-only peer">
+                        <div
+                                class="w-11 h-6 bg-gray-200 rounded-full peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-orange-600">
+                        </div>
+                    </label>
+                </div>
+                <div class="mt-2">
+                    <p class="font-semibold">WordPress Version</p>
+                    <label class="relative inline-flex items-center cursor-pointer mt-1">
+                        <input type="checkbox" value="" class="sr-only peer">
+                        <div
+                                class="w-11 h-6 bg-gray-200 rounded-full peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-0.5 after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-orange-600">
+                        </div>
+                    </label>
+                </div>
+                <div class="mt-3 px-3">
+                    <hr>
+                </div>
+            </div>
+            <div id="tab2" class="tab-content" style="display: none;">
+                <div class="relative overflow-x-auto mt-8">
+                    <div class="flex">
+                        <div class="flex px-4">
+                            <a ng-click="UpdatePlugins('all')"
+                               href="javascript:void(0);" class="bg-gray-200 px-2 py-2 font-semibold">
+                                <div class="flex items-center">
+                                    <div>
+                                        <svg xmlns="http://www.w3.org/2000/svg"
+                                             xmlns:xlink="http://www.w3.org/1999/xlink"
+                                             aria-hidden="true" focusable="false" width="1em"
+                                             height="1em"
+                                             style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
+                                             preserveAspectRatio="xMidYMid meet"
+                                             viewBox="0 0 24 24">
+                                            <path fill="none" stroke="#626262" stroke-width="2"
+                                                  d="M2.998 7V1H17.5L21 4.5V23h-6m1-22v5h5M8 23A7 7 0 1 0 8 9a7 7 0 0 0 0 14zm-3.5-6.5L8 13l3.5 3.5m-3.5-3V20"></path>
+                                        </svg>
+                                    </div>
+                                    <div class="ml-2">Update All</div>
+                                </div>
+                            </a>
+                            <a ng-click="UpdatePlugins('selected')"
+                               href="javascript:void(0);" class="bg-gray-200 px-2 py-2 ml-2 font-semibold">Update
+                                Selected</a>
+                        </div>
+                        <div class="flex justify-end px-6">
+                            <button ng-click="DeletePlugins('selected')"
+                                    class="bg-red-500 px-2 py-2 font-semibold text-white">Delete Selected
+                            </button>
+                        </div>
+                    </div>
+                    <table class="w-full text-sm text-left rtl:text-right text-gray-500 mt-6">
+                        <thead class="text-xs text-gray-700 uppercase bg-gray-50">
+                        <tr>
+                            <th scope="col" class="px-6 py-3">
+                                Plugin
+                            </th>
+                            <th scope="col" class="px-6 py-3">
+                                State
+                            </th>
+                            <th scope="col" class="px-6 py-3">
+                                Updates
+                            </th>
+                            <th scope="col" class="px-6 py-3">
+                                Version
+                            </th>
+                            <th scope="col" class="px-6 py-3">
+                                Delete
+                            </th>
+                        </tr>
+                        </thead>
+                        <tbody id="PluginBody">
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            <div id="tab3" class="tab-content" style="display: none;">
+                <div class="relative overflow-x-auto mt-8">
+                    <div class="flex">
+                        <div class="flex px-4">
+                            <a ng-click="UpdatePlugins('all')"
+                               href="javascript:void(0);" class="bg-gray-200 px-2 py-2 font-semibold">
+                                <div class="flex items-center">
+                                    <div>
+                                        <svg xmlns="http://www.w3.org/2000/svg"
+                                             xmlns:xlink="http://www.w3.org/1999/xlink"
+                                             aria-hidden="true" focusable="false" width="1em"
+                                             height="1em"
+                                             style="-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);"
+                                             preserveAspectRatio="xMidYMid meet"
+                                             viewBox="0 0 24 24">
+                                            <path fill="none" stroke="#626262" stroke-width="2"
+                                                  d="M2.998 7V1H17.5L21 4.5V23h-6m1-22v5h5M8 23A7 7 0 1 0 8 9a7 7 0 0 0 0 14zm-3.5-6.5L8 13l3.5 3.5m-3.5-3V20"></path>
+                                        </svg>
+                                    </div>
+                                    <div class="ml-2">Update All</div>
+                                </div>
+                            </a>
+                            <a ng-click="UpdatePlugins('selected')"
+                               href="javascript:void(0);" class="bg-gray-200 px-2 py-2 ml-2 font-semibold">Update
+                                Selected</a>
+                        </div>
+                        <div class="flex justify-end px-6">
+                            <button ng-click="DeletePlugins('selected')"
+                                    class="bg-red-500 px-2 py-2 font-semibold text-white">Delete Selected
+                            </button>
+                        </div>
+                    </div>
+                    <table class="w-full text-sm text-left rtl:text-right text-gray-500 mt-6">
+                        <thead class="text-xs text-gray-700 uppercase bg-gray-50">
+                        <tr>
+                            <th scope="col" class="px-6 py-3">
+                                Theme
+                            </th>
+                            <th scope="col" class="px-6 py-3">
+                                State
+                            </th>
+                            <th scope="col" class="px-6 py-3">
+                                Updates
+                            </th>
+                            <th scope="col" class="px-6 py-3">
+                                Version
+                            </th>
+                            <th scope="col" class="px-6 py-3">
+                                Delete
+                            </th>
+                        </tr>
+                        </thead>
+                        <tbody id="PluginBody">
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            <div id="tab4" class="tab-content" style="display: none;">
+                <div class="p-8">
+                    <div>
+                        <p class="text-xl font-bold">Create Staging site</p>
+                    </div>
+                    <div class="flex mt-3">
+                        <p class="w-40 font-semibold">Name</p>
+                        <input id="stagingName" class="w-full border" type="text">
+                    </div>
+                    <div class="flex mt-3">
+                        <p class="w-40 font-semibold">Domain Name</p>
+                        <input class="w-full border" type="text"
+                               placeholder=" Do not enter WWW, it will be auto created!">
+                    </div>
+                    <div class="flex justify-center mt-3">
+                        <button class="bg-orange-600 px-2 py-2 text-white font-semibold">Create Now</button>
+                    </div>
+                </div>
+            </div>
+            <div id="tab5" class="tab-content" style="display: none;">
+                <div class="p-8">
+                    <div class="flex items-center">
+                        <p class="text-xl font-bold">Create Backup</p>
+                        <a class="ml-3" href="{% url 'RestoreBackups' %}">{% trans "Restore Backups " %}></a>
+                    </div>
+                    <div class="mt-3">
+                        <hr>
+                    </div>
+                    <div class="flex mt-3">
+                        <p class="w-40 font-semibold">Select Backup Type</p>
+                        <select id="backuptype" class="form-control border">
+                            <option value="1">Website and Database Both</option>
+                            <option value="2">Only Website Data</option>
+                            <option value="3">Only Database</option>
+                        </select>
+                    </div>
+                    <div class="mt-3">
+                        <hr>
+                    </div>
+                    <div class="flex justify-center mt-3">
+                        <button ng-click="CreateBackup()" class="bg-orange-600 px-2 py-2 text-white font-semibold">
+                            Create Backup
+                        </button>
+                        <img style="display: none"
+                             ng-hide="wordpresshomeloading"
+                             src="{% static 'images/loading.gif' %}">
+                    </div>
+                </div>
+            </div>
+            <div id="tab6" class="tab-content" style="display: none;">
+                <div class="p-8">
+                    <div class="flex items-center">
+                        <p class="text-xl font-bold">Database For</p>
+                        <p class="text-xl font-bold ml-2">{{ wpsite.title }}</p>
+                    </div>
+                    <div class="mt-3">
+                        <hr>
+                    </div>
+                    <div class="flex mt-3">
+                        <p class="w-40 font-semibold">Database Name</p>
+                        <a target="_blank" href="{% url 'phpMyAdmin' %}">
+                            <div id="DB_Name" class="mb-10 text-bold"></div>
+                        </a>
+                    </div>
+                    <div class="mt-3">
+                        <hr>
+                    </div>
+                    <div class="flex mt-3">
+                        <p class="w-40 font-semibold">Database User</p>
+                        <div id="DB_User" class="mb-10 text-bold"></div>
+                    </div>
+                    <div class="mt-3">
+                        <hr>
+                    </div>
+                    <div class="flex mt-3">
+                        <p class="w-40 font-semibold">Table Prefix</p>
+                        <div id="tableprefix" class="mb-10 text-bold"></div>
+                    </div>
+                    <div class="mt-3">
+                        <hr>
+                    </div>
+                </div>
+            </div>
+            <div class="mt-4 px-4">
+                <ul class="flex gap-10">
+                    <a href="/websites/{{ wpsite.owner.domain }}">
+                        <li class="flex items-center">
+                            <div>
+                                <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                     xmlns="http://www.w3.org/2000/svg">
+                                    <path
+                                            d="M24.9999 20.0001C28.6818 20.0001 31.6666 17.0153 31.6666 13.3334C31.6666 9.65152 28.6818 6.66675 24.9999 6.66675C21.318 6.66675 18.3333 9.65152 18.3333 13.3334C18.3333 17.0153 21.318 20.0001 24.9999 20.0001Z"
+                                            fill="#FF9A00"/>
+                                    <path
+                                            d="M25.0001 23.3333C14.8334 23.3333 11.6667 29.9999 11.6667 29.9999V33.3333H38.3334V29.9999C38.3334 29.9999 35.1667 23.3333 25.0001 23.3333Z"
+                                            fill="#FF9A00"/>
+                                    <path d="M8.33325 11.6667V25.0001" stroke="#FF9A00" stroke-width="2"
+                                          stroke-miterlimit="10"/>
+                                    <path d="M15.0001 18.3333H1.66675" stroke="#FF9A00" stroke-width="2"
+                                          stroke-miterlimit="10"/>
+                                </svg>
+                            </div>
+                            <div class="ml-2">Manage Applications</div>
+                        </li>
+                    </a>
+                    <li class="flex items-center">
+                        <div>
+                            <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                 xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                        d="M24.9999 20.0001C28.6818 20.0001 31.6666 17.0153 31.6666 13.3334C31.6666 9.65152 28.6818 6.66675 24.9999 6.66675C21.318 6.66675 18.3333 9.65152 18.3333 13.3334C18.3333 17.0153 21.318 20.0001 24.9999 20.0001Z"
+                                        fill="#FF9A00"/>
+                                <path
+                                        d="M25.0001 23.3333C14.8334 23.3333 11.6667 29.9999 11.6667 29.9999V33.3333H38.3334V29.9999C38.3334 29.9999 35.1667 23.3333 25.0001 23.3333Z"
+                                        fill="#FF9A00"/>
+                                <path d="M8.33325 11.6667V25.0001" stroke="#FF9A00" stroke-width="2"
+                                      stroke-miterlimit="10"/>
+                                <path d="M15.0001 18.3333H1.66675" stroke="#FF9A00" stroke-width="2"
+                                      stroke-miterlimit="10"/>
+                            </svg>
+                        </div>
+                        <div class="ml-2">Autoupdate Configuration</div>
+                    </li>
+                    <li class="flex items-center">
+                        <div>
+                            <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                 xmlns="http://www.w3.org/2000/svg">
+                                <path
+                                        d="M24.9999 20.0001C28.6818 20.0001 31.6666 17.0153 31.6666 13.3334C31.6666 9.65152 28.6818 6.66675 24.9999 6.66675C21.318 6.66675 18.3333 9.65152 18.3333 13.3334C18.3333 17.0153 21.318 20.0001 24.9999 20.0001Z"
+                                        fill="#FF9A00"/>
+                                <path
+                                        d="M25.0001 23.3333C14.8334 23.3333 11.6667 29.9999 11.6667 29.9999V33.3333H38.3334V29.9999C38.3334 29.9999 35.1667 23.3333 25.0001 23.3333Z"
+                                        fill="#FF9A00"/>
+                                <path d="M8.33325 11.6667V25.0001" stroke="#FF9A00" stroke-width="2"
+                                      stroke-miterlimit="10"/>
+                                <path d="M15.0001 18.3333H1.66675" stroke="#FF9A00" stroke-width="2"
+                                      stroke-miterlimit="10"/>
+                            </svg>
+                        </div>
+                        <div class="ml-2">Security</div>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </div>
+{% endblock %}
diff --git a/websiteFunctions/templates/websiteFunctions/WPsitesListV2.html b/websiteFunctions/templates/websiteFunctions/WPsitesListV2.html
index 7335ce660..c4bb3e96f 100644
--- a/websiteFunctions/templates/websiteFunctions/WPsitesListV2.html
+++ b/websiteFunctions/templates/websiteFunctions/WPsitesListV2.html
@@ -30,81 +30,83 @@
                     </thead>
                 </table>
             </div>
-            <div class="border shadow-lg rounded-lg px-3 mt-5">
+
+            <div class="rounded-lg px-3 mt-5">
                 <div class="px-2">
-                    <div class="py-3 mb-3 rounded-b-lg">
-                        <table>
-                            <tbody>
-                            <div>
-                                {% for sub in wpsite %}
-                                    <tr>
-                                        <th class="w-72 pt-2 font-semibold text-sm"><a
-                                                href="{% url 'WPHome' %}?ID={{ sub.id }}">
-                                            <p style="font-weight: bold; text-transform: uppercase; ">{{ sub.title }}</p>
+                    {% for sub in wpsite %}
+                        <div class="border shadow-lg py-3 mb-3 rounded-b-lg">
+                            <table>
+                                <tbody>
+
+                                <tr>
+                                    <th class="w-72 pt-2 font-semibold text-sm"><a
+                                            href="{% url 'WPHomeV2' %}?ID={{ sub.id }}">
+                                        <p style="font-weight: bold; text-transform: uppercase; ">{{ sub.title }}</p>
+                                    </a>
+                                    </th>
+                                    <th class="w-52 pt-2 font-semibold text-sm flex justify-center">
+                                        <a title="Auto Login"
+                                           style="margin-right: 2%; margin-left: 10px;"
+                                           target="_blank"
+                                           href="{% url 'AutoLogin' %}?id={{ sub.id }}">
+                                            <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img"
+                                                 width="20"
+                                                 style="margin: 3px;" height="20"
+                                                 preserveAspectRatio="xMidYMid meet"
+                                                 viewBox="0 0 16 16">
+                                                <g fill="#006600">
+                                                    <path d="M12.633 7.653c0-.848-.305-1.435-.566-1.892l-.08-.13c-.317-.51-.594-.958-.594-1.48c0-.63.478-1.218 1.152-1.218c.02 0 .039.002.058.003l.031.003A6.838 6.838 0 0 0 8 1.137A6.855 6.855 0 0 0 2.266 4.23c.16.005.313.009.442.009c.717 0 1.828-.087 1.828-.087c.37-.022.414.521.044.565c0 0-.371.044-.785.065l2.5 7.434l1.5-4.506l-1.07-2.929c-.369-.022-.719-.065-.719-.065c-.37-.022-.326-.588.043-.566c0 0 1.134.087 1.808.087c.718 0 1.83-.087 1.83-.087c.37-.022.413.522.043.566c0 0-.372.043-.785.065l2.48 7.377l.684-2.287l.054-.173c.27-.86.469-1.495.469-2.046zM1.137 8a6.864 6.864 0 0 0 3.868 6.176L1.73 5.206A6.837 6.837 0 0 0 1.137 8z"></path>
+                                                    <path d="M6.061 14.583L8.121 8.6l2.109 5.78c.014.033.03.064.049.094a6.854 6.854 0 0 1-4.218.109zm7.96-9.876c.03.219.047.453.047.706c0 .696-.13 1.479-.522 2.458l-2.096 6.06a6.86 6.86 0 0 0 2.572-9.224z"></path>
+                                                    <path fill-rule="evenodd"
+                                                          d="M0 8c0-4.411 3.589-8 8-8c4.41 0 8 3.589 8 8s-3.59 8-8 8c-4.411 0-8-3.589-8-8zm.367 0c0 4.209 3.424 7.633 7.633 7.633c4.208 0 7.632-3.424 7.632-7.633C15.632 3.79 12.208.367 8 .367C3.79.367.367 3.79.367 8z"></path>
+                                                </g>
+                                            </svg>
                                         </a>
-                                        </th>
-                                        <th class="w-52 pt-2 font-semibold text-sm flex justify-center">
-                                            <a title="Auto Login"
-                                               style="margin-right: 2%; margin-left: 10px;"
-                                               target="_blank"
-                                               href="{% url 'AutoLogin' %}?id={{ sub.id }}">
-                                                <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img"
-                                                     width="20"
-                                                     style="margin: 3px;" height="20"
-                                                     preserveAspectRatio="xMidYMid meet"
-                                                     viewBox="0 0 16 16">
-                                                    <g fill="#006600">
-                                                        <path d="M12.633 7.653c0-.848-.305-1.435-.566-1.892l-.08-.13c-.317-.51-.594-.958-.594-1.48c0-.63.478-1.218 1.152-1.218c.02 0 .039.002.058.003l.031.003A6.838 6.838 0 0 0 8 1.137A6.855 6.855 0 0 0 2.266 4.23c.16.005.313.009.442.009c.717 0 1.828-.087 1.828-.087c.37-.022.414.521.044.565c0 0-.371.044-.785.065l2.5 7.434l1.5-4.506l-1.07-2.929c-.369-.022-.719-.065-.719-.065c-.37-.022-.326-.588.043-.566c0 0 1.134.087 1.808.087c.718 0 1.83-.087 1.83-.087c.37-.022.413.522.043.566c0 0-.372.043-.785.065l2.48 7.377l.684-2.287l.054-.173c.27-.86.469-1.495.469-2.046zM1.137 8a6.864 6.864 0 0 0 3.868 6.176L1.73 5.206A6.837 6.837 0 0 0 1.137 8z"></path>
-                                                        <path d="M6.061 14.583L8.121 8.6l2.109 5.78c.014.033.03.064.049.094a6.854 6.854 0 0 1-4.218.109zm7.96-9.876c.03.219.047.453.047.706c0 .696-.13 1.479-.522 2.458l-2.096 6.06a6.86 6.86 0 0 0 2.572-9.224z"></path>
-                                                        <path fill-rule="evenodd"
-                                                              d="M0 8c0-4.411 3.589-8 8-8c4.41 0 8 3.589 8 8s-3.59 8-8 8c-4.411 0-8-3.589-8-8zm.367 0c0 4.209 3.424 7.633 7.633 7.633c4.208 0 7.632-3.424 7.632-7.633C15.632 3.79 12.208.367 8 .367C3.79.367.367 3.79.367 8z"></path>
-                                                    </g>
-                                                </svg>
-                                            </a>
-                                        </th>
-                                        <th class="w-52 pt-2 font-semibold text-sm"><a target="_blank"
-                                                                                       style="color: #6aa7ff"
-                                                                                       href="http://{{ sub.url }}">Visit
-                                            <i class="glyph-icon icon-external-link-square"
-                                               title="{{ sub.url }}"></i></a>
-                                        </th>
-                                        <th class="w-52 pt-2 font-semibold text-sm">
-                                            <div class="flex items-center justify-center">
-                                                <button id="openModalButton"
-                                                        onclick="DeleteWPNowV2('{% url 'ListWPSites' %}?DeleteID={{ sub.id }}')"
-                                                        class="bg-orange-500 hover:bg-orange-700 text-white font-bold py-2 px-4 rounded">
-                                                    Delete
-                                                </button>
+                                    </th>
+                                    <th class="w-52 pt-2 font-semibold text-sm"><a target="_blank"
+                                                                                   style="color: #6aa7ff"
+                                                                                   href="http://{{ sub.url }}">Visit
+                                        <i class="glyph-icon icon-external-link-square"
+                                           title="{{ sub.url }}"></i></a>
+                                    </th>
+                                    <th class="w-52 pt-2 font-semibold text-sm">
+                                        <div class="flex items-center justify-center">
+                                            <button id="openModalButton"
+                                                    onclick="DeleteWPNow()"
+                                                    class="bg-orange-500 hover:bg-orange-700 text-white font-bold py-2 px-4 rounded">
+                                                Delete
+                                            </button>
 
-                                                <div id="deleteWpModel" class="fixed inset-0 bg-black bg-opacity-50 hidden">
-                                                    <div class="flex items-center justify-center h-full">
-                                                        <div class="bg-white p-8 rounded max-w-md">
-                                                            <h2 class="text-lg font-bold mb-4">Delete WordPress
-                                                                Site</h2>
-                                                            <p>Do You want to delete this site ?</p>
-                                                            <button onclick="FinalDeleteWPNow()"
-                                                                    class="mt-4 bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded">
-                                                                Delete
-                                                            </button>
-                                                            <button id="closeModalButton"
-                                                                    class="mt-4 bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded">
-                                                                Cancel
-                                                            </button>
-                                                        </div>
+                                            <div id="myModal" class="fixed inset-0 bg-black bg-opacity-50 hidden">
+                                                <div class="flex items-center justify-center h-full">
+                                                    <div class="bg-white p-8 rounded max-w-md">
+                                                        <h2 class="text-lg font-bold mb-4">Delete WordPress
+                                                            Site</h2>
+                                                        <p>Do You want to delete this site ?</p>
+                                                        <button onclick="FinalDeleteWPNow()"
+                                                                class="mt-4 bg-red-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded">
+                                                            Delete
+                                                        </button>
+                                                        <button id="closeModalButton"
+                                                                class="mt-4 bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded">
+                                                            Cancel
+                                                        </button>
                                                     </div>
                                                 </div>
                                             </div>
-                                        </th>
+                                        </div>
 
-                                    </tr>
-                                {% endfor %}
-                            </div>
-                            </tbody>
-                        </table>
-                    </div>
+                                    </th>
+
+                                </tr>
+
+                                </tbody>
+                            </table>
+                        </div>
+                    {% endfor %}
                 </div>
+
             </div>
         </div>
     </div>
-    </div>
 {% endblock %}
diff --git a/websiteFunctions/templates/websiteFunctions/listWebsiteV2.html b/websiteFunctions/templates/websiteFunctions/listWebsiteV2.html
index a43ec9f1a..efc12f457 100644
--- a/websiteFunctions/templates/websiteFunctions/listWebsiteV2.html
+++ b/websiteFunctions/templates/websiteFunctions/listWebsiteV2.html
@@ -73,7 +73,7 @@
                             <div>
                                 <tr>
                                     <th class="w-32 pt-2">
-                                        <a href="/websites/{$ web.domain $}" class="flex items-center ml-3">
+                                        <a href="/websites/V2/{$ web.domain $}" class="flex items-center ml-3">
                                             <svg width="20" height="20" viewBox="0 0 30 30" fill="none"
                                                  xmlns="http://www.w3.org/2000/svg">
                                                 <path
diff --git a/websiteFunctions/templates/websiteFunctions/websiteV2.html b/websiteFunctions/templates/websiteFunctions/websiteV2.html
new file mode 100644
index 000000000..7b270b119
--- /dev/null
+++ b/websiteFunctions/templates/websiteFunctions/websiteV2.html
@@ -0,0 +1,670 @@
+{% extends "baseTemplate/newBase.html" %}
+{% load i18n %}
+{% block titleNew %}{% trans "Home - CyberPanel" %}{% endblock %}
+{% block newContent %}
+
+    {% load static %}
+
+    <div ng-controller="websitePagesV2" class="p-8">
+        <div class="flex lg:flex-row justify-between items-center sm:flex-col">
+            <div>
+                <p id="domainNamePage" class="text-4xl font-bold">{{ domain }}</p>
+                <p class="text-xs text-gray-600 py-2 font-semibold">All functions related to a particular site.
+                </p>
+            </div>
+            <div>
+                <div class="sm:mt-6">
+                    <a target="_blank" href="{$ previewUrl $}"
+                       class="bg-orange-500 px-3 py-3 rounded-lg text-xl font-semibold text-white">Preview
+                    </a>
+                </div>
+            </div>
+        </div>
+        {% if not error %}
+            <div class="py-8">
+                <div class="py-4">
+                    <p class="text-xl font-bold">Resources Usage</p>
+                </div>
+                <div class="flex lg:flex-row sm:flex-col gap-4">
+                    <div class="sm:mt-6">
+                        <a href="/websites/{{ domain }}/sshAccess"
+                           class="bg-orange-500 px-3 py-3 rounded-lg text-xl font-semibold text-white">Set Up
+                            SSH/SFTP
+                            Access
+                        </a>
+                    </div>
+                    <div class="sm:mt-6">
+                        <a href="/websites/{{ domain }}/setupStaging"
+                           class="bg-orange-500 px-3 py-3 rounded-lg text-xl font-semibold text-white">Clone/Staging
+                        </a>
+                    </div>
+                    <div class="sm:mt-6">
+                        <a href="/websites/{{ domain }}/manageGIT"
+                           class="bg-orange-500 px-3 py-3 rounded-lg text-xl font-semibold text-white">Manage Git
+                        </a>
+                    </div>
+                    <div class="sm:mt-6">
+                        <a href="https://go.cyberpanel.net/StessTest"
+                           class="bg-orange-500 px-3 py-3 rounded-lg text-xl font-semibold text-white">Stress Test
+                        </a>
+                    </div>
+                </div>
+                <div class="mt-6">
+                    <hr>
+                </div>
+                <table class="table-fixed w-full overflow-x-auto">
+                    <thead>
+                    <tr class="bg-gray-200 border text-xl font-bold text-orange-400">
+                        <td class="px-4 py-2">Resources</td>
+                        <td>Usage</td>
+                        <td>Allowed</td>
+                    </tr>
+                    </thead>
+                    <tbody>
+                    <tr class="border font-semibold">
+                        <td class="px-4 py-2">FTP</td>
+                        <td>{{ ftpUsed }}</td>
+                        <td>{{ ftpTotal }}</td>
+                    </tr>
+                    <tr class="bg-gray-200 border font-semibold">
+                        <td class="px-4 py-2">Databases</td>
+                        <td>{{ databasesUsed }}</td>
+                        <td>{{ databasesTotal }}</td>
+                    </tr>
+                    <tr class="border font-semibold">
+                        <td class="px-4 py-2">Disk Usage</td>
+                        <td>{{ diskInMB }} (MB)</td>
+                        <td>{{ diskInMBTotal }} (MB)</td>
+                    </tr>
+                    <tr class="bg-gray-200 border font-semibold">
+                        <td class="px-4 py-2">Bandwidth Usage</td>
+                        <td>{{ bwInMB }} (MB)</td>
+                        <td>{{ bwInMBTotal }} (MB)</td>
+                    </tr>
+                    </tbody>
+                </table>
+            </div>
+            <div class="mt-4 border shadow-lg">
+                <div class="flex justify-between bg-gray-600 p-2 w-full">
+                    <div>
+                        <p class="text-white px-6 text-xl font-bold">Logs</p>
+                    </div>
+                    <div>
+                        <svg id="icon2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+                             stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white mr-4">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"/>
+                        </svg>
+                    </div>
+                </div>
+                <div>
+                    <ul class="flex w-full grid lg:grid-cols-4">
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                                d="M20 23.3333C24.6023 23.3333 28.3333 18.8561 28.3333 13.3333C28.3333 7.8104 24.6023 3.33325 20 3.33325C15.3976 3.33325 11.6666 7.8104 11.6666 13.3333C11.6666 18.8561 15.3976 23.3333 20 23.3333Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M36.3333 31.8331C34.8333 28.8331 32 26.3331 28.3333 24.8331C27.3333 24.4998 26.1666 24.4998 25.3333 24.9998C23.6666 25.9998 22 26.4998 20 26.4998C18 26.4998 16.3333 25.9998 14.6666 24.9998C13.8333 24.6665 12.6666 24.4998 11.6666 24.9998C7.99995 26.4998 5.16662 28.9998 3.66662 31.9998C2.49995 34.1665 4.33329 36.6665 6.83329 36.6665H33.1666C35.6666 36.6665 37.5 34.1665 36.3333 31.8331Z"
+                                                fill="#FF9A00"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">Access Logs</p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                                d="M20 23.3333C24.6023 23.3333 28.3333 18.8561 28.3333 13.3333C28.3333 7.8104 24.6023 3.33325 20 3.33325C15.3976 3.33325 11.6666 7.8104 11.6666 13.3333C11.6666 18.8561 15.3976 23.3333 20 23.3333Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M36.3333 31.8331C34.8333 28.8331 32 26.3331 28.3333 24.8331C27.3333 24.4998 26.1666 24.4998 25.3333 24.9998C23.6666 25.9998 22 26.4998 20 26.4998C18 26.4998 16.3333 25.9998 14.6666 24.9998C13.8333 24.6665 12.6666 24.4998 11.6666 24.9998C7.99995 26.4998 5.16662 28.9998 3.66662 31.9998C2.49995 34.1665 4.33329 36.6665 6.83329 36.6665H33.1666C35.6666 36.6665 37.5 34.1665 36.3333 31.8331Z"
+                                                fill="#FF9A00"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">Error Logs</p>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="mt-4 border shadow-lg">
+                <div class="flex justify-between bg-gray-600 p-2 w-full">
+                    <div>
+                        <p class="text-white px-6 text-xl font-bold">Domains</p>
+                    </div>
+                    <div>
+                        <svg id="icon2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+                             stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white mr-4">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"/>
+                        </svg>
+                    </div>
+                </div>
+                <div>
+                    <ul class="flex w-full grid lg:grid-cols-4">
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                                d="M20 23.3333C24.6023 23.3333 28.3333 18.8561 28.3333 13.3333C28.3333 7.8104 24.6023 3.33325 20 3.33325C15.3976 3.33325 11.6666 7.8104 11.6666 13.3333C11.6666 18.8561 15.3976 23.3333 20 23.3333Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M36.3333 31.8331C34.8333 28.8331 32 26.3331 28.3333 24.8331C27.3333 24.4998 26.1666 24.4998 25.3333 24.9998C23.6666 25.9998 22 26.4998 20 26.4998C18 26.4998 16.3333 25.9998 14.6666 24.9998C13.8333 24.6665 12.6666 24.4998 11.6666 24.9998C7.99995 26.4998 5.16662 28.9998 3.66662 31.9998C2.49995 34.1665 4.33329 36.6665 6.83329 36.6665H33.1666C35.6666 36.6665 37.5 34.1665 36.3333 31.8331Z"
+                                                fill="#FF9A00"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">Add Domains</p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                                d="M20 23.3333C24.6023 23.3333 28.3333 18.8561 28.3333 13.3333C28.3333 7.8104 24.6023 3.33325 20 3.33325C15.3976 3.33325 11.6666 7.8104 11.6666 13.3333C11.6666 18.8561 15.3976 23.3333 20 23.3333Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M36.3333 31.8331C34.8333 28.8331 32 26.3331 28.3333 24.8331C27.3333 24.4998 26.1666 24.4998 25.3333 24.9998C23.6666 25.9998 22 26.4998 20 26.4998C18 26.4998 16.3333 25.9998 14.6666 24.9998C13.8333 24.6665 12.6666 24.4998 11.6666 24.9998C7.99995 26.4998 5.16662 28.9998 3.66662 31.9998C2.49995 34.1665 4.33329 36.6665 6.83329 36.6665H33.1666C35.6666 36.6665 37.5 34.1665 36.3333 31.8331Z"
+                                                fill="#FF9A00"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">List Domains</p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                                d="M24.9999 20.0001C28.6818 20.0001 31.6666 17.0153 31.6666 13.3334C31.6666 9.65152 28.6818 6.66675 24.9999 6.66675C21.318 6.66675 18.3333 9.65152 18.3333 13.3334C18.3333 17.0153 21.318 20.0001 24.9999 20.0001Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M25.0001 23.3333C14.8334 23.3333 11.6667 29.9999 11.6667 29.9999V33.3333H38.3334V29.9999C38.3334 29.9999 35.1667 23.3333 25.0001 23.3333Z"
+                                                fill="#FF9A00"/>
+                                        <path d="M8.33325 11.6667V25.0001" stroke="#FF9A00" stroke-width="2"
+                                              stroke-miterlimit="10"/>
+                                        <path d="M15.0001 18.3333H1.66675" stroke="#FF9A00" stroke-width="2"
+                                              stroke-miterlimit="10"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">Domain Alias</p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path d="M38.3333 12.5L29.4999 21.6667L24.8333 17" stroke="#FF9A00"
+                                              stroke-width="2" stroke-miterlimit="10"/>
+                                        <path
+                                                d="M14.9999 20.0001C18.6818 20.0001 21.6666 17.0153 21.6666 13.3334C21.6666 9.65152 18.6818 6.66675 14.9999 6.66675C11.318 6.66675 8.33325 9.65152 8.33325 13.3334C8.33325 17.0153 11.318 20.0001 14.9999 20.0001Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M15.0001 23.3333C4.83341 23.3333 1.66675 29.9999 1.66675 29.9999V33.3333H28.3334V29.9999C28.3334 29.9999 25.1667 23.3333 15.0001 23.3333Z"
+                                                fill="#FF9A00"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">Cron Jobs</p>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="mt-4 border shadow-lg">
+                <div class="flex justify-between bg-gray-600 p-2 w-full">
+                    <div>
+                        <p class="text-white px-6 text-xl font-bold">Configuration</p>
+                    </div>
+                    <div>
+                        <svg id="icon2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+                             stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white mr-4">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"/>
+                        </svg>
+                    </div>
+                </div>
+                <div>
+                    <ul class="flex w-full grid lg:grid-cols-4">
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                                d="M20 23.3333C24.6023 23.3333 28.3333 18.8561 28.3333 13.3333C28.3333 7.8104 24.6023 3.33325 20 3.33325C15.3976 3.33325 11.6666 7.8104 11.6666 13.3333C11.6666 18.8561 15.3976 23.3333 20 23.3333Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M36.3333 31.8331C34.8333 28.8331 32 26.3331 28.3333 24.8331C27.3333 24.4998 26.1666 24.4998 25.3333 24.9998C23.6666 25.9998 22 26.4998 20 26.4998C18 26.4998 16.3333 25.9998 14.6666 24.9998C13.8333 24.6665 12.6666 24.4998 11.6666 24.9998C7.99995 26.4998 5.16662 28.9998 3.66662 31.9998C2.49995 34.1665 4.33329 36.6665 6.83329 36.6665H33.1666C35.6666 36.6665 37.5 34.1665 36.3333 31.8331Z"
+                                                fill="#FF9A00"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">Apache Manager</p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                                d="M20 23.3333C24.6023 23.3333 28.3333 18.8561 28.3333 13.3333C28.3333 7.8104 24.6023 3.33325 20 3.33325C15.3976 3.33325 11.6666 7.8104 11.6666 13.3333C11.6666 18.8561 15.3976 23.3333 20 23.3333Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M36.3333 31.8331C34.8333 28.8331 32 26.3331 28.3333 24.8331C27.3333 24.4998 26.1666 24.4998 25.3333 24.9998C23.6666 25.9998 22 26.4998 20 26.4998C18 26.4998 16.3333 25.9998 14.6666 24.9998C13.8333 24.6665 12.6666 24.4998 11.6666 24.9998C7.99995 26.4998 5.16662 28.9998 3.66662 31.9998C2.49995 34.1665 4.33329 36.6665 6.83329 36.6665H33.1666C35.6666 36.6665 37.5 34.1665 36.3333 31.8331Z"
+                                                fill="#FF9A00"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">VHost Conf</p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                                d="M24.9999 20.0001C28.6818 20.0001 31.6666 17.0153 31.6666 13.3334C31.6666 9.65152 28.6818 6.66675 24.9999 6.66675C21.318 6.66675 18.3333 9.65152 18.3333 13.3334C18.3333 17.0153 21.318 20.0001 24.9999 20.0001Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M25.0001 23.3333C14.8334 23.3333 11.6667 29.9999 11.6667 29.9999V33.3333H38.3334V29.9999C38.3334 29.9999 35.1667 23.3333 25.0001 23.3333Z"
+                                                fill="#FF9A00"/>
+                                        <path d="M8.33325 11.6667V25.0001" stroke="#FF9A00" stroke-width="2"
+                                              stroke-miterlimit="10"/>
+                                        <path d="M15.0001 18.3333H1.66675" stroke="#FF9A00" stroke-width="2"
+                                              stroke-miterlimit="10"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">Rewrite rules</p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path d="M38.3333 12.5L29.4999 21.6667L24.8333 17" stroke="#FF9A00"
+                                              stroke-width="2" stroke-miterlimit="10"/>
+                                        <path
+                                                d="M14.9999 20.0001C18.6818 20.0001 21.6666 17.0153 21.6666 13.3334C21.6666 9.65152 18.6818 6.66675 14.9999 6.66675C11.318 6.66675 8.33325 9.65152 8.33325 13.3334C8.33325 17.0153 11.318 20.0001 14.9999 20.0001Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M15.0001 23.3333C4.83341 23.3333 1.66675 29.9999 1.66675 29.9999V33.3333H28.3334V29.9999C28.3334 29.9999 25.1667 23.3333 15.0001 23.3333Z"
+                                                fill="#FF9A00"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">Add SSL</p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <g clip-path="url(#clip0_55_1903)">
+                                            <path
+                                                    d="M10 31.6667C10 33.5083 11.4917 35 13.3334 35H26.6667C28.5084 35 30 33.5083 30 31.6667V11.6667H10V31.6667ZM31.6667 6.66667H25.8334L24.1667 5H15.8334L14.1667 6.66667H8.33337V10H31.6667V6.66667Z"
+                                                    fill="#FF9A00"/>
+                                        </g>
+                                        <defs>
+                                            <clipPath id="clip0_55_1903">
+                                                <rect width="40" height="40" fill="white"/>
+                                            </clipPath>
+                                        </defs>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">Change PHP</p>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="mt-4 border shadow-lg">
+                <div class="flex justify-between bg-gray-600 p-2 w-full">
+                    <div>
+                        <p class="text-white px-6 text-xl font-bold">Files</p>
+                    </div>
+                    <div>
+                        <svg id="icon2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+                             stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white mr-4">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"/>
+                        </svg>
+                    </div>
+                </div>
+                <div>
+                    <ul class="flex w-full grid lg:grid-cols-4">
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                                d="M20 23.3333C24.6023 23.3333 28.3333 18.8561 28.3333 13.3333C28.3333 7.8104 24.6023 3.33325 20 3.33325C15.3976 3.33325 11.6666 7.8104 11.6666 13.3333C11.6666 18.8561 15.3976 23.3333 20 23.3333Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M36.3333 31.8331C34.8333 28.8331 32 26.3331 28.3333 24.8331C27.3333 24.4998 26.1666 24.4998 25.3333 24.9998C23.6666 25.9998 22 26.4998 20 26.4998C18 26.4998 16.3333 25.9998 14.6666 24.9998C13.8333 24.6665 12.6666 24.4998 11.6666 24.9998C7.99995 26.4998 5.16662 28.9998 3.66662 31.9998C2.49995 34.1665 4.33329 36.6665 6.83329 36.6665H33.1666C35.6666 36.6665 37.5 34.1665 36.3333 31.8331Z"
+                                                fill="#FF9A00"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">File Manager</p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                                d="M20 23.3333C24.6023 23.3333 28.3333 18.8561 28.3333 13.3333C28.3333 7.8104 24.6023 3.33325 20 3.33325C15.3976 3.33325 11.6666 7.8104 11.6666 13.3333C11.6666 18.8561 15.3976 23.3333 20 23.3333Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M36.3333 31.8331C34.8333 28.8331 32 26.3331 28.3333 24.8331C27.3333 24.4998 26.1666 24.4998 25.3333 24.9998C23.6666 25.9998 22 26.4998 20 26.4998C18 26.4998 16.3333 25.9998 14.6666 24.9998C13.8333 24.6665 12.6666 24.4998 11.6666 24.9998C7.99995 26.4998 5.16662 28.9998 3.66662 31.9998C2.49995 34.1665 4.33329 36.6665 6.83329 36.6665H33.1666C35.6666 36.6665 37.5 34.1665 36.3333 31.8331Z"
+                                                fill="#FF9A00"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">Open_basedir</p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                                d="M24.9999 20.0001C28.6818 20.0001 31.6666 17.0153 31.6666 13.3334C31.6666 9.65152 28.6818 6.66675 24.9999 6.66675C21.318 6.66675 18.3333 9.65152 18.3333 13.3334C18.3333 17.0153 21.318 20.0001 24.9999 20.0001Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M25.0001 23.3333C14.8334 23.3333 11.6667 29.9999 11.6667 29.9999V33.3333H38.3334V29.9999C38.3334 29.9999 35.1667 23.3333 25.0001 23.3333Z"
+                                                fill="#FF9A00"/>
+                                        <path d="M8.33325 11.6667V25.0001" stroke="#FF9A00" stroke-width="2"
+                                              stroke-miterlimit="10"/>
+                                        <path d="M15.0001 18.3333H1.66675" stroke="#FF9A00" stroke-width="2"
+                                              stroke-miterlimit="10"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">Create FTP Account</p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path d="M38.3333 12.5L29.4999 21.6667L24.8333 17" stroke="#FF9A00"
+                                              stroke-width="2" stroke-miterlimit="10"/>
+                                        <path
+                                                d="M14.9999 20.0001C18.6818 20.0001 21.6666 17.0153 21.6666 13.3334C21.6666 9.65152 18.6818 6.66675 14.9999 6.66675C11.318 6.66675 8.33325 9.65152 8.33325 13.3334C8.33325 17.0153 11.318 20.0001 14.9999 20.0001Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M15.0001 23.3333C4.83341 23.3333 1.66675 29.9999 1.66675 29.9999V33.3333H28.3334V29.9999C28.3334 29.9999 25.1667 23.3333 15.0001 23.3333Z"
+                                                fill="#FF9A00"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">Delete FTP Account</p>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="mt-4 border shadow-lg">
+                <div class="flex justify-between bg-gray-600 p-2 w-full">
+                    <div>
+                        <p class="text-white px-6 text-xl font-bold">Email Marketing</p>
+                    </div>
+                    <div>
+                        <svg id="icon2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+                             stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white mr-4">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"/>
+                        </svg>
+                    </div>
+                </div>
+                <div>
+                    <ul class="flex w-full grid lg:grid-cols-4">
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                                d="M20 23.3333C24.6023 23.3333 28.3333 18.8561 28.3333 13.3333C28.3333 7.8104 24.6023 3.33325 20 3.33325C15.3976 3.33325 11.6666 7.8104 11.6666 13.3333C11.6666 18.8561 15.3976 23.3333 20 23.3333Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M36.3333 31.8331C34.8333 28.8331 32 26.3331 28.3333 24.8331C27.3333 24.4998 26.1666 24.4998 25.3333 24.9998C23.6666 25.9998 22 26.4998 20 26.4998C18 26.4998 16.3333 25.9998 14.6666 24.9998C13.8333 24.6665 12.6666 24.4998 11.6666 24.9998C7.99995 26.4998 5.16662 28.9998 3.66662 31.9998C2.49995 34.1665 4.33329 36.6665 6.83329 36.6665H33.1666C35.6666 36.6665 37.5 34.1665 36.3333 31.8331Z"
+                                                fill="#FF9A00"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">Create Lists</p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                                d="M20 23.3333C24.6023 23.3333 28.3333 18.8561 28.3333 13.3333C28.3333 7.8104 24.6023 3.33325 20 3.33325C15.3976 3.33325 11.6666 7.8104 11.6666 13.3333C11.6666 18.8561 15.3976 23.3333 20 23.3333Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M36.3333 31.8331C34.8333 28.8331 32 26.3331 28.3333 24.8331C27.3333 24.4998 26.1666 24.4998 25.3333 24.9998C23.6666 25.9998 22 26.4998 20 26.4998C18 26.4998 16.3333 25.9998 14.6666 24.9998C13.8333 24.6665 12.6666 24.4998 11.6666 24.9998C7.99995 26.4998 5.16662 28.9998 3.66662 31.9998C2.49995 34.1665 4.33329 36.6665 6.83329 36.6665H33.1666C35.6666 36.6665 37.5 34.1665 36.3333 31.8331Z"
+                                                fill="#FF9A00"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">Manage Lists</p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                                d="M24.9999 20.0001C28.6818 20.0001 31.6666 17.0153 31.6666 13.3334C31.6666 9.65152 28.6818 6.66675 24.9999 6.66675C21.318 6.66675 18.3333 9.65152 18.3333 13.3334C18.3333 17.0153 21.318 20.0001 24.9999 20.0001Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M25.0001 23.3333C14.8334 23.3333 11.6667 29.9999 11.6667 29.9999V33.3333H38.3334V29.9999C38.3334 29.9999 35.1667 23.3333 25.0001 23.3333Z"
+                                                fill="#FF9A00"/>
+                                        <path d="M8.33325 11.6667V25.0001" stroke="#FF9A00" stroke-width="2"
+                                              stroke-miterlimit="10"/>
+                                        <path d="M15.0001 18.3333H1.66675" stroke="#FF9A00" stroke-width="2"
+                                              stroke-miterlimit="10"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">SMTP Hosts</p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path d="M38.3333 12.5L29.4999 21.6667L24.8333 17" stroke="#FF9A00"
+                                              stroke-width="2" stroke-miterlimit="10"/>
+                                        <path
+                                                d="M14.9999 20.0001C18.6818 20.0001 21.6666 17.0153 21.6666 13.3334C21.6666 9.65152 18.6818 6.66675 14.9999 6.66675C11.318 6.66675 8.33325 9.65152 8.33325 13.3334C8.33325 17.0153 11.318 20.0001 14.9999 20.0001Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M15.0001 23.3333C4.83341 23.3333 1.66675 29.9999 1.66675 29.9999V33.3333H28.3334V29.9999C28.3334 29.9999 25.1667 23.3333 15.0001 23.3333Z"
+                                                fill="#FF9A00"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">Compose</p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <g clip-path="url(#clip0_55_1903)">
+                                            <path
+                                                    d="M10 31.6667C10 33.5083 11.4917 35 13.3334 35H26.6667C28.5084 35 30 33.5083 30 31.6667V11.6667H10V31.6667ZM31.6667 6.66667H25.8334L24.1667 5H15.8334L14.1667 6.66667H8.33337V10H31.6667V6.66667Z"
+                                                    fill="#FF9A00"/>
+                                        </g>
+                                        <defs>
+                                            <clipPath id="clip0_55_1903">
+                                                <rect width="40" height="40" fill="white"/>
+                                            </clipPath>
+                                        </defs>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">Send Emails</p>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="mt-4 border shadow-lg">
+                <div class="flex justify-between bg-gray-600 p-2 w-full">
+                    <div>
+                        <p class="text-white px-6 text-xl font-bold">Application Installer</p>
+                    </div>
+                    <div>
+                        <svg id="icon2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
+                             stroke-width="1.5" stroke="currentColor" class="w-6 h-6 text-white mr-4">
+                            <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15"/>
+                        </svg>
+                    </div>
+                </div>
+                <div>
+                    <ul class="flex w-full grid lg:grid-cols-4">
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                                d="M20 23.3333C24.6023 23.3333 28.3333 18.8561 28.3333 13.3333C28.3333 7.8104 24.6023 3.33325 20 3.33325C15.3976 3.33325 11.6666 7.8104 11.6666 13.3333C11.6666 18.8561 15.3976 23.3333 20 23.3333Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M36.3333 31.8331C34.8333 28.8331 32 26.3331 28.3333 24.8331C27.3333 24.4998 26.1666 24.4998 25.3333 24.9998C23.6666 25.9998 22 26.4998 20 26.4998C18 26.4998 16.3333 25.9998 14.6666 24.9998C13.8333 24.6665 12.6666 24.4998 11.6666 24.9998C7.99995 26.4998 5.16662 28.9998 3.66662 31.9998C2.49995 34.1665 4.33329 36.6665 6.83329 36.6665H33.1666C35.6666 36.6665 37.5 34.1665 36.3333 31.8331Z"
+                                                fill="#FF9A00"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">WP + LSCache</p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                                d="M20 23.3333C24.6023 23.3333 28.3333 18.8561 28.3333 13.3333C28.3333 7.8104 24.6023 3.33325 20 3.33325C15.3976 3.33325 11.6666 7.8104 11.6666 13.3333C11.6666 18.8561 15.3976 23.3333 20 23.3333Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M36.3333 31.8331C34.8333 28.8331 32 26.3331 28.3333 24.8331C27.3333 24.4998 26.1666 24.4998 25.3333 24.9998C23.6666 25.9998 22 26.4998 20 26.4998C18 26.4998 16.3333 25.9998 14.6666 24.9998C13.8333 24.6665 12.6666 24.4998 11.6666 24.9998C7.99995 26.4998 5.16662 28.9998 3.66662 31.9998C2.49995 34.1665 4.33329 36.6665 6.83329 36.6665H33.1666C35.6666 36.6665 37.5 34.1665 36.3333 31.8331Z"
+                                                fill="#FF9A00"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">Git</p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path
+                                                d="M24.9999 20.0001C28.6818 20.0001 31.6666 17.0153 31.6666 13.3334C31.6666 9.65152 28.6818 6.66675 24.9999 6.66675C21.318 6.66675 18.3333 9.65152 18.3333 13.3334C18.3333 17.0153 21.318 20.0001 24.9999 20.0001Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M25.0001 23.3333C14.8334 23.3333 11.6667 29.9999 11.6667 29.9999V33.3333H38.3334V29.9999C38.3334 29.9999 35.1667 23.3333 25.0001 23.3333Z"
+                                                fill="#FF9A00"/>
+                                        <path d="M8.33325 11.6667V25.0001" stroke="#FF9A00" stroke-width="2"
+                                              stroke-miterlimit="10"/>
+                                        <path d="M15.0001 18.3333H1.66675" stroke="#FF9A00" stroke-width="2"
+                                              stroke-miterlimit="10"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">Prestashop</p>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="px-3 py-3">
+                            <div class="flex items-center">
+                                <div>
+
+                                    <svg width="20" height="20" viewBox="0 0 40 40" fill="none"
+                                         xmlns="http://www.w3.org/2000/svg">
+                                        <path d="M38.3333 12.5L29.4999 21.6667L24.8333 17" stroke="#FF9A00"
+                                              stroke-width="2" stroke-miterlimit="10"/>
+                                        <path
+                                                d="M14.9999 20.0001C18.6818 20.0001 21.6666 17.0153 21.6666 13.3334C21.6666 9.65152 18.6818 6.66675 14.9999 6.66675C11.318 6.66675 8.33325 9.65152 8.33325 13.3334C8.33325 17.0153 11.318 20.0001 14.9999 20.0001Z"
+                                                fill="#FF9A00"/>
+                                        <path
+                                                d="M15.0001 23.3333C4.83341 23.3333 1.66675 29.9999 1.66675 29.9999V33.3333H28.3334V29.9999C28.3334 29.9999 25.1667 23.3333 15.0001 23.3333Z"
+                                                fill="#FF9A00"/>
+                                    </svg>
+                                </div>
+                                <div>
+                                    <p class="px-2 font-bold" style="font-size: 70%;">Mautic</p>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                </div>
+            </div>
+        {% else %}
+            <div class="alert alert-danger">
+                <p>{{ domain }}</p>
+            </div>
+        {% endif %}
+    </div>
+{% endblock %}
diff --git a/websiteFunctions/urls.py b/websiteFunctions/urls.py
index 095d436bd..55a6a8547 100755
--- a/websiteFunctions/urls.py
+++ b/websiteFunctions/urls.py
@@ -15,7 +15,7 @@
     url(r'^siteStateV2$', views.siteStateV2, name='siteStateV2'),
     url(r'^createWebsiteV2$', views.createWebsiteV2, name='createWebsiteV2'),
     url(r'^listWebsitesV2$', views.listWebsitesV2, name='listWebsitesV2'),
-
+    url(r'^V2/(?P<domain>(.*))$', views.domainV2, name='domainv2'),
 
     url(r'^CreateNewDomain$', views.CreateNewDomain, name='CreateNewDomain'),
     url(r'^CreateNewDomainV2$', views.CreateNewDomainV2, name='CreateNewDomainV2'),
@@ -26,6 +26,7 @@
     url(r'^ListWPSites$', views.ListWPSites, name='ListWPSites'),
     url(r'^ListWPSitesV2$', views.ListWPSitesV2, name='ListWPSitesV2'),
     url(r'^WPHome$', views.WPHome, name='WPHome'),
+    url(r'^WPHomeV2$', views.WPHomeV2, name='WPHomeV2'),
     url(r'^RestoreBackups$', views.RestoreBackups, name='RestoreBackups'),
     url(r'^RestoreBackupsV2$', views.RestoreBackupsV2, name='RestoreBackupsV2'),
     url(r'^RestoreHome$', views.RestoreHome, name='RestoreHome'),
diff --git a/websiteFunctions/views.py b/websiteFunctions/views.py
index dec5757b6..51f78ebdb 100755
--- a/websiteFunctions/views.py
+++ b/websiteFunctions/views.py
@@ -85,6 +85,17 @@ def WPHome(request):
     except KeyError:
         return redirect(loadLoginPage)
 
+def WPHomeV2(request):
+    try:
+        userID = request.session['userID']
+
+        WPid = request.GET.get('ID')
+        DeleteID = request.GET.get('DeleteID')
+        wm = WebsiteManager()
+        return wm.WPHomeV2(request, userID, WPid, DeleteID)
+    except KeyError:
+        return redirect(loadLoginPage)
+
 
 def RestoreHome(request):
     try:
@@ -1216,6 +1227,30 @@ def domain(request, domain):
     except KeyError:
         return redirect(loadLoginPage)
 
+def domainV2(request, domain):
+    try:
+
+        if not request.GET._mutable:
+            request.GET._mutable = True
+        request.GET['domain'] = domain
+
+        result = pluginManager.preDomain(request)
+        if result != 200:
+            return result
+
+        userID = request.session['userID']
+        wm = WebsiteManager(domain)
+        coreResult = wm.loadDomainHomeV2(request, userID)
+
+        result = pluginManager.postDomain(request, coreResult)
+        if result != 200:
+            return result
+
+        return coreResult
+
+    except KeyError:
+        return redirect(loadLoginPage)
+
 
 def launchChild(request, domain, childDomain):
     try:
diff --git a/websiteFunctions/website.py b/websiteFunctions/website.py
index 858dfc1b7..d5a51f0af 100755
--- a/websiteFunctions/website.py
+++ b/websiteFunctions/website.py
@@ -320,6 +320,59 @@ def WPHome(self, request=None, userID=None, WPid=None, DeleteID=None):
                             Data, 'createWebsite')
             return proc.render()
 
+    def WPHomeV2(self, request=None, userID=None, WPid=None, DeleteID=None):
+        Data = {}
+        currentACL = ACLManager.loadedACL(userID)
+        WPobj = WPSites.objects.get(pk=WPid)
+        admin = Administrator.objects.get(pk=userID)
+
+        if ACLManager.checkOwnership(WPobj.owner.domain, admin, currentACL) == 1:
+            pass
+        else:
+            return ACLManager.loadError()
+
+        try:
+
+            url = "https://platform.cyberpersons.com/CyberpanelAdOns/Adonpermission"
+            data = {
+                "name": "wp-manager",
+                "IP": ACLManager.GetServerIP()
+            }
+
+            import requests
+            response = requests.post(url, data=json.dumps(data))
+            Status = response.json()['status']
+
+
+            rnpss = randomPassword.generate_pass(10)
+
+            Data['Randam_String'] = rnpss.lower()
+
+            if (Status == 1) or ProcessUtilities.decideServer() == ProcessUtilities.ent:
+                Data['wpsite'] = WPobj
+                Data['test_domain_data'] = 1
+
+                try:
+                    DeleteID = request.GET.get('DeleteID', None)
+
+                    if DeleteID != None:
+                        wstagingDelete = WPStaging.objects.get(pk=DeleteID, owner=WPobj)
+                        wstagingDelete.delete()
+
+                except BaseException as msg:
+                    da = str(msg)
+
+                proc = httpProc(request, 'websiteFunctions/WPsiteHomeV2.html',
+                                Data, 'createWebsite')
+                return proc.render()
+            else:
+                from django.shortcuts import reverse
+                return redirect(reverse('pricing'))
+        except:
+            proc = httpProc(request, 'websiteFunctions/WPsiteHome.html',
+                            Data, 'createWebsite')
+            return proc.render()
+
     def RestoreHome(self, request=None, userID=None, BackupID=None):
         Data = {}
         currentACL = ACLManager.loadedACL(userID)
@@ -3211,6 +3264,93 @@ def loadDomainHome(self, request=None, userID=None, data=None):
                             {"error": 1, "domain": "This domain does not exists."})
             return proc.render()
 
+    def loadDomainHomeV2(self, request=None, userID=None, data=None):
+
+        if Websites.objects.filter(domain=self.domain).exists():
+
+            currentACL = ACLManager.loadedACL(userID)
+            website = Websites.objects.get(domain=self.domain)
+            admin = Administrator.objects.get(pk=userID)
+
+            if ACLManager.checkOwnership(self.domain, admin, currentACL) == 1:
+                pass
+            else:
+                return ACLManager.loadError()
+
+            Data = {}
+
+            marketingStatus = emACL.checkIfEMEnabled(admin.userName)
+
+            Data['marketingStatus'] = marketingStatus
+            Data['ftpTotal'] = website.package.ftpAccounts
+            Data['ftpUsed'] = website.users_set.all().count()
+
+            Data['databasesUsed'] = website.databases_set.all().count()
+            Data['databasesTotal'] = website.package.dataBases
+
+            Data['domain'] = self.domain
+
+            DiskUsage, DiskUsagePercentage, bwInMB, bwUsage = virtualHostUtilities.FindStats(website)
+
+            ## bw usage calculations
+
+            Data['bwInMBTotal'] = website.package.bandwidth
+            Data['bwInMB'] = bwInMB
+            Data['bwUsage'] = bwUsage
+
+            if DiskUsagePercentage > 100:
+                DiskUsagePercentage = 100
+
+            Data['diskUsage'] = DiskUsagePercentage
+            Data['diskInMB'] = DiskUsage
+            Data['diskInMBTotal'] = website.package.diskSpace
+
+            Data['phps'] = PHPManager.findPHPVersions()
+
+            servicePath = '/home/cyberpanel/postfix'
+            if os.path.exists(servicePath):
+                Data['email'] = 1
+            else:
+                Data['email'] = 0
+
+            ## Getting SSL Information
+            try:
+                import OpenSSL
+                from datetime import datetime
+                filePath = '/etc/letsencrypt/live/%s/fullchain.pem' % (self.domain)
+                x509 = OpenSSL.crypto.load_certificate(OpenSSL.crypto.FILETYPE_PEM,
+                                                       open(filePath, 'r').read())
+                expireData = x509.get_notAfter().decode('ascii')
+                finalDate = datetime.strptime(expireData, '%Y%m%d%H%M%SZ')
+
+                now = datetime.now()
+                diff = finalDate - now
+                Data['viewSSL'] = 1
+                Data['days'] = str(diff.days)
+                Data['authority'] = x509.get_issuer().get_components()[1][1].decode('utf-8')
+
+                if Data['authority'] == 'Denial':
+                    Data['authority'] = '%s has SELF-SIGNED SSL.' % (self.domain)
+                else:
+                    Data['authority'] = '%s has SSL from %s.' % (self.domain, Data['authority'])
+
+            except BaseException as msg:
+                Data['viewSSL'] = 0
+                logging.CyberCPLogFileWriter.writeToFile(str(msg))
+
+            servicePath = '/home/cyberpanel/pureftpd'
+            if os.path.exists(servicePath):
+                Data['ftp'] = 1
+            else:
+                Data['ftp'] = 0
+
+            proc = httpProc(request, 'websiteFunctions/websiteV2.html', Data)
+            return proc.render()
+        else:
+            proc = httpProc(request, 'websiteFunctions/websiteV2.html',
+                            {"error": 1, "domain": "This domain does not exists."})
+            return proc.render()
+
     def launchChild(self, request=None, userID=None, data=None):
 
         if ChildDomains.objects.filter(domain=self.childDomain).exists():