<!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}">
</head>
<body>
<h1>Kalkulator</h1>

<form method="post" class="kalkulator">
<input type="number" name="liczba1" th:value="${param.liczba1}">
<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">
[[${wynik}]]
</div>

<h2>Historia działań</h2>
<ul>
    <li th:each="element: ${historia}" th:text="${element}">2 + 2 = 4</li>
</ul>
<p><a th:href="@{/}">→ Home</a></p>

</body>
</html>
