2021-11-02 06:20:20 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
|
2021-11-09 06:16:38 +01:00
|
|
|
<%- include('../layouts/header.ejs', {title: 'Product', state: 'product'}); %>
|
2021-11-02 06:20:20 +01:00
|
|
|
|
|
|
|
|
<body style="background-color: #1b1c1e;">
|
2021-11-09 06:16:38 +01:00
|
|
|
<%- include('../layouts/navbar.ejs', {types: 'v3', title: 'Product'}); %>
|
2021-11-02 06:20:20 +01:00
|
|
|
|
|
|
|
|
<div class="card" style="background-color: #212226;">
|
|
|
|
|
<div class="product">
|
2021-11-16 00:44:42 +01:00
|
|
|
<img alt="placeholder image" class="img-fluid lazyload" src="/img/<%= data[0].IMAGE %>"
|
2021-11-02 06:20:20 +01:00
|
|
|
style="width: 400px; height: auto;" />
|
|
|
|
|
<div class="description">
|
|
|
|
|
<div style="margin-left: 20px;">
|
2021-11-16 00:44:42 +01:00
|
|
|
<h1 class="titledes"><%= data[0].TITLE %></h1>
|
2021-11-02 06:20:20 +01:00
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<p class="card-body">
|
2021-11-16 00:44:42 +01:00
|
|
|
<%= data[0].DESCRIPTION %>
|
2021-11-14 06:00:22 +01:00
|
|
|
|
2021-11-02 06:20:20 +01:00
|
|
|
</p>
|
|
|
|
|
</div>
|
2021-11-14 06:00:22 +01:00
|
|
|
<div style="margin-left: 20px; word-break: normal;">
|
2021-11-16 00:44:42 +01:00
|
|
|
<p>Price : <%= data[0].PRICE %></p>
|
|
|
|
|
<p>Stock : <%= data[0].STOCK %></p>
|
2021-11-16 04:31:55 +01:00
|
|
|
<p>Size : <%= data[0].SIZE %></p>
|
2021-11-14 06:00:22 +01:00
|
|
|
</div>
|
2021-11-02 06:20:20 +01:00
|
|
|
<div class="sizeSepatu">
|
2021-11-17 16:36:15 +01:00
|
|
|
<div style="display: flex; color: black;">
|
2021-11-18 06:40:53 +01:00
|
|
|
<!--<button class="button button-bag" >Add to Bag</button>-->
|
|
|
|
|
|
|
|
|
|
<!-- Button trigger modal -->
|
|
|
|
|
<button type="button" class="btn button-bag" id="myBtn" data-toggle="modal" data-target="#exampleModal" onclick="addToBag('<%= data[0].ID %>')">
|
|
|
|
|
Add to Bag
|
|
|
|
|
</button>
|
|
|
|
|
|
|
|
|
|
<!-- Modal -->
|
|
|
|
|
<div class="modal fade black" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
|
|
|
<div class="modal-dialog">
|
|
|
|
|
<div class="modal-content" style="background-color: #1b1c1e; color: white;">
|
|
|
|
|
<div class="modal-header">
|
|
|
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
|
|
|
<span aria-hidden="true">×</span>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="modal-body" style="text-align: center;">
|
2021-11-21 07:40:39 +01:00
|
|
|
Successfully added to Bag
|
2021-11-18 06:40:53 +01:00
|
|
|
</div>
|
|
|
|
|
<div class="modal-footer">
|
2021-11-21 07:40:07 +01:00
|
|
|
<button type="button" class="btn btn-secondary button-close" data-dismiss="modal">Close</button>
|
2021-11-18 06:40:53 +01:00
|
|
|
<a href="/bag"><button type="button" class="btn button-bag">Bag</button></a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2021-11-17 16:36:15 +01:00
|
|
|
</div>
|
2021-11-18 06:40:53 +01:00
|
|
|
|
2021-11-02 06:20:20 +01:00
|
|
|
</div>
|
|
|
|
|
<br>
|
|
|
|
|
<br>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2021-11-10 06:04:14 +01:00
|
|
|
<%- include('../layouts/footer.ejs', {state: 'product'}); %>
|
2021-11-02 06:20:20 +01:00
|
|
|
</body>
|
2021-11-09 06:30:19 +01:00
|
|
|
</html>
|
