From b71486c882f1df240e9d7deae6b5b6357cddb6cd Mon Sep 17 00:00:00 2001
From: Daniela <69676022+bobicloudvision@users.noreply.github.com>
Date: Thu, 23 May 2024 22:55:32 +0300
Subject: [PATCH] Update customer-dashboard.blade.php

---
 .../pages/customer-dashboard.blade.php        | 148 ++++++++++++++++--
 1 file changed, 139 insertions(+), 9 deletions(-)

diff --git a/web/resources/views/filament/pages/customer-dashboard.blade.php b/web/resources/views/filament/pages/customer-dashboard.blade.php
index aa36661..82dd35b 100644
--- a/web/resources/views/filament/pages/customer-dashboard.blade.php
+++ b/web/resources/views/filament/pages/customer-dashboard.blade.php
@@ -4,30 +4,32 @@
         <h1>Tools</h1>
     </div>
 
-    <div>
+    <div class="grid grid-cols-3">
+
+        <div class="col-span-2">
         @foreach($menu as $menuItem)
 
             <div class="bg-white/10 mt-[2rem] rounded px-2 shadow-xl">
-                <div class="flex justify-between py-4">
-                    <div class="flex gap-2 px-4">
+                <div class="flex justify-between">
+                    <div class="flex gap-2 p-[2rem]">
                         <div class="">
                             <x-filament::icon-button size="xl" icon="{{$menuItem['icon']}}" />
                         </div>
                         <div class="">{{$menuItem['title']}}</div>
                     </div>
-                    <div>
+                    <div class="p-[2rem]">
                         <svg 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 mr-2">
                             <path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
                         </svg>
                     </div>
                 </div>
 
-                <div class="border-t border-white/10 pt-2"></div>
+                <div class="border-t dark:border-white/10 border-black/40 pt-2"></div>
                 <div class="grid lg:grid-cols-3 sm:grid-cols-2 grid-cols-1">
                     @foreach($menuItem['menu'] as $menuItemLink)
 
-                        <div class="text-blue-400 hover:text-yellow-500 px-2">
-                            <a href="{{$menuItemLink['link']}}" class="flex px-2 py-2">
+                        <div class="text-blue-400 hover:text-yellow-500  px-[2rem] py-2">
+                            <a href="{{$menuItemLink['link']}}" class="flex">
                                 <div class="">
                                     <x-filament::icon-button size="xl" icon="{{$menuItemLink['icon']}}" />
                                 </div>
@@ -39,9 +41,137 @@
                 </div>
             </div>
         @endforeach
-            <div class="py-4">
-                <p class="text-white/50  ">&copy; 2024 Phyre Hosting Panel. All rights reserved.</p>
+    </div>
+
+
+        <div class="dark:bg-white/10 bg-white/50 ml-[2rem] mt-[2rem] rounded">
+            <div class="p-[2rem]">
+                <h1 class="font-bold">General Information</h1>
+
+                <p class="mt-[2rem] dark:text-white/80 text-black/50">Current User</p>
+                <p class="">bochko</p>
+                <div class="border-b dark:border-white/10 border-black/40 pt-[1rem]"></div>
+
+                <p class="pt-[1rem] dark:text-white/80 text-black/50">Primary Domain</p>
+                <div class="flex gap-2">
+                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+                        <path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 1 0-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 0 0 2.25-2.25v-6.75a2.25 2.25 0 0 0-2.25-2.25H6.75a2.25 2.25 0 0 0-2.25 2.25v6.75a2.25 2.25 0 0 0 2.25 2.25Z" />
+                    </svg>
+                    <p class="text-blue-400"> 10iskata.microweber.me </p>
+                </div>
+                <div class="border-b dark:border-white/10 border-black/40 pt-[1rem]"></div>
+
+                <p class="pt-[1rem] dark:text-white/80 text-black/50">Shared IP Address</p>
+                <p class="">88.99.25.96</p>
+                <div class="border-b dark:border-white/10 border-black/40 pt-[1rem]"></div>
+
+                <p class="pt-[1rem] dark:text-white/80 text-black/50">Home Directory</p>
+                <p class="">/home/iskatami </p>
+                <div class="border-b dark:border-white/10 border-black/40 pt-[1rem]"></div>
+
+                <p class="pt-[1rem] dark:text-white/80 text-black/50">Last Login IP Address</p>
+                <p class="">46.55.227.119</p>
+                <div class="border-b dark:border-white/10 border-black/40 pt-[1rem]"></div>
+
+                <p class="pt-[1rem] dark:text-white/80 text-black/50">Primary Domain</p>
+                <div class="flex gap-2">
+                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+                        <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75" />
+                    </svg>
+                    <p class="text-blue-400">3d4e7dd6-251c-4c8d..</p>
+                </div>
+                <div class="border-b dark:border-white/10 border-black/40 pt-[1rem]"></div>
+
+
+                <p class="pt-[1rem] dark:text-white/80 text-black/50">Theme</p>
+                <div>
+                    <div class="mt-1">
+                        <input type="email" name="email" id="email" class="shadow-sm focus:ring-none focus:border-none block w-full sm:text-sm border-none rounded-md" placeholder="your theme">
+                    </div>
+                </div>
+                <div class="border-b dark:border-white/10 border-black/40 pt-[1rem]"></div>
+
+
+                <div class="flex justify-between pt-[1rem]">
+                    <p class="text-blue-400">Server Information</p>
+                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
+                        <path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5" />
+                    </svg>
+                </div>
+
+                <div class="border-b dark:border-white/10 border-black/40 pt-[1rem]"></div>
+
+
+
             </div>
+
+
+            <div class="p-[2rem]">
+                <h1 class="font-bold">Statistic</h1>
+
+                <p class="mt-[2rem] dark:text-white/80 text-black/50">Disk Usage</p>
+                <p class="">718.43 MB / ∞ </p>
+                <div class="border-b dark:border-white/10 border-black/40 pt-[1rem]"></div>
+
+                <p class="pt-[1rem] dark:text-white/80 text-black/50">Database Disk Usage</p>
+                <p class="">2.36 MB / ∞ </p>
+                <div class="border-b dark:border-white/10 border-black/40 pt-[1rem]"></div>
+
+                <p class="pt-[1rem] dark:text-white/80 text-black/50">Bandwidth</p>
+                <p class="">3.97 MB / ∞ </p>
+                <div class="border-b dark:border-white/10 border-black/40 pt-[1rem]"></div>
+
+                <p class="pt-[1rem] dark:text-white/80 text-black/50">Addon Domains</p>
+                <p class="">0 / ∞ </p>
+                <div class="border-b dark:border-white/10 border-black/40 pt-[1rem]"></div>
+
+                <p class="pt-[1rem] dark:text-white/80 text-black/50">Subdomains</p>
+                <p class="">0 / ∞ </p>
+                <div class="border-b dark:border-white/10 border-black/40 pt-[1rem]"></div>
+
+                <p class="pt-[1rem] dark:text-white/80 text-black/50">Alias Domains</p>
+                <p class="">1 / ∞  </p>
+                <div class="border-b dark:border-white/10 border-black/40 pt-[1rem]"></div>
+
+                <p class="pt-[1rem] dark:text-white/80 text-black/50">Email Accounts</p>
+                <p class="">0 / ∞ </p>
+                <div class="border-b dark:border-white/10 border-black/40 pt-[1rem]"></div>
+
+                <p class="pt-[1rem] dark:text-white/80 text-black/50">Mailing Lists</p>
+                <p class="">0 / ∞ </p>
+                <div class="border-b dark:border-white/10 border-black/40 pt-[1rem]"></div>
+
+                <p class="pt-[1rem] dark:text-white/80 text-black/50">Autoresponders</p>
+                <p class="">0 / ∞ </p>
+                <div class="border-b dark:border-white/10 border-black/40 pt-[1rem]"></div>
+
+                <p class="pt-[1rem] dark:text-white/80 text-black/50">Forwarders</p>
+                <p class="">0 / ∞ </p>
+                <div class="border-b dark:border-white/10 border-black/40 pt-[1rem]"></div>
+
+                <p class="pt-[1rem] dark:text-white/80 text-black/50">Email Filters</p>
+                <p class="">0 / ∞ </p>
+                <div class="border-b dark:border-white/10 border-black/40 pt-[1rem]"></div>
+
+                <p class="pt-[1rem] dark:text-white/80 text-black/50">FTP Accounts</p>
+                <p class="">0 / ∞ </p>
+                <div class="border-b dark:border-white/10 border-black/40 pt-[1rem]"></div>
+
+                <p class="pt-[1rem] dark:text-white/80 text-black/50">Databases</p>
+                <p class="">1 / ∞ </p>
+                <div class="border-b dark:border-white/10 border-black/40 pt-[1rem]"></div>
+
+
+            </div>
+
+        </div>
+
+
+    </div>
+
+
+    <div class="py-4">
+        <p class="text-white/50">&copy; 2024 Phyre Hosting Panel. All rights reserved.</p>
     </div>
 
 </div>