<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>View Journal</title>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css"
/>
</head>
<body>
<main class="container">
{% if password_matches %}
<form method="POST">
<div class="field has-addons">
<div class="control is-expanded">
<textarea required class="textarea is-primary has-fixed-size" type="text" name="line"> </textarea>
</div>
<div class="control">
<button style="height: 100%" class="button is-primary" type="submit"> Add </button>
</div>
</div>
<input
hidden="1"
type="number"
value="0"
name="timezone_offset"
id="utc_offset"
/>
</form>
{% endif %}
<table class="table is-fullwidth">
<thead>
<tr>
<th style="">Date</th>
<th style="width: 100%">Note</th>
</tr>
</thead>
<tbody>
<tr>
{% for line in journal.lines | reverse %}
<td>
<time datetime="{{ line.uploaded_date }}">
{{ line.uploaded_date | date(format="%Y-%m-%d %H:%M") }}
</time>
</td>
<td>{{ line.line }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</main>
<script>
let offset = new Date().getTimezoneOffset();
document.getElementById("utc_offset").value = offset;
</script>
</body>
</html>