Untitled

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
    <head>
        <title>Spring i Thymeleaf: lista pracowników</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />

        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" />

        <style>
            img.empPhoto {
                width: 300px;
            }
            .fired {
                color: firebrick;
            }
        </style>
    </head>
    <body>
        <div class="container-fluid">
            <h1>Pan Prezes</h1>
            <p>
                <b>
                    <span th:text='|${boss.firstName} ${boss.lastName}|'></span>
                </b>
            </p>
            <img th:src="${boss.photoUrl}" class="empPhoto" />

            <h1>Pracownicy firmy</h1>

            <table class="table table-striped">
                <tr>
                    <th>Lp</th>
                    <th>Imię i nazwisko</th>
                    <th>Stanowisko</th>
                    <th>Pensja</th>
                    <th>Data zatrudnienia</th>
                    <th>Data zwolnienia</th>
                    <th>Umiejętności</th>
                    <th>Uwagi</th>
                    <th>Zdjęcie</th>
                </tr>
                  <tr th:each="employee,iterStat : ${employees}">
                    <td>
                        <span th:text='${iterStat.count}'></span>
                    </td>
                    <td>
                        <span th:text='|${employee.firstName} ${employee.lastName}|'></span>
                    </td>
                      <td>
                          <span th:text='${employee.jobTitle}'></span>
                      </td>
                      <td>
                          <span th:text='${employee.salary}'></span>
                      </td>
                      <td>
                          <span th:text="${#dates.format(employee.dateOfEmployment,'dd MM yyyy')}"></span>
                      </td>
                      <td>
                          <span th:if="${employee.dateOfTermination} != null"><span th:text="${#dates.format(employee.dateOfEmployment,'dd MM yyyy')}"></span></span>
                          <span th:if="${employee.dateOfTermination} == null">wciąż pracuje</span>
                      </td>
                      <td>
                          <p th:each="skill,iterStat : ${employee.skills}">
                              <span th:text='|${skill.name} (${skill.level})|'></span>
                              <span th:if="${!iterStat.last}">,</span>
                          </p>
                      </td>
                      <td>

                      </td>
                    <td></td>
                </tr>
            </table>
        </div>
    </body>
</html>