<!DOCTYPE html>
<html 
xmlns:th="http:/www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
lang="en">

<head  th:replace="fragments/header::headerLink">
</head>

<body>
<div>
	<div class="container" th:fragment="table">
	<!-- Begin Page Content -->
        <div class="container-fluid" >
		<div>
          <!-- Page Heading -->
          	</div>
          <!-- DataTales Example -->
          <div class="card shadow mb-4">
            <div class="card-header py-3">
              <h6 class="m-0 font-weight-bold text-primary" layout:fragment="tittleTable">DataTables Example</h6>
            </div>
            <div class="card-body">
              <div class="table-responsive">
                <table class="table table-bordered" id="dataTable" width="100%" cellspacing="0">
                  <thead>
                    <tr>
                      <th>ID</th>
                      <th>Name</th>
                      <th>Price</th>
                      <th>Category</th>
                      <th>Add Date</th>
                      <th>Action</th>
                    </tr>
                  </thead>
                  <tfoot>
                    <tr>
                      <th>ID</th>
                      <th>Name</th>
                      <th>Price</th>
                      <th>Category</th>
                      <th>Add Date</th>
                      <th>Action</th>
                    </tr>
                  </tfoot>
                  <tbody>
                      <tr>
                      	<td>1</td>
                      	<td>Coca</td>
                      	<td>0.5$</td>
                      	<td>Drinks</td>
                      	<td>10-12-2020</td>
                      	<td>
                      		<button type="button" class="btn btn-primary"><i class="far fa-edit mr-2"></i>Update</button>
                      		<button type="button" class="btn btn-danger"><i class="fas fa-trash-alt mr-2"></i>Delete</button>
                      	</td>
                      </tr>
                  </tbody>
                </table>
              </div>
            </div>
          </div>

        </div>
        <!-- /.container-fluid -->
      </div>
      <!-- End of Main Content -->

  
  <!-- Footer -->
  <div th:replace="fragments/footer::footer"></div>

  <!-- Footer -->
</div>
</body>

</html>
