diff --git a/app/view/book_detail.php b/app/view/book_detail.php
new file mode 100644
index 0000000000000000000000000000000000000000..fff809c956c7c15bd42486173d4811d75478cae9
--- /dev/null
+++ b/app/view/book_detail.php
@@ -0,0 +1,6 @@
+<?php
+ include __STATIC__.'/html/header.html';
+ // Include content here;
+ include __STATIC__.'/html/book_detail.html';
+ include __STATIC__.'/html/footer.html';
+?>
\ No newline at end of file
diff --git a/app/view/history.php b/app/view/history.php
index 2b719757ecd20ee79dc06b5b29c242fc5d378650..5c74fb8664feef57babd253ebd88163c9613c335 100644
--- a/app/view/history.php
+++ b/app/view/history.php
@@ -1,6 +1,6 @@
<?php
include __STATIC__.'/html/header.html';
// Include content here;
- echo "Implement plz";
+ include __STATIC__.'/html/history.html';
include __STATIC__.'/html/footer.html';
?>
\ No newline at end of file
diff --git a/config/devel.php b/config/devel.php
index ad2af678967799b27b8760715bed5fd89e87b67d..e8c983db10b66f42bbabc006a78052b27c0c1beb 100644
--- a/config/devel.php
+++ b/config/devel.php
@@ -3,7 +3,7 @@
"db" => array(
"host" => "localhost",
"user" => "root",
- "password" => "rahasiailahi",
+ "password" => "rinda123",
"db_name" => "tayo_book_store"
),
"base_url" => "http://localhost:4000/",
diff --git a/public/index.php b/public/index.php
index 660a71f204f03f0c7742e0a2a923a0fd6255f27c..9d05739655feffa2f0631e3e53a789590b67f94a 100644
--- a/public/index.php
+++ b/public/index.php
@@ -43,6 +43,7 @@
$router->add("/browse/", "GET", 'render', $authMiddleware, 'browse.php');
$router->add("/results/", "GET", "render", $authMiddleware, "result.php");
$router->add("/login/", "GET", 'render', null, 'login.php');
+ $router->add("/book_detail/", "GET", 'render', null, 'book_detail.php');
$router->add("/register/", "GET", 'render', null, 'register.php');
$router->add("/history/", "GET", 'render', $authMiddleware, 'history.php');
$router->add("/profile/", "GET", 'render', $authMiddleware, 'profile.php');
diff --git a/public/static/css/book_detail.css b/public/static/css/book_detail.css
new file mode 100644
index 0000000000000000000000000000000000000000..207a8026e20648bafa4d28c01da556f6a01b99ed
--- /dev/null
+++ b/public/static/css/book_detail.css
@@ -0,0 +1,112 @@
+body {
+ font-family: 'Calibri';
+}
+
+#bookdetail {
+ margin: 40px;
+ margin-top: 20px;
+ width:95%;
+}
+
+.book {
+ display: flex;
+}
+
+.kiri {
+ flex-grow: 5;
+}
+
+.kanan {
+ flex-grow: 5;
+}
+
+#book_title{
+ font-size: 70px;
+ color: #FF6029;
+ font-family: 'Arial Rounded MT Bold'
+}
+
+#author {
+ color: #4E4E4E;
+ font-weight: bold;
+ margin-left: 5px;
+}
+
+#bookdescription {
+ margin-left: 5px;
+}
+
+.book_image {
+ margin-top: 20px;
+ float:right;
+ width:160px;
+ border: 1px solid black;
+ margin-right: 20px;
+}
+
+.submit-button {
+ font-size: 1.5em;
+ color: white;
+ border: 1px solid #00AFEA;
+ border-radius: 5px;
+ padding:3px 40px 3px 40px;
+ margin: 0 auto;
+ background-color: #00AFEA;
+ float: right;
+ margin-right: 30px
+}
+
+#subtitle {
+ font-size: 35px;
+ color: #003B4C;
+ font-family: 'Arial Rounded MT Bold'
+}
+
+.review-container{
+ display: flex;
+ justify-content: space-between;
+}
+
+.review {
+ flex-grow: 5;
+}
+
+.rate {
+ flex-grow: 1;
+ text-align: right;
+ margin-right: 50px;
+}
+
+.imgreviewuser {
+ width: 100px;
+ float: left;
+ margin-left: 5px;
+ border: 1px solid black;
+}
+
+.username {
+ margin-left: 120px;
+ font-size: 25px;
+ color: #4E4E4E;
+ font-family: 'Arial Rounded MT Bold';
+ font-weight: bold;
+}
+
+.reviewdesc {
+ margin-left: 120px;
+ color:#4E4E4E;
+}
+
+.starfull {
+ text-align: right;
+ width: 70px;
+}
+
+.rating {
+ margin-right: 8px;
+}
+
+.bookrating {
+ width: 40px;
+ float: right;
+}
\ No newline at end of file
diff --git a/public/static/css/history.css b/public/static/css/history.css
new file mode 100644
index 0000000000000000000000000000000000000000..7ed5dabbba0e5a9737b641dd1f6593e99176304a
--- /dev/null
+++ b/public/static/css/history.css
@@ -0,0 +1,84 @@
+body {
+ font-family: 'Calibri';
+}
+
+#history {
+ margin: 40px;
+ margin-top: 20px;
+ width:95%;
+}
+
+#title {
+ font-size: 70px;
+ color: #FF6029;
+ font-family: 'Arial Rounded MT Bold'
+}
+
+.book-container {
+ display: flex;
+}
+
+.bc1 {
+ color:#4E4E4E;
+ flex-grow: 5;
+}
+
+.imghistory {
+ width: 100px;
+ float: left;
+ margin-left: 5px;
+ border: 1px solid black;
+}
+
+.booktitle {
+ font-size: 30px;
+ color: #FF6029;
+ font-family: 'Arial Rounded MT Bold';
+ margin-left: 120px;
+}
+
+#jumlah {
+ margin-left: 15px;
+ float: left;
+ line-height: 2;
+}
+
+.banyakjumlah {
+ margin-left: 15px;
+ line-height: 2;
+}
+
+.status {
+ margin-left: 15px;
+ float: left;
+}
+
+.bc2 {
+ margin-right: 10px;
+ font-weight: bold;
+ flex-grow: 1;
+
+}
+.waktupesan {
+ float: right;
+}
+
+#NoOrder {
+ float: right;
+}
+
+.order {
+ float: right;
+}
+
+.submit-button {
+ font-size: 1em;
+ color: white;
+ border: 1px solid #00AFEA;
+ border-radius: 5px;
+ padding:3px 15px 3px 15px;
+ margin: 0 auto;
+ background-color: #00AFEA;
+ float: right;
+
+}
\ No newline at end of file
diff --git a/public/static/html/book_detail.html b/public/static/html/book_detail.html
new file mode 100644
index 0000000000000000000000000000000000000000..bd6bd7aa97dfabdfd2375199bcddb2e3f96efaad
--- /dev/null
+++ b/public/static/html/book_detail.html
@@ -0,0 +1,77 @@
+<link rel="stylesheet" href="/static/css/base.css">
+<link rel="stylesheet" href="/static/css/book_detail.css">
+
+<div id="bookdetail">
+ <div class="book">
+ <div class="kiri">
+ <div id="book_title">Nota Hidup</div>
+ <div id="author">Light R. D. B.</div><br>
+ <div id="bookdescription">
+ Buku ajaib yang berisi nama-nama orang terpilih. Jika namamu tertulis di buku ini maka kamu adalah salah satu orang yang beruntung.
+ </div>
+ </div>
+ <div class="kanan">
+ <img src="/static/img/contoh_buku.png" class="book_image"><br>
+ </div>
+ </div>
+
+ <br>
+ <img src="/static/img/starhole.png" class="bookrating">
+ <img src="/static/img/starfull.png" class="bookrating">
+ <img src="/static/img/starfull.png" class="bookrating">
+ <img src="/static/img/starfull.png" class="bookrating">
+ <img src="/static/img/starfull.png" class="bookrating">
+
+
+ <br><h2 id="subtitle">Order</h2>
+ Jumlah:
+ <select id="banyakjumlah">
+ <option value="1">1</option>
+ <option value="2">2</option>
+ <option value="3">3</option>
+ <option value="4">4</option>
+ <option value="5">5</option>
+ <option value="6">6</option>
+ <option value="7">7</option>
+ <option value="8">8</option>
+ <option value="9">9</option>
+ <option value="10">10</option>
+ </select>
+
+
+ <div class="submit-order">
+ <button class="submit-button">Order</button>
+ </div><br>
+ <h2 id="subtitle">Reviews</h2>
+
+ <div class="review-container">
+ <div class="review">
+ <img src="/static/img/tayoblue.jpg" class="imgreviewuser">
+ <div class="username">@tayotayo</div>
+ <div class="reviewdesc">
+ Buku ini keren! Nama Rogi dan Lani, temanku, ada di sini, keberuntungan hebat menanti mereka! ( ^_^)
+ </div>
+ </div>
+ <div class="rate">
+ <img src="/static/img/starfull.png" class="starfull">
+ <!-- <div class="starhole">★</div> -->
+ <div class="rating">5.0 / 5.0</div>
+ </div>
+ </div>
+ <br>
+ <div class="review-container">
+ <div class="review">
+ <img src="/static/img/tayogreen.jpg" class="imgreviewuser">
+ <div class="username">@ROGreen</div>
+ <div class="reviewdesc">
+ Aku membeli buku ini atas rekomendasi Tayo, aku menemukan namaku sendiri di buku ini. Aku tidak tahu harus senang atau sedih ( '_')
+ </div>
+ </div>
+ <div class="rate">
+ <img src="/static/img/starfull.png" class="starfull">
+ <!-- <div class="starhole">★</div> -->
+ <div class="rating">4.0 / 5.0</div>
+
+ </div>
+ </div>
+</div>
\ No newline at end of file
diff --git a/public/static/html/history.html b/public/static/html/history.html
new file mode 100644
index 0000000000000000000000000000000000000000..1b6b56528d35704d49be538d0d889de78e8f21a3
--- /dev/null
+++ b/public/static/html/history.html
@@ -0,0 +1,41 @@
+<link rel="stylesheet" href="/static/css/base.css">
+<link rel="stylesheet" href="/static/css/history.css">
+
+<div id="history">
+ <div id="title">History</div><br>
+
+ <div class="book-container">
+ <div class="bc1">
+ <img src="/static/img/contoh_buku.png" class="imghistory">
+ <div class="booktitle">Nota Hidup</div>
+ <div id="jumlah">Jumlah : </div>
+ <div class="banyakjumlah">1</div>
+ <div class="status">Anda sudah memberikan review</div>
+ </div>
+ <div class="bc2">
+ <div class="waktupesan">30 September 2018</div><br>
+ <div class="order">2</div>
+ <div id="NoOrder">Nomor Order : #</div>
+
+ </div>
+ </div>
+ <br><br>
+ <div class="book-container">
+ <div class="bc1">
+ <img src="/static/img/fantasticbis.jpeg" class="imghistory">
+ <div class="booktitle">Bis Fantastis & Cara Menemukannya</div>
+ <div id="jumlah">Jumlah : </div>
+ <div class="banyakjumlah">10</div>
+ <div class="status">Belum direview</div>
+ </div>
+ <div class="bc2">
+ <div class="waktupesan">28 September 2018</div><br>
+ <div class="order">1</div>
+ <div id="NoOrder">Nomor Order : #</div><br><br>
+ <div class="submit-review">
+ <button class="submit-button">Review</button>
+ </div><br>
+ </div>
+ </div>
+
+</div>
\ No newline at end of file
diff --git a/public/static/img/fantasticbis.jpeg b/public/static/img/fantasticbis.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..c2195cce4f5c8013d5aa37deb3266214de96c6f6
Binary files /dev/null and b/public/static/img/fantasticbis.jpeg differ
diff --git a/public/static/img/starfull.PNG b/public/static/img/starfull.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..bcd18bc0ae8a9bf5d5de95a8949f441802202eb4
Binary files /dev/null and b/public/static/img/starfull.PNG differ
diff --git a/public/static/img/starhole.PNG b/public/static/img/starhole.PNG
new file mode 100644
index 0000000000000000000000000000000000000000..9f0e851ead6c11969622598ab79e6b7b89c81938
Binary files /dev/null and b/public/static/img/starhole.PNG differ
diff --git a/public/static/img/tayoblue.jpg b/public/static/img/tayoblue.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..12f13a9a0f78d7a72ab62f5aa881d5f5feba0fb7
Binary files /dev/null and b/public/static/img/tayoblue.jpg differ
diff --git a/public/static/img/tayogreen.jpg b/public/static/img/tayogreen.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..dce30efa809aa29ed4a736d2965c25fc234c1ee1
Binary files /dev/null and b/public/static/img/tayogreen.jpg differ