<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Article processor</title>
<link rel="stylesheet" th:href="@{/style.css}">
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
#pdf-preview {
width: 500px;
height: 600px;
border: none;
margin-top: 10px;
}
</style>
</head>
<body>
<h1>Article processor</h1>
<table>
<thead>
<tr>
<th>ID</th>
<th>Title</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr th:each="doc: ${documents}">
<td th:text="${doc.id}"></td>
<td><a th:href="@{'/view/' + ${doc.id}}" th:text="${doc.title}"></a></td>
<td th:text="${doc.status}"></td>
</tr>
</tbody>
</table>
</body>
</html>