<h1>List of Cameras:</h1>
<table>
    <thead>
        <tr>
            <th>id</th>
            <th>name</th>
            <th>state</th>
            <th>urlMainStream</th>
            <th>restreamEndpoint</th>
            <th>users</th>
            <th>services</th>
        </tr>
    </thead>
    <tbody>
        <tr th:each="camera : ${cameras}">
            <td th:text="${camera.id}"></td>
            <td th:text="${camera.name}"></td>
            <td th:text="${camera.state}"></td>
            <td th:text="${camera.urlMainstream}"></td>
            <td th:text="${camera.restreamEndpoint}"></td>
            <td>
                <ul>
                    <li th:each="user : ${camera.users}" th:text="${user.username}"></li>
                </ul>
            </td>
            <td>
                <ul>
                    <li th:each="service : ${camera.services}" th:text="${service.name}"></li>
                </ul>
            </td>
        </tr>
    </tbody>
</table>