cart.ejs

<% layout("layouts/boilerplate.ejs") %> 
<% if(product){ %> 
Your cart
<br>
<div class="row justify-content-evenly">
<div class="col-8">
<table class="table">
    <thead>
      <tr>
        <th scope="col">#</th>
        <th scope="col">Item</th>
        <th scope="col">Qty</th>
        <th scope="col">Price</th>
      </tr>
    </thead>
    <tbody> 
      <tr>
        <th scope="row">1</th>
        <td><%= product.title %> </td>
        <td><ul class="pagination  set_quantity">
          <li class="page-item">
          <button class="page-link " onclick="decreaseNumber('textbox','itemval')">
          <i class="fas fa-minus"></i> </button>
          </li>
          <li class="page-item"><input type="text" name="" class="page-link" value="<%= qty %> " id="textbox" >
          </li>
          <li class="page-item">
          <button class="page-link" onclick="increaseNumber('textbox','itemval')"> <i class="fas fa-plus"></i></button>
          </li>
          </ul> </td>
        <!-- quantity inc dec -->
<div class="col-6">
  
  </div>
  </div>
  <!-- //remover move and price -->
  <div class="row">
  <div class="col-8 d-flex justify-content-between remove_wish">
  <p><i class="fas fa-trash-alt"></i> REMOVE ITEM</p>
  <p><i class="fas fa-heart"></i>MOVE TO WISH LIST </p>
  </div>
  <div class="col-4 d-flex justify-content-end price_money">
  <h3>$<span id="itemval">0.00 </span></h3>
  </div>
  </div>
        <td><%= product.price  %> </td>
      </tr> 
    </tbody>
  </table>
  </div>
<div class="col-4">
    Subtotal
    <table class="table table-borderless table-sm">
        <th><%= product.title %> </th>
        <td><%- product.price*qty %> </td>
    </table>
    <div class="row justify-content-evenly">
    <div>
        Total
    </div>
    <div>
        <%- product.price*qty %>
    </div>
    </div>
</div>
  </div>
  <% } %>
  <% if(!product){ %>
    <h1 style="text-align: center; margin-top: 10%">Cart is Empty</h1>
    <% } %>