diff --git a/app/views/historytravelplan(done).php b/app/views/historytravelplan(done).php
new file mode 100644
index 0000000000000000000000000000000000000000..bb7b09bee974c048981f4e8619d71aa75264cc2d
--- /dev/null
+++ b/app/views/historytravelplan(done).php
@@ -0,0 +1,43 @@
+<?php
+    session_start();
+    $_SESSION['Role'] = "admin";
+?>
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><link rel="icon" type="image/png" href="../../public/package/logo.png"/>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="stylesheet" href="../../public/css/travelplan.css">
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Open+Sans&family=Poppins:wght@300&family=Roboto&display=swap" rel="stylesheet">
+    <title>Travelution</title>
+</head>
+<body>
+    <?php include 'navbar.php'; ?>
+    <div class="createtravelplan">
+        <h1>Done Travel Plan</h1>
+        <div class="listrencanaperjalanan">
+            <div class="box-rencanaperjalanan">
+                <a href="konfirmasi-pesanan">
+                <label id="travelplan">Rencana Perjalanan 1</label>
+                <h2>19 Januari 2024 - 25 Januari 2024</h2>
+                </a>
+            </div>
+            <div class="box-rencanaperjalanan">
+                <a href="konfirmasi-pesanan">
+                <label id="travelplan">Rencana Perjalanan 2</label>
+                <h2>19 Januari 2024 - 25 Januari 2024</h2>
+                </a>
+            </div>
+            <div class="box-rencanaperjalanan">
+                <a href="konfirmasi-pesanan">
+                <label id="travelplan">Rencana Perjalanan 3</label>
+                <h2>19 Januari 2024 - 25 Januari 2024</h2>
+                </a>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/app/views/historytravelplan(ongoing).php b/app/views/historytravelplan(ongoing).php
new file mode 100644
index 0000000000000000000000000000000000000000..f2717690121ff2fe924c8e6ab6418e521e9d4e17
--- /dev/null
+++ b/app/views/historytravelplan(ongoing).php
@@ -0,0 +1,43 @@
+<?php
+    session_start();
+    $_SESSION['Role'] = "admin";
+?>
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><link rel="icon" type="image/png" href="../../public/package/logo.png"/>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="stylesheet" href="../../public/css/travelplan.css">
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Open+Sans&family=Poppins:wght@300&family=Roboto&display=swap" rel="stylesheet">
+    <title>Travelution</title>
+</head>
+<body>
+    <?php include 'navbar.php'; ?>
+    <div class="createtravelplan">
+        <h1>Ongoing Travel Plan</h1>
+        <div class="listrencanaperjalanan">
+            <div class="box-rencanaperjalanan">
+                <a href="konfirmasi-pesanan">
+                <label id="travelplan">Rencana Perjalanan 1</label>
+                <h2>19 Januari 2024 - 25 Januari 2024</h2>
+                </a>
+            </div>
+            <div class="box-rencanaperjalanan">
+                <a href="konfirmasi-pesanan">
+                <label id="travelplan">Rencana Perjalanan 2</label>
+                <h2>19 Januari 2024 - 25 Januari 2024</h2>
+                </a>
+            </div>
+            <div class="box-rencanaperjalanan">
+                <a href="konfirmasi-pesanan">
+                <label id="travelplan">Rencana Perjalanan 3</label>
+                <h2>19 Januari 2024 - 25 Januari 2024</h2>
+                </a>
+            </div>
+        </div>
+    </div>
+</body>
+</html>
\ No newline at end of file
diff --git a/app/views/login.php b/app/views/login.php
index 567a73a74d1b3a0131dbd925e17749aaac28a252..313667fbb6f26ae46f8bfaded49afdc72ac0a478 100644
--- a/app/views/login.php
+++ b/app/views/login.php
@@ -16,7 +16,7 @@
         <input type="text" name="username" id="username" placeholder="Username">
         <h2>Password:</h2>
         <input type="password" name="password" id="password" placeholder="Password">
-        <p>Belum punya akun, <a href="signup.php">daftar dulu</a></p>
+        <p>Belum punya akun, <a href="signup">daftar dulu</a></p>
         <button type="submit" name="submit" id="submit" onclick="login(event)">Login</button>
     <!-- <div class="login">
         <h1>Login Menu</h1>
diff --git a/app/views/navbar.php b/app/views/navbar.php
index 05005e1889edca83fde16478bf1e1e758b9e2119..242362e082b1d85a3b5b09a44295f0b91214f57a 100644
--- a/app/views/navbar.php
+++ b/app/views/navbar.php
@@ -18,6 +18,12 @@
                         <li><a href="list-akomodasi">Akomodasi</a></li>
                     </ul>
                 </li>
+                <li><a href="#">History</a>
+                    <ul class="historydropdown">
+                        <li><a href="history-ongoing">Ongoing</a></li>
+                        <li><a href="history-done">Done</a></li>
+                    </ul>
+                </li>
                 <li><a href="create-travel-plan">TravelPlan</a></li>
                 <li><a href="dashboard">Home</a></li>
                 <li><img src="../../public/package/logo2.png" alt="Travelution Logo"></li>
@@ -39,6 +45,12 @@
                         <li><a href="list-akomodasi">Akomodasi</a></li>
                     </ul>
                 </li>
+                <li><a href="#">History</a>
+                    <ul class="historydropdown">
+                        <li><a href="history-ongoing">Ongoing</a></li>
+                        <li><a href="history-done">Done</a></li>
+                    </ul>
+                </li>
                 <li><a href="create-travel-plan">TravelPlan</a></li>
                 <li><a href="dashboard">Home</a></li>
                 <li><img src="../../public/package/logo2.png" alt="Travelution Logo"></li>
diff --git a/public/css/addplace.css b/public/css/addplace.css
index d09d7e1787de7978d422db41f3ef63b70227be7a..250a6ac404cf09d74eaa61b3538e643be967703e 100644
--- a/public/css/addplace.css
+++ b/public/css/addplace.css
@@ -50,6 +50,17 @@ display: none;
   display: none;
 }
 
+.navbar ul li ul.historydropdown li{
+  display: block;
+}
+
+.navbar ul li ul.historydropdown{
+  width: 200px;
+  position: absolute;
+  z-index: 999;
+  display: none;
+}
+
 .navbar li {
   font-family: 'Montserrat', sans-serif;
   float: right;
@@ -98,6 +109,13 @@ margin-left: -161px;
   margin-top: -1px;
   margin-left: -140px;
 }
+
+.navbar li:hover ul.historydropdown{
+  display: block;
+  margin-top: -1px;
+  margin-left: -140px;
+}
+
 .adddestination {
   width: 90%;
   height: 80%;
diff --git a/public/css/changeinformation.css b/public/css/changeinformation.css
index 5fc2ff293cc5889f7e8f6f9665c788c46a5b3bac..799be716a8be774f385524386448a2b42cf693b0 100644
--- a/public/css/changeinformation.css
+++ b/public/css/changeinformation.css
@@ -5,99 +5,116 @@ body{
 }
 
 .navbar{
-    position: relative;
-    z-index: 100000;
-  }
-  
-  .navbar ul {
-    width: auto;
-    list-style-type: none;
-    margin-left: -8px;
-    margin-top: -8px;
-    overflow: hidden;
-    background-color: rgb(99, 0, 108);
-  }
-  
-  .navbar ul li ul.profiledropdown li{
-    display: block;
-  }
-  
-  .navbar ul li ul.profiledropdown{
-    position: absolute;
-    z-index: 999;
-    display: none;
-  }
-  
-  .navbar ul li ul.profiledropdownadmin li{
+  position: relative;
+  z-index: 100000;
+}
+
+.navbar ul {
+  width: auto;
+  list-style-type: none;
+  margin-left: -8px;
+  margin-top: -8px;
+  overflow: hidden;
+  background-color: rgb(99, 0, 108);
+}
+
+.navbar ul li ul.profiledropdown li{
   display: block;
-  }
-  
-  .navbar ul li ul.profiledropdownadmin{
-  width: 220px;
+}
+
+.navbar ul li ul.profiledropdown{
   position: absolute;
   z-index: 999;
   display: none;
-  }
-  
-  .navbar ul li ul.menudropdown li{
-    display: block;
-  }
-  
-  .navbar ul li ul.menudropdown{
-    width: 200px;
-    position: absolute;
-    z-index: 999;
-    display: none;
-  }
-  
-  .navbar li {
-    font-family: 'Montserrat', sans-serif;
-    float: right;
-  }
-  
-  .navbar li a {
-    display: block;
-    color: white;
-    text-align: center;
-    padding: 22px 26px;
-    text-decoration: none;
-  }
-  
-  .navbar li img {
-    width: 95px;
-    height: 40px;
-    display: block;
-    margin-left: 5px;
-    margin-top: 10px;
-    position: absolute;
-    left: 0;
-  }
-  
-  .navbar li a:hover {
-    background-color: #111;
-  }
-  
-  .navbar li:hover ul.menudropdown{
-    display: block;
-  }
-  
-  .navbar li:hover ul.profiledropdown{
-    display: block;
-    margin-top: -1px;
-    margin-left: -140px;
-  }
-  
-  .navbar li:hover ul.profiledropdownadmin{
+}
+
+.navbar ul li ul.profiledropdownadmin li{
+display: block;
+}
+
+.navbar ul li ul.profiledropdownadmin{
+width: 220px;
+position: absolute;
+z-index: 999;
+display: none;
+}
+
+.navbar ul li ul.menudropdown li{
+  display: block;
+}
+
+.navbar ul li ul.menudropdown{
+  width: 200px;
+  position: absolute;
+  z-index: 999;
+  display: none;
+}
+
+.navbar ul li ul.historydropdown li{
+  display: block;
+}
+
+.navbar ul li ul.historydropdown{
+  width: 200px;
+  position: absolute;
+  z-index: 999;
+  display: none;
+}
+
+.navbar li {
+  font-family: 'Montserrat', sans-serif;
+  float: right;
+}
+
+.navbar li a {
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 22px 26px;
+  text-decoration: none;
+}
+
+.navbar li img {
+  width: 95px;
+  height: 40px;
+  display: block;
+  margin-left: 5px;
+  margin-top: 10px;
+  position: absolute;
+  left: 0;
+}
+
+.navbar li a:hover {
+  background-color: #111;
+}
+
+.navbar li:hover ul.menudropdown{
+  display: block;
+}
+
+.navbar li:hover ul.profiledropdown{
   display: block;
   margin-top: -1px;
-  margin-left: -161px;
-  }
-  
-  .navbar li:hover ul.menudropdown{
-    display: block;
-    margin-top: -1px;
-    margin-left: -140px;
-  }
+  margin-left: -140px;
+}
+
+.navbar li:hover ul.profiledropdownadmin{
+display: block;
+margin-top: -1px;
+margin-left: -161px;
+}
+
+.navbar li:hover ul.menudropdown{
+  display: block;
+  margin-top: -1px;
+  margin-left: -140px;
+}
+
+.navbar li:hover ul.historydropdown{
+  display: block;
+  margin-top: -1px;
+  margin-left: -140px;
+}
 
 .profile-user-info {
     width: 45%;
diff --git a/public/css/dashboard.css b/public/css/dashboard.css
index a57e1f883ec1b31a3768a69fde6aed4075f796b2..dcd0693cb6928b085d6699d07f93ac52f37b3649 100644
--- a/public/css/dashboard.css
+++ b/public/css/dashboard.css
@@ -8,26 +8,27 @@ body{
 }
 
 .navbar{
-    position: relative;
+  position: relative;
+  z-index: 100000;
 }
 
 .navbar ul {
-    width: auto;
-    list-style-type: none;
-    margin-left: -8px;
-    margin-top: -8px;
-    overflow: hidden;
-    background-color: rgb(99, 0, 108);
-  }
+  width: auto;
+  list-style-type: none;
+  margin-left: -8px;
+  margin-top: -8px;
+  overflow: hidden;
+  background-color: rgb(99, 0, 108);
+}
 
 .navbar ul li ul.profiledropdown li{
-    display: block;
+  display: block;
 }
 
 .navbar ul li ul.profiledropdown{
-    position: absolute;
-    z-index: 999;
-    display: none;
+  position: absolute;
+  z-index: 999;
+  display: none;
 }
 
 .navbar ul li ul.profiledropdownadmin li{
@@ -42,60 +43,80 @@ body{
 }
 
 .navbar ul li ul.menudropdown li{
-    display: block;
+  display: block;
 }
 
 .navbar ul li ul.menudropdown{
-    float: left;
-    width: 200px;
-    position: absolute;
-    z-index: 999;
-    display: none;
+  width: 200px;
+  position: absolute;
+  z-index: 999;
+  display: none;
+}
+
+.navbar ul li ul.historydropdown li{
+  display: block;
 }
-  
+
+.navbar ul li ul.historydropdown{
+  width: 200px;
+  position: absolute;
+  z-index: 999;
+  display: none;
+}
+
 .navbar li {
-    font-family: 'Montserrat', sans-serif;
-    float: right;
+  font-family: 'Montserrat', sans-serif;
+  float: right;
 }
-  
+
 .navbar li a {
-    display: block;
-    color: white;
-    text-align: center;
-    padding: 22px 26px;
-    text-decoration: none;
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 22px 26px;
+  text-decoration: none;
 }
 
 .navbar li img {
-    width: 95px;
-    height: 40px;
-    display: block;
-    margin-left: 5px;
-    margin-top: 10px;
-    position: absolute;
-    left: 0;
-}
-  
+  width: 95px;
+  height: 40px;
+  display: block;
+  margin-left: 5px;
+  margin-top: 10px;
+  position: absolute;
+  left: 0;
+}
+
 .navbar li a:hover {
-    background-color: #111;
+  background-color: #111;
+}
+
+.navbar li:hover ul.menudropdown{
+  display: block;
 }
 
 .navbar li:hover ul.profiledropdown{
-    display: block;
-    margin-top: -1px;
-    margin-left: -140px;
+  display: block;
+  margin-top: -1px;
+  margin-left: -140px;
 }
 
 .navbar li:hover ul.profiledropdownadmin{
+display: block;
+margin-top: -1px;
+margin-left: -161px;
+}
+
+.navbar li:hover ul.menudropdown{
   display: block;
   margin-top: -1px;
-  margin-left: -161px;
+  margin-left: -140px;
 }
 
-.navbar li:hover ul.menudropdown{
-    display: block;
-    margin-top: -1px;
-    margin-left: -140px;
+.navbar li:hover ul.historydropdown{
+  display: block;
+  margin-top: -1px;
+  margin-left: -140px;
 }
 
 .maintitle {
diff --git a/public/css/editplace.css b/public/css/editplace.css
index d09d7e1787de7978d422db41f3ef63b70227be7a..250a6ac404cf09d74eaa61b3538e643be967703e 100644
--- a/public/css/editplace.css
+++ b/public/css/editplace.css
@@ -50,6 +50,17 @@ display: none;
   display: none;
 }
 
+.navbar ul li ul.historydropdown li{
+  display: block;
+}
+
+.navbar ul li ul.historydropdown{
+  width: 200px;
+  position: absolute;
+  z-index: 999;
+  display: none;
+}
+
 .navbar li {
   font-family: 'Montserrat', sans-serif;
   float: right;
@@ -98,6 +109,13 @@ margin-left: -161px;
   margin-top: -1px;
   margin-left: -140px;
 }
+
+.navbar li:hover ul.historydropdown{
+  display: block;
+  margin-top: -1px;
+  margin-left: -140px;
+}
+
 .adddestination {
   width: 90%;
   height: 80%;
diff --git a/public/css/infotempatwisata.css b/public/css/infotempatwisata.css
index 37e1807e7b67780370bba7c7af4bb8c395b1bece..270e4bf6193a4cbfa9c16565bc5ee13847b6e2a9 100644
--- a/public/css/infotempatwisata.css
+++ b/public/css/infotempatwisata.css
@@ -5,9 +5,9 @@ body{
 .navbar{
     position: relative;
     z-index: 100000;
-}
-
-.navbar ul {
+  }
+  
+  .navbar ul {
     width: auto;
     list-style-type: none;
     margin-left: -8px;
@@ -15,53 +15,64 @@ body{
     overflow: hidden;
     background-color: rgb(99, 0, 108);
   }
-
-.navbar ul li ul.profiledropdown li{
+  
+  .navbar ul li ul.profiledropdown li{
     display: block;
-}
-
-.navbar ul li ul.profiledropdown{
+  }
+  
+  .navbar ul li ul.profiledropdown{
     position: absolute;
     z-index: 999;
     display: none;
-}
-
-.navbar ul li ul.profiledropdownadmin li{
+  }
+  
+  .navbar ul li ul.profiledropdownadmin li{
   display: block;
-}
-
-.navbar ul li ul.profiledropdownadmin{
+  }
+  
+  .navbar ul li ul.profiledropdownadmin{
   width: 220px;
   position: absolute;
   z-index: 999;
   display: none;
-}
-
-.navbar ul li ul.menudropdown li{
+  }
+  
+  .navbar ul li ul.menudropdown li{
     display: block;
-}
-
-.navbar ul li ul.menudropdown{
+  }
+  
+  .navbar ul li ul.menudropdown{
     width: 200px;
     position: absolute;
     z-index: 999;
     display: none;
-}
+  }
+  
+  .navbar ul li ul.historydropdown li{
+    display: block;
+  }
   
-.navbar li {
+  .navbar ul li ul.historydropdown{
+    width: 200px;
+    position: absolute;
+    z-index: 999;
+    display: none;
+  }
+  
+  .navbar li {
     font-family: 'Montserrat', sans-serif;
     float: right;
   }
   
-.navbar li a {
+  .navbar li a {
     display: block;
     color: white;
     text-align: center;
     padding: 22px 26px;
     text-decoration: none;
   }
-
-.navbar li img {
+  
+  .navbar li img {
     width: 95px;
     height: 40px;
     display: block;
@@ -69,33 +80,39 @@ body{
     margin-top: 10px;
     position: absolute;
     left: 0;
-}
+  }
   
-.navbar li a:hover {
+  .navbar li a:hover {
     background-color: #111;
   }
-
-.navbar li:hover ul.menudropdown{
+  
+  .navbar li:hover ul.menudropdown{
     display: block;
-}
-
-.navbar li:hover ul.profiledropdown{
+  }
+  
+  .navbar li:hover ul.profiledropdown{
     display: block;
     margin-top: -1px;
     margin-left: -140px;
-}
-
-.navbar li:hover ul.profiledropdownadmin{
+  }
+  
+  .navbar li:hover ul.profiledropdownadmin{
   display: block;
   margin-top: -1px;
   margin-left: -161px;
-}
-
-.navbar li:hover ul.menudropdown{
+  }
+  
+  .navbar li:hover ul.menudropdown{
     display: block;
     margin-top: -1px;
     margin-left: -140px;
-}
+  }
+  
+  .navbar li:hover ul.historydropdown{
+    display: block;
+    margin-top: -1px;
+    margin-left: -140px;
+  }
 
 .destination-picture{
     position: flex;
diff --git a/public/css/konfirmasipesanan.css b/public/css/konfirmasipesanan.css
index ef916bb7f109c9b0138af1a89b0e5cf440ad4944..7c3b31dbd04cefd9c93c29cc970043d1eea9557d 100644
--- a/public/css/konfirmasipesanan.css
+++ b/public/css/konfirmasipesanan.css
@@ -5,9 +5,9 @@ body{
 .navbar{
     position: relative;
     z-index: 100000;
-}
-
-.navbar ul {
+  }
+  
+  .navbar ul {
     width: auto;
     list-style-type: none;
     margin-left: -8px;
@@ -15,53 +15,64 @@ body{
     overflow: hidden;
     background-color: rgb(99, 0, 108);
   }
-
-.navbar ul li ul.profiledropdown li{
+  
+  .navbar ul li ul.profiledropdown li{
     display: block;
-}
-
-.navbar ul li ul.profiledropdown{
+  }
+  
+  .navbar ul li ul.profiledropdown{
     position: absolute;
     z-index: 999;
     display: none;
-}
-
-.navbar ul li ul.profiledropdownadmin li{
+  }
+  
+  .navbar ul li ul.profiledropdownadmin li{
   display: block;
-}
-
-.navbar ul li ul.profiledropdownadmin{
+  }
+  
+  .navbar ul li ul.profiledropdownadmin{
   width: 220px;
   position: absolute;
   z-index: 999;
   display: none;
-}
-
-.navbar ul li ul.menudropdown li{
+  }
+  
+  .navbar ul li ul.menudropdown li{
     display: block;
-}
-
-.navbar ul li ul.menudropdown{
+  }
+  
+  .navbar ul li ul.menudropdown{
     width: 200px;
     position: absolute;
     z-index: 999;
     display: none;
-}
+  }
+  
+  .navbar ul li ul.historydropdown li{
+    display: block;
+  }
   
-.navbar li {
+  .navbar ul li ul.historydropdown{
+    width: 200px;
+    position: absolute;
+    z-index: 999;
+    display: none;
+  }
+  
+  .navbar li {
     font-family: 'Montserrat', sans-serif;
     float: right;
   }
   
-.navbar li a {
+  .navbar li a {
     display: block;
     color: white;
     text-align: center;
     padding: 22px 26px;
     text-decoration: none;
   }
-
-.navbar li img {
+  
+  .navbar li img {
     width: 95px;
     height: 40px;
     display: block;
@@ -69,33 +80,39 @@ body{
     margin-top: 10px;
     position: absolute;
     left: 0;
-}
+  }
   
-.navbar li a:hover {
+  .navbar li a:hover {
     background-color: #111;
   }
-
-.navbar li:hover ul.menudropdown{
+  
+  .navbar li:hover ul.menudropdown{
     display: block;
-}
-
-.navbar li:hover ul.profiledropdown{
+  }
+  
+  .navbar li:hover ul.profiledropdown{
     display: block;
     margin-top: -1px;
     margin-left: -140px;
-}
-
-.navbar li:hover ul.profiledropdownadmin{
+  }
+  
+  .navbar li:hover ul.profiledropdownadmin{
   display: block;
   margin-top: -1px;
   margin-left: -161px;
-}
-
-.navbar li:hover ul.menudropdown{
+  }
+  
+  .navbar li:hover ul.menudropdown{
     display: block;
     margin-top: -1px;
     margin-left: -140px;
-}
+  }
+  
+  .navbar li:hover ul.historydropdown{
+    display: block;
+    margin-top: -1px;
+    margin-left: -140px;
+  }
 
 .konfirmasipemesanan h1{
     font-family: 'Montserrat', sans-serif;
diff --git a/public/css/landingpage.css b/public/css/landingpage.css
index 7f584aad8e40224ca04694b725b90130e821ad99..f3f8139d2b9da869ac695e40db57416892136a04 100644
--- a/public/css/landingpage.css
+++ b/public/css/landingpage.css
@@ -8,59 +8,115 @@ body{
 }
 
 .navbar{
-    position: relative;
-    z-index: 100000;
+  position: relative;
+  z-index: 100000;
 }
 
 .navbar ul {
-    width: auto;
-    list-style-type: none;
-    margin-left: -8px;
-    margin-top: -8px;
-    overflow: hidden;
-    background-color: rgb(99, 0, 108);
-  }
+  width: auto;
+  list-style-type: none;
+  margin-left: -8px;
+  margin-top: -8px;
+  overflow: hidden;
+  background-color: rgb(99, 0, 108);
+}
+
+.navbar ul li ul.profiledropdown li{
+  display: block;
+}
+
+.navbar ul li ul.profiledropdown{
+  position: absolute;
+  z-index: 999;
+  display: none;
+}
+
+.navbar ul li ul.profiledropdownadmin li{
+display: block;
+}
+
+.navbar ul li ul.profiledropdownadmin{
+width: 220px;
+position: absolute;
+z-index: 999;
+display: none;
+}
 
 .navbar ul li ul.menudropdown li{
-    display: block;
+  display: block;
 }
 
 .navbar ul li ul.menudropdown{
-    width: 200px;
-    position: absolute;
-    z-index: 999;
-    display: none;
+  width: 200px;
+  position: absolute;
+  z-index: 999;
+  display: none;
+}
+
+.navbar ul li ul.historydropdown li{
+  display: block;
 }
-  
+
+.navbar ul li ul.historydropdown{
+  width: 200px;
+  position: absolute;
+  z-index: 999;
+  display: none;
+}
+
 .navbar li {
-    font-family: 'Montserrat', sans-serif;
-    float: right;
-  }
-  
+  font-family: 'Montserrat', sans-serif;
+  float: right;
+}
+
 .navbar li a {
-    display: block;
-    color: white;
-    text-align: center;
-    padding: 22px 26px;
-    text-decoration: none;
-  }
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 22px 26px;
+  text-decoration: none;
+}
 
 .navbar li img {
-    width: 95px;
-    height: 40px;
-    display: block;
-    margin-left: 5px;
-    margin-top: 10px;
-    position: absolute;
-    left: 0;
-}
-  
+  width: 95px;
+  height: 40px;
+  display: block;
+  margin-left: 5px;
+  margin-top: 10px;
+  position: absolute;
+  left: 0;
+}
+
 .navbar li a:hover {
-    background-color: #111;
-  }
+  background-color: #111;
+}
+
+.navbar li:hover ul.menudropdown{
+  display: block;
+}
+
+.navbar li:hover ul.profiledropdown{
+  display: block;
+  margin-top: -1px;
+  margin-left: -140px;
+}
+
+.navbar li:hover ul.profiledropdownadmin{
+display: block;
+margin-top: -1px;
+margin-left: -161px;
+}
 
 .navbar li:hover ul.menudropdown{
-    display: block;
+  display: block;
+  margin-top: -1px;
+  margin-left: -140px;
+}
+
+.navbar li:hover ul.historydropdown{
+  display: block;
+  margin-top: -1px;
+  margin-left: -140px;
 }
 
 .maintitle {
diff --git a/public/css/listplace.css b/public/css/listplace.css
index 278848d52a08f00c4b7736907774ca1c9f6fc24e..67d38902b9fd07ae692a61a1a93cee8f5811c873 100644
--- a/public/css/listplace.css
+++ b/public/css/listplace.css
@@ -5,9 +5,9 @@ body{
 .navbar{
     position: relative;
     z-index: 100000;
-}
-
-.navbar ul {
+  }
+  
+  .navbar ul {
     width: auto;
     list-style-type: none;
     margin-left: -8px;
@@ -15,53 +15,64 @@ body{
     overflow: hidden;
     background-color: rgb(99, 0, 108);
   }
-
-.navbar ul li ul.profiledropdown li{
+  
+  .navbar ul li ul.profiledropdown li{
     display: block;
-}
-
-.navbar ul li ul.profiledropdown{
+  }
+  
+  .navbar ul li ul.profiledropdown{
     position: absolute;
     z-index: 999;
     display: none;
-}
-
-.navbar ul li ul.profiledropdownadmin li{
+  }
+  
+  .navbar ul li ul.profiledropdownadmin li{
   display: block;
-}
-
-.navbar ul li ul.profiledropdownadmin{
+  }
+  
+  .navbar ul li ul.profiledropdownadmin{
   width: 220px;
   position: absolute;
   z-index: 999;
   display: none;
-}
-
-.navbar ul li ul.menudropdown li{
+  }
+  
+  .navbar ul li ul.menudropdown li{
     display: block;
-}
-
-.navbar ul li ul.menudropdown{
+  }
+  
+  .navbar ul li ul.menudropdown{
     width: 200px;
     position: absolute;
     z-index: 999;
     display: none;
-}
+  }
+  
+  .navbar ul li ul.historydropdown li{
+    display: block;
+  }
   
-.navbar li {
+  .navbar ul li ul.historydropdown{
+    width: 200px;
+    position: absolute;
+    z-index: 999;
+    display: none;
+  }
+  
+  .navbar li {
     font-family: 'Montserrat', sans-serif;
     float: right;
   }
   
-.navbar li a {
+  .navbar li a {
     display: block;
     color: white;
     text-align: center;
     padding: 22px 26px;
     text-decoration: none;
   }
-
-.navbar li img {
+  
+  .navbar li img {
     width: 95px;
     height: 40px;
     display: block;
@@ -69,33 +80,39 @@ body{
     margin-top: 10px;
     position: absolute;
     left: 0;
-}
+  }
   
-.navbar li a:hover {
+  .navbar li a:hover {
     background-color: #111;
   }
-
-.navbar li:hover ul.menudropdown{
+  
+  .navbar li:hover ul.menudropdown{
     display: block;
-}
-
-.navbar li:hover ul.profiledropdown{
+  }
+  
+  .navbar li:hover ul.profiledropdown{
     display: block;
     margin-top: -1px;
     margin-left: -140px;
-}
-
-.navbar li:hover ul.profiledropdownadmin{
+  }
+  
+  .navbar li:hover ul.profiledropdownadmin{
   display: block;
   margin-top: -1px;
   margin-left: -161px;
-}
-
-.navbar li:hover ul.menudropdown{
+  }
+  
+  .navbar li:hover ul.menudropdown{
     display: block;
     margin-top: -1px;
     margin-left: -140px;
-}
+  }
+  
+  .navbar li:hover ul.historydropdown{
+    display: block;
+    margin-top: -1px;
+    margin-left: -140px;
+  }
 
 .listdestination{
     display: flex;
diff --git a/public/css/pilihedit.css b/public/css/pilihedit.css
index 40d453654788230e7f84f1674d26285e470c191d..62396ee37cbd758d7b74cffbef8ef2152200134e 100644
--- a/public/css/pilihedit.css
+++ b/public/css/pilihedit.css
@@ -3,98 +3,115 @@ body{
 }
 
 .navbar{
-    position: relative;
-    z-index: 100000;
+  position: relative;
+  z-index: 100000;
 }
 
 .navbar ul {
-    width: auto;
-    list-style-type: none;
-    margin-left: -8px;
-    margin-top: -8px;
-    overflow: hidden;
-    background-color: rgb(99, 0, 108);
-  }
+  width: auto;
+  list-style-type: none;
+  margin-left: -8px;
+  margin-top: -8px;
+  overflow: hidden;
+  background-color: rgb(99, 0, 108);
+}
 
 .navbar ul li ul.profiledropdown li{
-    display: block;
+  display: block;
 }
 
 .navbar ul li ul.profiledropdown{
-    position: absolute;
-    z-index: 999;
-    display: none;
+  position: absolute;
+  z-index: 999;
+  display: none;
 }
 
 .navbar ul li ul.profiledropdownadmin li{
-  display: block;
+display: block;
 }
 
 .navbar ul li ul.profiledropdownadmin{
-  width: 220px;
+width: 220px;
+position: absolute;
+z-index: 999;
+display: none;
+}
+
+.navbar ul li ul.menudropdown li{
+  display: block;
+}
+
+.navbar ul li ul.menudropdown{
+  width: 200px;
   position: absolute;
   z-index: 999;
   display: none;
 }
 
-.navbar ul li ul.menudropdown li{
-    display: block;
+.navbar ul li ul.historydropdown li{
+  display: block;
 }
 
-.navbar ul li ul.menudropdown{
-    width: 200px;
-    position: absolute;
-    z-index: 999;
-    display: none;
+.navbar ul li ul.historydropdown{
+  width: 200px;
+  position: absolute;
+  z-index: 999;
+  display: none;
 }
-  
+
 .navbar li {
-    font-family: 'Montserrat', sans-serif;
-    float: right;
-  }
-  
+  font-family: 'Montserrat', sans-serif;
+  float: right;
+}
+
 .navbar li a {
-    display: block;
-    color: white;
-    text-align: center;
-    padding: 22px 26px;
-    text-decoration: none;
-  }
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 22px 26px;
+  text-decoration: none;
+}
 
 .navbar li img {
-    width: 95px;
-    height: 40px;
-    display: block;
-    margin-left: 5px;
-    margin-top: 10px;
-    position: absolute;
-    left: 0;
+  width: 95px;
+  height: 40px;
+  display: block;
+  margin-left: 5px;
+  margin-top: 10px;
+  position: absolute;
+  left: 0;
 }
-  
+
 .navbar li a:hover {
-    background-color: #111;
-  }
+  background-color: #111;
+}
 
 .navbar li:hover ul.menudropdown{
-    display: block;
+  display: block;
 }
 
 .navbar li:hover ul.profiledropdown{
-    display: block;
-    margin-top: -1px;
-    margin-left: -140px;
+  display: block;
+  margin-top: -1px;
+  margin-left: -140px;
 }
 
 .navbar li:hover ul.profiledropdownadmin{
+display: block;
+margin-top: -1px;
+margin-left: -161px;
+}
+
+.navbar li:hover ul.menudropdown{
   display: block;
   margin-top: -1px;
-  margin-left: -161px;
+  margin-left: -140px;
 }
 
-.navbar li:hover ul.menudropdown{
-    display: block;
-    margin-top: -1px;
-    margin-left: -140px;
+.navbar li:hover ul.historydropdown{
+  display: block;
+  margin-top: -1px;
+  margin-left: -140px;
 }
 
 .listdestination{
diff --git a/public/css/profileinformation.css b/public/css/profileinformation.css
index d1af5b34716c6dc60f2b07ec63359e39d12bf43a..24b3d00e444f5c96a9169256ccf98abdc913745e 100644
--- a/public/css/profileinformation.css
+++ b/public/css/profileinformation.css
@@ -5,99 +5,116 @@ body{
 }
 
 .navbar{
-    position: relative;
-    z-index: 100000;
-  }
-  
-  .navbar ul {
-    width: auto;
-    list-style-type: none;
-    margin-left: -8px;
-    margin-top: -8px;
-    overflow: hidden;
-    background-color: rgb(99, 0, 108);
-  }
-  
-  .navbar ul li ul.profiledropdown li{
-    display: block;
-  }
-  
-  .navbar ul li ul.profiledropdown{
-    position: absolute;
-    z-index: 999;
-    display: none;
-  }
-  
-  .navbar ul li ul.profiledropdownadmin li{
+  position: relative;
+  z-index: 100000;
+}
+
+.navbar ul {
+  width: auto;
+  list-style-type: none;
+  margin-left: -8px;
+  margin-top: -8px;
+  overflow: hidden;
+  background-color: rgb(99, 0, 108);
+}
+
+.navbar ul li ul.profiledropdown li{
   display: block;
-  }
-  
-  .navbar ul li ul.profiledropdownadmin{
-  width: 220px;
+}
+
+.navbar ul li ul.profiledropdown{
   position: absolute;
   z-index: 999;
   display: none;
-  }
-  
-  .navbar ul li ul.menudropdown li{
-    display: block;
-  }
-  
-  .navbar ul li ul.menudropdown{
-    width: 200px;
-    position: absolute;
-    z-index: 999;
-    display: none;
-  }
-  
-  .navbar li {
-    font-family: 'Montserrat', sans-serif;
-    float: right;
-  }
-  
-  .navbar li a {
-    display: block;
-    color: white;
-    text-align: center;
-    padding: 22px 26px;
-    text-decoration: none;
-  }
-  
-  .navbar li img {
-    width: 95px;
-    height: 40px;
-    display: block;
-    margin-left: 5px;
-    margin-top: 10px;
-    position: absolute;
-    left: 0;
-  }
-  
-  .navbar li a:hover {
-    background-color: #111;
-  }
-  
-  .navbar li:hover ul.menudropdown{
-    display: block;
-  }
-  
-  .navbar li:hover ul.profiledropdown{
-    display: block;
-    margin-top: -1px;
-    margin-left: -140px;
-  }
-  
-  .navbar li:hover ul.profiledropdownadmin{
+}
+
+.navbar ul li ul.profiledropdownadmin li{
+display: block;
+}
+
+.navbar ul li ul.profiledropdownadmin{
+width: 220px;
+position: absolute;
+z-index: 999;
+display: none;
+}
+
+.navbar ul li ul.menudropdown li{
+  display: block;
+}
+
+.navbar ul li ul.menudropdown{
+  width: 200px;
+  position: absolute;
+  z-index: 999;
+  display: none;
+}
+
+.navbar ul li ul.historydropdown li{
+  display: block;
+}
+
+.navbar ul li ul.historydropdown{
+  width: 200px;
+  position: absolute;
+  z-index: 999;
+  display: none;
+}
+
+.navbar li {
+  font-family: 'Montserrat', sans-serif;
+  float: right;
+}
+
+.navbar li a {
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 22px 26px;
+  text-decoration: none;
+}
+
+.navbar li img {
+  width: 95px;
+  height: 40px;
+  display: block;
+  margin-left: 5px;
+  margin-top: 10px;
+  position: absolute;
+  left: 0;
+}
+
+.navbar li a:hover {
+  background-color: #111;
+}
+
+.navbar li:hover ul.menudropdown{
+  display: block;
+}
+
+.navbar li:hover ul.profiledropdown{
   display: block;
   margin-top: -1px;
-  margin-left: -161px;
-  }
-  
-  .navbar li:hover ul.menudropdown{
-    display: block;
-    margin-top: -1px;
-    margin-left: -140px;
-  }
+  margin-left: -140px;
+}
+
+.navbar li:hover ul.profiledropdownadmin{
+display: block;
+margin-top: -1px;
+margin-left: -161px;
+}
+
+.navbar li:hover ul.menudropdown{
+  display: block;
+  margin-top: -1px;
+  margin-left: -140px;
+}
+
+.navbar li:hover ul.historydropdown{
+  display: block;
+  margin-top: -1px;
+  margin-left: -140px;
+}
 
 .profileinfo {
     width: 40%;
diff --git a/public/css/reservationmenu.css b/public/css/reservationmenu.css
index 6c6ae5fabcaa3b89a35331c592855dc6dac3344b..5304451a1fd59a81491d2858988886e2cabd7454 100644
--- a/public/css/reservationmenu.css
+++ b/public/css/reservationmenu.css
@@ -5,99 +5,116 @@ body{
 }
 
 .navbar{
-    position: relative;
-    z-index: 100000;
-  }
-  
-  .navbar ul {
-    width: auto;
-    list-style-type: none;
-    margin-left: -8px;
-    margin-top: -8px;
-    overflow: hidden;
-    background-color: rgb(99, 0, 108);
-  }
-  
-  .navbar ul li ul.profiledropdown li{
-    display: block;
-  }
-  
-  .navbar ul li ul.profiledropdown{
-    position: absolute;
-    z-index: 999;
-    display: none;
-  }
-  
-  .navbar ul li ul.profiledropdownadmin li{
+  position: relative;
+  z-index: 100000;
+}
+
+.navbar ul {
+  width: auto;
+  list-style-type: none;
+  margin-left: -8px;
+  margin-top: -8px;
+  overflow: hidden;
+  background-color: rgb(99, 0, 108);
+}
+
+.navbar ul li ul.profiledropdown li{
   display: block;
-  }
-  
-  .navbar ul li ul.profiledropdownadmin{
-  width: 220px;
+}
+
+.navbar ul li ul.profiledropdown{
   position: absolute;
   z-index: 999;
   display: none;
-  }
-  
-  .navbar ul li ul.menudropdown li{
-    display: block;
-  }
-  
-  .navbar ul li ul.menudropdown{
-    width: 200px;
-    position: absolute;
-    z-index: 999;
-    display: none;
-  }
-  
-  .navbar li {
-    font-family: 'Montserrat', sans-serif;
-    float: right;
-  }
-  
-  .navbar li a {
-    display: block;
-    color: white;
-    text-align: center;
-    padding: 22px 26px;
-    text-decoration: none;
-  }
-  
-  .navbar li img {
-    width: 95px;
-    height: 40px;
-    display: block;
-    margin-left: 5px;
-    margin-top: 10px;
-    position: absolute;
-    left: 0;
-  }
-  
-  .navbar li a:hover {
-    background-color: #111;
-  }
-  
-  .navbar li:hover ul.menudropdown{
-    display: block;
-  }
-  
-  .navbar li:hover ul.profiledropdown{
-    display: block;
-    margin-top: -1px;
-    margin-left: -140px;
-  }
-  
-  .navbar li:hover ul.profiledropdownadmin{
+}
+
+.navbar ul li ul.profiledropdownadmin li{
+display: block;
+}
+
+.navbar ul li ul.profiledropdownadmin{
+width: 220px;
+position: absolute;
+z-index: 999;
+display: none;
+}
+
+.navbar ul li ul.menudropdown li{
+  display: block;
+}
+
+.navbar ul li ul.menudropdown{
+  width: 200px;
+  position: absolute;
+  z-index: 999;
+  display: none;
+}
+
+.navbar ul li ul.historydropdown li{
+  display: block;
+}
+
+.navbar ul li ul.historydropdown{
+  width: 200px;
+  position: absolute;
+  z-index: 999;
+  display: none;
+}
+
+.navbar li {
+  font-family: 'Montserrat', sans-serif;
+  float: right;
+}
+
+.navbar li a {
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 22px 26px;
+  text-decoration: none;
+}
+
+.navbar li img {
+  width: 95px;
+  height: 40px;
+  display: block;
+  margin-left: 5px;
+  margin-top: 10px;
+  position: absolute;
+  left: 0;
+}
+
+.navbar li a:hover {
+  background-color: #111;
+}
+
+.navbar li:hover ul.menudropdown{
+  display: block;
+}
+
+.navbar li:hover ul.profiledropdown{
   display: block;
   margin-top: -1px;
-  margin-left: -161px;
-  }
-  
-  .navbar li:hover ul.menudropdown{
-    display: block;
-    margin-top: -1px;
-    margin-left: -140px;
-  }
+  margin-left: -140px;
+}
+
+.navbar li:hover ul.profiledropdownadmin{
+display: block;
+margin-top: -1px;
+margin-left: -161px;
+}
+
+.navbar li:hover ul.menudropdown{
+  display: block;
+  margin-top: -1px;
+  margin-left: -140px;
+}
+
+.navbar li:hover ul.historydropdown{
+  display: block;
+  margin-top: -1px;
+  margin-left: -140px;
+}
 
 .reservasimenu {
     width: 30%;
diff --git a/public/css/reviewmenu.css b/public/css/reviewmenu.css
index 4202f5318ca07ec6a1b656d3be548238f599004a..dd8c1cb9d2a943294a811734702be1aafee7d389 100644
--- a/public/css/reviewmenu.css
+++ b/public/css/reviewmenu.css
@@ -48,6 +48,17 @@ body{
     display: none;
   }
   
+  .navbar ul li ul.historydropdown li{
+    display: block;
+  }
+  
+  .navbar ul li ul.historydropdown{
+    width: 200px;
+    position: absolute;
+    z-index: 999;
+    display: none;
+  }
+  
   .navbar li {
     font-family: 'Montserrat', sans-serif;
     float: right;
@@ -97,6 +108,12 @@ body{
     margin-left: -140px;
   }
   
+  .navbar li:hover ul.historydropdown{
+    display: block;
+    margin-top: -1px;
+    margin-left: -140px;
+  }
+  
   .reviewplaces h1 {
     font-family: 'Montserrat', sans-serif;
     font-size: 50px;
diff --git a/public/css/travelplan.css b/public/css/travelplan.css
index 3a8fbae633ef34fa6978c53ab0ac6529557e09bc..7f4e27443ea600709c886be04fcc4f1fc49d9e35 100644
--- a/public/css/travelplan.css
+++ b/public/css/travelplan.css
@@ -3,94 +3,115 @@ body{
 }
 
 .navbar{
-    position: relative;
+  position: relative;
+  z-index: 100000;
 }
 
 .navbar ul {
-    width: auto;
-    list-style-type: none;
-    margin-left: -8px;
-    margin-top: -8px;
-    overflow: hidden;
-    background-color: rgb(99, 0, 108);
-  }
+  width: auto;
+  list-style-type: none;
+  margin-left: -8px;
+  margin-top: -8px;
+  overflow: hidden;
+  background-color: rgb(99, 0, 108);
+}
 
 .navbar ul li ul.profiledropdown li{
-    display: block;
+  display: block;
 }
 
 .navbar ul li ul.profiledropdown{
-    position: absolute;
-    z-index: 999;
-    display: none;
+  position: absolute;
+  z-index: 999;
+  display: none;
 }
 
 .navbar ul li ul.profiledropdownadmin li{
-  display: block;
+display: block;
 }
 
 .navbar ul li ul.profiledropdownadmin{
-  width: 220px;
+width: 220px;
+position: absolute;
+z-index: 999;
+display: none;
+}
+
+.navbar ul li ul.menudropdown li{
+  display: block;
+}
+
+.navbar ul li ul.menudropdown{
+  width: 200px;
   position: absolute;
   z-index: 999;
   display: none;
 }
 
-.navbar ul li ul.menudropdown li{
-    display: block;
+.navbar ul li ul.historydropdown li{
+  display: block;
 }
 
-.navbar ul li ul.menudropdown{
-    float: left;
-    width: 200px;
-    position: absolute;
-    z-index: 999;
-    display: none;
+.navbar ul li ul.historydropdown{
+  width: 200px;
+  position: absolute;
+  z-index: 999;
+  display: none;
 }
-  
+
 .navbar li {
-    font-family: 'Montserrat', sans-serif;
-    float: right;
+  font-family: 'Montserrat', sans-serif;
+  float: right;
 }
-  
+
 .navbar li a {
-    display: block;
-    color: white;
-    text-align: center;
-    padding: 22px 26px;
-    text-decoration: none;
+  display: block;
+  color: white;
+  text-align: center;
+  padding: 22px 26px;
+  text-decoration: none;
 }
 
 .navbar li img {
-    width: 95px;
-    height: 40px;
-    display: block;
-    margin-left: 5px;
-    margin-top: 10px;
-    position: absolute;
-    left: 0;
+  width: 95px;
+  height: 40px;
+  display: block;
+  margin-left: 5px;
+  margin-top: 10px;
+  position: absolute;
+  left: 0;
 }
-  
+
 .navbar li a:hover {
-    background-color: #111;
+  background-color: #111;
+}
+
+.navbar li:hover ul.menudropdown{
+  display: block;
 }
 
 .navbar li:hover ul.profiledropdown{
-    display: block;
-    margin-top: -1px;
-    margin-left: -140px;
+  display: block;
+  margin-top: -1px;
+  margin-left: -140px;
 }
 
 .navbar li:hover ul.profiledropdownadmin{
+display: block;
+margin-top: -1px;
+margin-left: -161px;
+}
+
+.navbar li:hover ul.menudropdown{
   display: block;
   margin-top: -1px;
-  margin-left: -161px;
+  margin-left: -140px;
 }
 
-.navbar li:hover ul.menudropdown{
-    display: block;
-    margin-top: -1px;
-    margin-left: -140px;
+.navbar li:hover ul.historydropdown{
+  display: block;
+  margin-top: -1px;
+  margin-left: -140px;
 }
 
 .createtravelplan h1{