339 lines
13 KiB
PHP
339 lines
13 KiB
PHP
<?php
|
|
include "koneksi.php";
|
|
|
|
session_start();
|
|
|
|
// Periksa apakah pengguna telah login
|
|
if (!isset($_SESSION["username"])) {
|
|
header("Location: login.php"); // Jika tidak ada sesi username, redirect ke halaman login
|
|
exit;
|
|
}
|
|
|
|
// Mengambil username dari sesi
|
|
$username = $_SESSION["username"];
|
|
|
|
// Proses filter tanggal
|
|
$tanggal_filter = isset($_GET['tanggal_pesan']) ? $_GET['tanggal_pesan'] : '';
|
|
if (!empty($tanggal_filter)) {
|
|
// Formulir tanggal dipilih, proses filter
|
|
$sql = "SELECT pemesanan.*, user.nama_lengkap, daftar_perjalanan.kota_asal, daftar_perjalanan.kota_tujuan
|
|
FROM pemesanan
|
|
JOIN user ON pemesanan.id_user = user.id_user
|
|
|
|
JOIN daftar_perjalanan ON pemesanan.id_perjalanan = daftar_perjalanan.id_perjalanan WHERE tanggal_pesan = '$tanggal_filter'";
|
|
} else {
|
|
// Tampilkan semua data jika tanggal tidak dipilih
|
|
$sql = "SELECT pemesanan.*, user.nama_lengkap, daftar_perjalanan.kota_asal, daftar_perjalanan.kota_tujuan
|
|
FROM pemesanan
|
|
JOIN user ON pemesanan.id_user = user.id_user
|
|
JOIN daftar_perjalanan ON pemesanan.id_perjalanan = daftar_perjalanan.id_perjalanan
|
|
";
|
|
}
|
|
|
|
// Eksekusi kueri SQL
|
|
$result = $conn->query($sql);
|
|
|
|
|
|
?>
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<title>Star Admin2 </title>
|
|
<!-- plugins:css -->
|
|
<link rel="stylesheet" href="vendors/feather/feather.css">
|
|
<link rel="stylesheet" href="vendors/mdi/css/materialdesignicons.min.css">
|
|
<link rel="stylesheet" href="vendors/ti-icons/css/themify-icons.css">
|
|
<link rel="stylesheet" href="vendors/typicons/typicons.css">
|
|
<link rel="stylesheet" href="vendors/simple-line-icons/css/simple-line-icons.css">
|
|
<link rel="stylesheet" href="vendors/css/vendor.bundle.base.css">
|
|
<!-- endinject -->
|
|
<!-- Plugin css for this page -->
|
|
<link rel="stylesheet" href="vendors/datatables.net-bs4/dataTables.bootstrap4.css">
|
|
<link rel="stylesheet" href="js/select.dataTables.min.css">
|
|
<!-- End plugin css for this page -->
|
|
<!-- inject:css -->
|
|
<link rel="stylesheet" href="css/vertical-layout-light/style.css">
|
|
<!-- endinject -->
|
|
<link rel="shortcut icon" href="images/favicon.png" />
|
|
</head>
|
|
|
|
<body>
|
|
<!-- partial:partials/_navbar.html -->
|
|
<nav class="navbar default-layout col-lg-12 col-12 p-0 fixed-top d-flex align-items-top flex-row">
|
|
<div class="text-center navbar-brand-wrapper d-flex align-items-center justify-content-start">
|
|
<div class="me-3">
|
|
<button class="navbar-toggler navbar-toggler align-self-center" type="button" data-bs-toggle="minimize">
|
|
<span class="icon-menu"></span>
|
|
</button>
|
|
</div>
|
|
<div>
|
|
<a class="navbar-brand brand-logo" href="#">
|
|
<strong>PettaExpress</strong>
|
|
</a>
|
|
<a class="navbar-brand brand-logo-mini" href="index.html">
|
|
<img src="img/logo-mini.svg" alt="logo" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="navbar-menu-wrapper d-flex align-items-top">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item font-weight-semibold d-none d-lg-block ms-0">
|
|
<h1 class="welcome-text">Semangat Kerja, <span class="text-black fw-bold"><?php echo $username ?></span></h1>
|
|
<h3 class="welcome-sub-text">PETTA TOUR & TRAVEL EXPRESS BANYUWANGI </h3>
|
|
</li>
|
|
</ul>
|
|
<ul class="navbar-nav ms-auto">
|
|
<li class="nav-item d-none d-lg-block">
|
|
<div id="datepicker-popup" class="input-group date datepicker navbar-date-picker">
|
|
<span class="input-group-addon input-group-prepend border-right">
|
|
<span class="icon-calendar input-group-text calendar-icon"></span>
|
|
</span>
|
|
<input type="text" class="form-control">
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<form class="search-form" action="#">
|
|
<i class="icon-search"></i>
|
|
<input type="search" class="form-control" placeholder="Search Here" title="Search here">
|
|
</form>
|
|
</li>
|
|
<li class="nav-item dropdown d-none d-lg-block user-dropdown">
|
|
<a class="nav-link" id="UserDropdown" href="#" data-bs-toggle="dropdown" aria-expanded="false">
|
|
<div class="img-xs rounded-circle profile-initials" id="profileInitials"></div>
|
|
</a>
|
|
<div class="dropdown-menu dropdown-menu-right navbar-dropdown" aria-labelledby="UserDropdown">
|
|
<a class="dropdown-item"><i class="dropdown-item-icon mdi mdi-power text-primary me-2"></i>Sign Out</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
<button class="navbar-toggler navbar-toggler-right d-lg-none align-self-center" type="button" data-bs-toggle="offcanvas">
|
|
<span class="mdi mdi-menu"></span>
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
<!-- partial -->
|
|
<div class="container-fluid page-body-wrapper">
|
|
<nav class="sidebar sidebar-offcanvas" id="sidebar">
|
|
<ul class="nav">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="dashboard.php">
|
|
<i class="mdi mdi-grid-large menu-icon"></i>
|
|
<span class="menu-title">Dashboard</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item nav-category">Pengguna</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-bs-toggle="collapse" href="#ui-basic" aria-expanded="false" aria-controls="ui-basic">
|
|
<i class="menu-icon mdi mdi-floor-plan"></i>
|
|
<span class="menu-title">Pengguna</span>
|
|
<i class="menu-arrow"></i>
|
|
</a>
|
|
<div class="collapse" id="ui-basic">
|
|
<ul class="nav flex-column sub-menu">
|
|
<li class="nav-item"> <a class="nav-link" href="pelanggan.php">Pelanggan</a></li>
|
|
<li class="nav-item"> <a class="nav-link" href="driver.php">Sopir</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item nav-category">Semua Data</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-bs-toggle="collapse" href="#form-elements" aria-expanded="false" aria-controls="form-elements">
|
|
<i class="menu-icon mdi mdi-card-text-outline"></i>
|
|
<span class="menu-title">Pemesanan</span>
|
|
<i class="menu-arrow"></i>
|
|
</a>
|
|
<div class="collapse" id="form-elements">
|
|
<ul class="nav flex-column sub-menu">
|
|
<li class="nav-item"><a class="nav-link" href="pemesanan.php">Data Pemesanan</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-bs-toggle="collapse" href="#charts" aria-expanded="false" aria-controls="charts">
|
|
<i class="menu-icon mdi mdi-chart-line"></i>
|
|
<span class="menu-title">Data Perjalanan</span>
|
|
<i class="menu-arrow"></i>
|
|
</a>
|
|
<div class="collapse" id="charts">
|
|
<ul class="nav flex-column sub-menu">
|
|
<li class="nav-item"> <a class="nav-link" href="jurusan.php">Daftar Perjalanan</a></li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="mobil.php">
|
|
<i class="menu-icon mdi mdi-table"></i>
|
|
<span class="menu-title">Mobil</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<!-- partial -->
|
|
<div class="main-panel">
|
|
<div class="content-wrapper">
|
|
<div class="row">
|
|
<div class="col-lg-12 grid-margin stretch-card">
|
|
<div class="card">
|
|
<div class="card-body">
|
|
<div class="d-flex justify-content-between align-items-center">
|
|
<h4 class="card-title">Data Pesanan</h4>
|
|
<form method="get" action="pemesanan.php" class="d-flex align-items-center">
|
|
<div class="me-2">
|
|
<input type="date" name="tanggal_pesan" class="form-control">
|
|
</div>
|
|
<button type="submit" class="badge btn-success">Filter</button>
|
|
</form>
|
|
</div>
|
|
<div class="table-responsive">
|
|
<table class="table table-Hover">
|
|
<thead>
|
|
<tr>
|
|
<th>Nama</th>
|
|
<th>Perjalanan</th>
|
|
<th>Alamat Jemput</th>
|
|
<th>Alamat Tujuan</th>
|
|
<th>Tanggal Pesan</th>
|
|
<th>Status</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<?php
|
|
// Periksa apakah ada data
|
|
if ($result->num_rows > 0) {
|
|
// Loop untuk menampilkan data
|
|
while ($row = $result->fetch_assoc()) {
|
|
echo "<tr>";
|
|
echo "<td>" . $row["nama_lengkap"] . "</td>";
|
|
echo "<td>" . $row["kota_asal"] . " -> " . $row['kota_tujuan'] . "</td>";
|
|
echo "<td>" . $row["alamat_jemput"] . "</td>";
|
|
echo "<td>" . $row["alamat_tujuan"] . "</td>";
|
|
echo "<td>" . $row["tanggal_pesan"] . "</td>";
|
|
$status = $row["status"];
|
|
$class = '';
|
|
|
|
if ($status == 'Menunggu') {
|
|
$class = 'badge-opacity-warning';
|
|
} elseif ($status == 'Selesai') {
|
|
$class = 'badge-opacity-success';
|
|
} elseif ($status == 'Gagal') {
|
|
$class = 'badge-opacity-danger';
|
|
}
|
|
echo "<td><div class='badge $class'>$status</div></td>";
|
|
|
|
echo "</tr>";
|
|
}
|
|
} else {
|
|
// Jika tidak ada data
|
|
echo "<tr><td colspan='9'>Tidak ada data pemesanan.</td></tr>";
|
|
}
|
|
?>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal Logout -->
|
|
<div class="modal fade" id="logoutModal" tabindex="-1" aria-labelledby="logoutModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="logoutModalLabel">Konfirmasi Logout</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
Apakah Anda yakin ingin logout?
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
|
|
<a href="logout.php" class="btn btn-danger">Logout</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- content-wrapper ends -->
|
|
<!-- partial:partials/_footer.html -->
|
|
<footer class="footer">
|
|
<div class="d-sm-flex justify-content-center justify-content-sm-between">
|
|
<span class="float-none float-sm-right d-block mt-1 mt-sm-0 text-center">Copyright © 2021. All rights reserved.</span>
|
|
</div>
|
|
</footer>
|
|
<!-- partial -->
|
|
</div>
|
|
<!-- main-panel ends -->
|
|
</div>
|
|
<!-- page-body-wrapper ends -->
|
|
</div>
|
|
<!-- container-scroller -->
|
|
|
|
<!-- plugins:js -->
|
|
<script src="vendors/js/vendor.bundle.base.js"></script>
|
|
<!-- endinject -->
|
|
<!-- Plugin js for this page -->
|
|
<script src="vendors/chart.js/Chart.min.js"></script>
|
|
<script src="vendors/bootstrap-datepicker/bootstrap-datepicker.min.js"></script>
|
|
<script src="vendors/progressbar.js/progressbar.min.js"></script>
|
|
|
|
<!-- End plugin js for this page -->
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
// Mengambil nama pengguna dari sesi PHP
|
|
fetch('get_username.php')
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
var name = data.username; // Sesuaikan dengan struktur data yang diambil dari sesi
|
|
var initials = getInitials(name);
|
|
document.getElementById('profileInitials').innerText = initials;
|
|
})
|
|
.catch(error => console.error('Error:', error));
|
|
});
|
|
|
|
function getInitials(name) {
|
|
var names = name.split(' ');
|
|
var initials = names[0].charAt(0).toUpperCase();
|
|
if (names.length > 1) {
|
|
initials += names[names.length - 1].charAt(0).toUpperCase();
|
|
}
|
|
return initials;
|
|
}
|
|
</script>
|
|
<script>
|
|
// Inisialisasi modal
|
|
var myModal = new bootstrap.Modal(document.getElementById('logoutModal'), {
|
|
keyboard: false
|
|
});
|
|
</script>
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", function() {
|
|
$('#tanggalBerangkat').datepicker({
|
|
format: 'yyyy-mm-dd',
|
|
autoclose: true
|
|
});
|
|
});
|
|
</script>
|
|
|
|
|
|
|
|
<!-- inject:js -->
|
|
<script src="js/off-canvas.js"></script>
|
|
<script src="js/hoverable-collapse.js"></script>
|
|
<script src="js/template.js"></script>
|
|
<script src="js/settings.js"></script>
|
|
<script src="js/todolist.js"></script>
|
|
<!-- endinject -->
|
|
<!-- Custom js for this page-->
|
|
<script src="js/jquery.cookie.js" type="text/javascript"></script>
|
|
<script src="js/dashboard.js"></script>
|
|
<script src="js/Chart.roundedBarCharts.js"></script>
|
|
<!-- End custom js for this page-->
|
|
</body>
|
|
|
|
</html>
|