Newer
Older
<?php
require('includes/config.php');
$id_active = 3;
?>
<!DOCTYPE html>
<html>
<head>
<title>History</title>
<link rel="stylesheet" type="text/css" href="css/history.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<body>
<div class="contentBox">
<div class="mainHeader">
<div class="header1">
<div class="title"><span class="title green">PR</span>-<span class=" title red">OJEK</span></div>
<div class="subtitle">wush... wush... ngeeeeeenggg...</div>
</div>
<div class="header2">
<div class="username">Hi, <span class="username bold">pikachu!</span></div>
<div class="logout">Logout</div>
</div>
</div>
<div>
<div class="menu">ORDER</div>
<div class="menu active">HISTORY</div>
<div class="menu">MY PROFILE</div>
</div>
<h1>TRANSACTION HISTORY</h1>
<div>
<div class="submenu active">MY PREVIOUS ORDERS</div>
<div class="submenu">DRIVER HISTORY</div>
</div>
<?php
$sql = "SELECT * FROM transaction JOIN users ON (transaction.id_user=users.ID) WHERE transaction.id_user=". $id_active;
$result = mysqli_query($conn,$sql);
if (mysqli_num_rows($result) > 0) {
// output data of each row
$idx = 1;
while($row = mysqli_fetch_assoc($result)) {
echo '<div class="listBox" id="' .$idx . '">';
$image = '<img src="' . $row['image'] . '" class="thumbnail">';
echo '<button class="buttonHide" onclick="hideElement(' .$idx . ')">HIDE</button>';
echo $image.'<div class="date">' . date('l', strtotime($row['time'])) . ', ' . date('F jS Y', strtotime($row['time'])) . '</div>';
echo '<div class="name"> ' . $row['name']. '</div>';
echo '<div class="route"> ' . $row['picking_point'] . '-' . $row['destination'] . '</div>';
echo '<div class="rating"> You rated: ';
for ($x = 0; $x <= $row['rating']; $x++) {
echo '<i class="material-icons" style="font-size:12px; display:inline-block">star_border</i>';
}
echo '</div>';
echo '<div class="comment"> You commented: </div>';
echo '<div class="comment">' . $row['comment'] . '</div>';
echo '</div>';
$idx++;
}
} else {
echo "0 results";
}
$conn->close();
?>
<script src="js/history.js" type="text/javascript"></script>