From 10fae86e2ba2804b2d3e2cd718c30e8b118989b2 Mon Sep 17 00:00:00 2001
From: Juthatip McDevitt <jtp@mcdevitt.tech>
Date: Thu, 13 Jun 2024 22:13:50 -0500
Subject: [PATCH] updated dashboard

---
 hotel_booking/admin/components/link.php   |  1 +
 hotel_booking/admin/components/script.php | 16 ++++++
 hotel_booking/admin/dashboard.php         | 62 +++--------------------
 3 files changed, 24 insertions(+), 55 deletions(-)
diff --git a/hotel_booking/admin/components/link.php b/hotel_booking/admin/components/link.php
index 04c08ee..374a6e7 100644
--- a/hotel_booking/admin/components/link.php
+++ b/hotel_booking/admin/components/link.php
@@ -1,3 +1,4 @@
+<link rel="stylesheet" href="common.css">
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
 <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
 <link href="https://fonts.googleapis.com/css2?family=Tangerine:wght@400;700&display=swap" rel="stylesheet">
diff --git a/hotel_booking/admin/components/script.php b/hotel_booking/admin/components/script.php
index d311d8e..1d85a3d 100644
--- a/hotel_booking/admin/components/script.php
+++ b/hotel_booking/admin/components/script.php
@@ -1 +1,17 @@
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>    
+
+<script>
+    function alert(type, msg){
+        let bs_class = (type == 'success') ? 'alert-success' : 'alert-danger';
+        let element = document.createElement('div');
+        element.innerHTML = 
+        `<div class="d-flex justify-content-end align-items-start">
+            <div class="alert ${bs_class} alert-dismissible fade show custom-alert-t" role="alert">
+                <strong class="me-3">${msg}</strong>
+                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+            </div>
+        </div>`;
+
+        document.body.append(element);
+    }
+</script>
\ No newline at end of file
diff --git a/hotel_booking/admin/dashboard.php b/hotel_booking/admin/dashboard.php
index 78434be..43deba4 100644
--- a/hotel_booking/admin/dashboard.php
+++ b/hotel_booking/admin/dashboard.php
@@ -9,64 +9,16 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Admin Dashboard | Midtown Hotel</title>
     <?php require('components/link.php') ?> 
-    <style>
-        .btn-main{
-            background-color: #B6C2C2;
-            border: none;
-            color: #112E2E;
-            padding: 6px 12px;
-            text-align: center;
-            font-size: 18px;
-            font-weight: 500;
-            border-radius: 3px;
-        }
-        .btn-main:hover{
-            background-color: lightgray;
-            color: black;
-            transition: all 0.5s ease;
-        }
-        #dashboard-menu{
-            position: fixed;
-            height: 100%;
-            background-color: #194141; 
-            color: white; 
-        }
-
-    </style>
 </head>
 <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>
+    <?php require('components/sidebar.php')?>
+
+    <div class="container-fluid" id="dashboard-body">
+        <div class="row">
+            <div class="col-lg-10 ms-auto p-4 overflow-hidden">
+                This is a dashboard page!
+            </div> 
         </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>
 
 
