<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
  layout:decorator="/templates/layout">
  <head>
  	<title>Best sellers</title>
  </head>
<body>
<div layout:fragment="content">
	
	<div class="jumbotron">
		<h1>TPC Web Commerce Benchmark (TPC-W)</h1>
	</div>
	<div class="promotional">
		<div class="pull-left" th:each="item : ${promotional}">
			<a th:href="@{'/product-detail?I_ID=' + ${item.IId} + '' + ${productUrl}}">
				<img th:src="@{${imgResourceUrl}} + '/' + ${item.IThumbnail}" src="" width="100" height="100" />
			</a>
		</div>
		<div class="clearfix"></div>
	</div>
	
	<hr />
	
	<table>
		<thead>
			<tr>
				<th style="width: 50px; font-weight: bold;">
					#
				</th>
				<th>
					Author
				</th>
				<th>
					Title
				</th>
			</tr>
		</thead>
		<tbody>
			<tr th:each="item, count : ${products}">
				<td style="width: 50px; font-weight: bold;" th:text="${count.count}"></td>
<!-- 					<td th:text="${item}"></td> -->
					<td th:text="${item[2] + ' ' + item[3]}">
				</td>
				<td>
					<a th:href="@{'/product-detail?I_ID=' + ${item[0]} + '' + ${productUrl}}" th:text="${item[1]}"></a>
				</td>
			</tr>
		</tbody>
	</table>
	
	<div class="footer">
	</div>
</div>
</body>
</html>
