<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Kalkulator</title>
<link rel="stylesheet" type="text/css" th:href="@{/styl.css}" href="../static/styl.css">
</head>
<body>

<h1>Kalkulator</h1>

<form class="kalkulator" method="post">
<input type="number" name="liczba1" th:value="${param.liczba1}">
<!--/* Opis, jak zautomatyzować działanie select/option w Thymeleaf, ale jakoś nie umiem tu zastosować:
https://www.baeldung.com/thymeleaf-select-option
*/-->
<select name="operacja">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="number" name="liczba2" th:value="${param.liczba2}">
<br>
<button>Oblicz</button>
</form>

<div class="wynik">
[[${param.liczba1}]] [[${param.operacja}]] [[${param.liczba2}]] = <strong>[[${wynik}]]</strong>
</div>

<div><a th:href="@{/kalkulator/historia}">historia działań</a></div>
<div><a th:href="@{/historia.json}">historia JSON</a></div>

</body>
</html>