From e9af568354306b5bdd1c8af62eb2feaa50a92af4 Mon Sep 17 00:00:00 2001
From: Juthatip McDevitt <jtp@mcdevitt.tech>
Date: Thu, 13 Jun 2024 11:44:41 -0500
Subject: [PATCH] created admin sidebar

---
 hotel_booking/admin/dashboard.php | 44 +++++++++++++++++++++++++++----
 1 file changed, 39 insertions(+), 5 deletions(-)
diff --git a/hotel_booking/admin/dashboard.php b/hotel_booking/admin/dashboard.php
index 46f1017..78434be 100644
--- a/hotel_booking/admin/dashboard.php
+++ b/hotel_booking/admin/dashboard.php
@@ -25,14 +25,48 @@
             color: black;
             transition: all 0.5s ease;
         }
-        
+        #dashboard-menu{
+            position: fixed;
+            height: 100%;
+            background-color: #194141; 
+            color: white; 
+        }
 
     </style>
 </head>
-<body class="bg-light">
-    <div class="container-fluid text-light p-3 d-flex align-items-center justify-content-between" style="background-color: #112E2E;">
-        <h4>Admin Dashboard</h4>
-        <a href="logout.php" class="btn btn-main">Logout</a>
+<body>
+    <div class="container-fluid text-light p-2 d-flex align-items-center justify-content-between sticky-top" style="background-color: #112E2E;">
+        <div class="d-flex align-items-center">
+            <img src="../images/logo-white.png" alt="logo" style="width: 100px;"/>
+            <h6 style="text-transform: uppercase; font-weight: 600;">Admin Dashboard</h6>
+        </div>
+        <a href="logout.php" class="btn btn-main" style="margin-right: 20px;">Logout</a>
+    </div>
+    <div class="col-lg-2" id="dashboard-menu">
+        <nav class="navbar navbar-expand-lg navbar-light" style="background-color: #194141;">
+            <div class="container-fluid flex-lg-column align-items-stretch">
+                <p class="mt-2" style="font-weight: 600; font-size: 18px;">Admin Panel</p>
+                <button class="navbar-toggler shadow-none border-none mb-2" type="button" data-bs-toggle="collapse" data-bs-target="#adminDropdown" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
+                    <i class="bi bi-list" style="color: white;"></i>
+                </button>
+                <div class="collapse navbar-collapse flex-column align-items-stretch" id="adminDropdown">
+                    <ul class="nav nav-pills flex-column">
+                        <li class="nav-item">
+                            <a class="nav-link text-white" href="dashboard.php">Dashboard</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link text-white" href="#">Rooms</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link text-white" href="#">Users</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link text-white" href="#">Setting</a>
+                        </li>
+                    </ul>    
+                </div>
+            </div>
+        </nav>
     </div>
 
 
