<head>
<title>Luodaan Smoothie</title>
<meta charset="utf-8" />
</head>
<body>
<h1>Smoothiet</h1>
<ul>
<li th:each="annos : ${annos}">
<a th:href="@{~/smoothie/{id} (id=${annos.id})}">
<span th:text="${annos.nimi}">Smoothie</span>
</a>
</li>
</ul>
<h2>Lisää uusi</h2>
<br />
<form method="POST" action="/smoothie">
<span>Smoothien nimi:</span><br />
<input type="text" name ="nimi"/><br />
<input type="submit" value="Lisää"/><br />
</form>
<br />
<h3>Lisää raaka-aineita</h3>
<br />
<form method="POST" action="/smoothie1">
<span>Smoothien nimi:</span>
<br />
<select name="smoothie">
<option th:each="Smoothie: ${annos}" th:value="${Smoothie.id}" th:text="${Smoothie.nimi}">
smoothie
</option>
</select><br />
<span>Lisättävä raaka-aine</span><br/>
<select name="raakaAine">
<option th:each="RaakaAine: ${aineet}" th:value="${RaakaAine.id}" th:text="${RaakaAine.nimi}">
raaka-aine
</option>
</select><br/>
<span>Järjestys</span><br/>
<input type="text" name="jarjestys"/><br/>
<span>Määrä</span><br/>
<input type="text" name="maara"/><br />
<span>Ohje</span><br />
<input type="text" name="ohje"/><br/>
<input type="submit" value="Lisää"/>
</form>
<br />
<p><a href="/">Takaisin listaukseen</a></p>
</body>