<!-- tag::allButValidation[] -->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
  <head>
    <title>Aplikacja Taco Cloud</title>
    <link rel="stylesheet" th:href="@{/styles.css}" />
  </head>

  <body>

    <form method="POST" th:action="@{/orders}" th:object="${order}">
      <h1>Zamów przygotowane taco!</h1>

      <img th:src="@{/images/TacoCloud.png}"/>
      <a th:href="@{/design}" id="another">Przygotuj kolejne taco</a><br/>

      <div th:if="${#fields.hasErrors()}">
        <span class="validationError">
        Usuń wymienione problemy i spróbuj ponownie.
        </span>
      </div>

      <h3>Adres dostarczenia taco...</h3>
      <label for="name">Imię i nazwisko: </label>
      <input type="text" th:field="*{name}"/>
<!-- end::allButValidation[] -->
      <span class="validationError"
            th:if="${#fields.hasErrors('name')}"
            th:errors="*{name}">Błąd imienia i nazwiska</span>
<!-- tag::allButValidation[] -->
      <br/>

      <label for="street">Ulica: </label>
      <input type="text" th:field="*{street}"/>
<!-- end::allButValidation[] -->
      <span class="validationError"
            th:if="${#fields.hasErrors('street')}"
            th:errors="*{street}">Błąd nazwy ulicy</span>
<!-- tag::allButValidation[] -->
      <br/>

      <label for="city">Miejscowość: </label>
      <input type="text" th:field="*{city}"/>
<!-- end::allButValidation[] -->
      <span class="validationError"
            th:if="${#fields.hasErrors('city')}"
            th:errors="*{city}">Błąd nazwy miejscowości</span>
<!-- tag::allButValidation[] -->
      <br/>

      <label for="state">Województwo: </label>
      <input type="text" th:field="*{state}"/>
<!-- end::allButValidation[] -->
      <span class="validationError"
            th:if="${#fields.hasErrors('state')}"
            th:errors="*{state}">Błąd nazwy województwa</span>
<!-- tag::allButValidation[] -->
      <br/>

      <label for="zip">Kod pocztowy: </label>
      <input type="text" th:field="*{zip}"/>
<!-- end::allButValidation[] -->
      <span class="validationError"
            th:if="${#fields.hasErrors('zip')}"
            th:errors="*{zip}">Błąd kodu pocztowego</span>
<!-- tag::allButValidation[] -->
      <br/>

      <h3>Sposób płatności...</h3>
<!-- tag::validatedField[] -->
      <label for="ccNumber">Numer karty kredytowej: </label>
      <input type="text" th:field="*{ccNumber}"/>
<!-- end::allButValidation[] -->
      <span class="validationError"
            th:if="${#fields.hasErrors('ccNumber')}"
            th:errors="*{ccNumber}">Numer karty kredytowej</span>
<!-- tag::allButValidation[] -->
<!-- end::validatedField[] -->
      <br/>

      <label for="ccExpiration">Data ważności: </label>
      <input type="text" th:field="*{ccExpiration}"/>
<!-- end::allButValidation[] -->
      <span class="validationError"
            th:if="${#fields.hasErrors('ccExpiration')}"
            th:errors="*{ccExpiration}">Numer karty kredytowej</span>
<!-- tag::allButValidation[] -->
      <br/>

      <label for="ccCVV">Kod CVV: </label>
      <input type="text" th:field="*{ccCVV}"/>
<!-- end::allButValidation[] -->
      <span class="validationError"
            th:if="${#fields.hasErrors('ccCVV')}"
            th:errors="*{ccCVV}">Numer karty kredytowej</span>
<!-- tag::allButValidation[] -->
      <br/>

      <input type="submit" value="Złóż zamówienie"/>
    </form>

  </body>
</html>
<!-- end::allButValidation[] -->
