web_php/hotel_booking/admin/components/sidebar.php

60 lines
3.5 KiB
PHP

<!--Header-->
<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-second" style="margin-right: 20px;">Logout</a>
</div>
<!--Sidebar-->
<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" id="dashboard">
<a class="nav-link text-white" href="dashboard.php">Dashboard</a>
</li>
<li class="nav-item" id="booking">
<button class="btn shadow-none text-white w-100 text-start d-flex justify-content-between" type="button" data-bs-toggle="collapse" data-bs-target="#bookings">
<span>Bookings</span>
<span><i class='bx bx-chevron-down'></i></span>
</button>
<div class="collapse px-3 show" id="bookings">
<ul class="nav nav-pills flex-column">
<li class="nav-item" id="new_booking">
<a class="nav-link text-white" href="new_booking.php">New Bookings</a>
</li>
<li class="nav-item" id="booking_record">
<a class="nav-link text-white" href="booking_record.php">Booking Records</a>
</li>
</ul>
</div>
</li>
<li class="nav-item" id="users">
<a class="nav-link text-white" href="users.php">Users</a>
</li>
<li class="nav-item" id="user_query">
<a class="nav-link text-white" href="user_query.php">User Query</a>
</li>
<li class="nav-item" id="user_review">
<a class="nav-link text-white" href="user_review.php">Reviews</a>
</li>
<li class="nav-item" id="rooms">
<a class="nav-link text-white" href="rooms.php">Rooms</a>
</li>
<li class="nav-item" id="accomm">
<a class="nav-link text-white" href="accomm.php">Accommodation</a>
</li>
<li class="nav-item" id="settings">
<a class="nav-link text-white" href="settings.php">Settings</a>
</li>
</ul>
</div>
</div>
</nav>
</div>