<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	  layout:decorate="~{layout.html}">
  <head>
    <title>Aplikacja Taco Cloud</title>
  </head>
  
  <body>
    <section layout:fragment="main" class="content">
    <form method="POST" th:action="@{/orders}" th:object="${order}" id="orderForm">
      <h1>Zamów przygotowane taco!</h1>
          	
      <h3>Twoje taco w zamówieniu:</h3>
      <a th:href="@{/design}" id="another">Przygotuj kolejne taco</a><br/>
      <ul>
        <li th:each="taco : ${order.tacos}"><span th:text="${taco.name}">nazwa taco</span></li>
      </ul>
      
      <div th:if="${#fields.hasErrors()}">
        <span class="validationError">
        Usuń wymienione problemy i spróbuj ponownie.
        </span>
      </div>
      
      <h3>Adres dostarczenia taco...</h3>
      <label for="deliveryName">Imię i nazwisko: </label>
      <input type="text" th:field="*{deliveryName}"/>
      <span class="validationError"
            th:if="${#fields.hasErrors('deliveryName')}" 
            th:errors="*{deliveryName}">Błąd imienia i nazwiska</span>
      <br/>
      
      <label for="deliveryStreet">Ulica: </label>
      <input type="text" th:field="*{deliveryStreet}"/>
      <span class="validationError"
            th:if="${#fields.hasErrors('deliveryStreet')}" 
            th:errors="*{deliveryStreet}">Błąd nazwy ulicy</span>
      <br/>
      
      <label for="deliveryCity">Miejscowość: </label>
      <input type="text" th:field="*{deliveryCity}"/>
      <span class="validationError"
            th:if="${#fields.hasErrors('deliveryCity')}" 
            th:errors="*{deliveryCity}">Błąd nazwy miejscowości</span>
      <br/>
      
      <label for="deliveryState">Województwo: </label>
      <input type="text" th:field="*{deliveryState}"/>
      <span class="validationError"
            th:if="${#fields.hasErrors('deliveryState')}" 
            th:errors="*{deliveryState}">Błąd nazwy województwa</span>
      <br/>
      
      <label for="deliveryZip">Kod pocztowy: </label>
      <input type="text" th:field="*{deliveryZip}"/>
      <span class="validationError"
            th:if="${#fields.hasErrors('deliveryZip')}" 
            th:errors="*{deliveryZip}">Błąd kodu pocztowego</span>
      <br/>
      
      <h3>Sposób płatności...</h3>
      <label for="ccNumber">Numer karty kredytowej: </label>
      <input type="text" th:field="*{ccNumber}"/>
      <span class="validationError"
            th:if="${#fields.hasErrors('ccNumber')}" 
            th:errors="*{ccNumber}">Błąd numeru karty kredytowej</span>
      <br/>
      
      <label for="ccExpiration">Data ważności: </label>
      <input type="text" th:field="*{ccExpiration}"/>
      <span class="validationError"
            th:if="${#fields.hasErrors('ccExpiration')}" 
            th:errors="*{ccExpiration}">Błąd numeru karty kredytowej</span>
      <br/>
      
      <label for="ccCVV">Kod CVV: </label>
      <input type="text" th:field="*{ccCVV}"/>
      <span class="validationError"
            th:if="${#fields.hasErrors('ccCVV')}" 
            th:errors="*{ccCVV}">Błąd numeru karty kredytowej</span>
      <br/>
      
      <input type="submit" value="Złóż zamówienie"/>
    </form>
    </section>
  </body>
</html>
