<h1>List of Services:</h1>
<table>
    <thead>
        <tr>
            <th>id</th>
            <th>name</th>
            <th>type</th>
            <th>hostName</th>
            <th>ipAddress</th>
            <th>macAddress</th>
            <th>state</th>
            <th>cameras</th>
        </tr>
    </thead>
    <tbody>
        <tr th:each="service : ${services}">
            <td th:text="${service.id}"></td>
            <td th:text="${service.name}"></td>
            <td th:text="${service.type}"></td>
            <td th:text="${service.hostName}"></td>
            <td th:text="${service.ipAddress}"></td>
            <td th:text="${service.macAddress}"></td>
            <td th:text="${service.state}"></td>
            <td>
                <ul>
                    <li th:each="camera : ${service.cameras}" th:text="${camera.name}"></li>
                </ul>
            </td>
        </tr>
    </tbody>
</table>