source: src/main/resources/templates/products.html

<div xmlns:th="http://www.thymeleaf.org" xmlns:sec="">
    <section class="jumbotron text-center">
        <div class="container">
            <h1 class="jumbotron-heading">Food Market Online</h1>
            <h3 class="jumbotron-heading">All products</h3>
        </div>
    </section>
<!--//th:method="GET" th:action="@{/products}"-->
    <div class="container mb-4" >
        <div class="row">
            <div class="col-12" th:if="${products.size() > 0}">
                <div class="table-responsive">
                    <table class="table table-striped">
                        <thead>
                        <tr>
                            <th scope="col">Product name</th>
                            <th scope="col">Price</th>
                            <th scope="col">Category</th>

                        </tr>
                        </thead>
                        <tbody>
                        <tr th:each="product : ${products} " class="product">
                            <td th:text="${product.getIme()}" ></td>
                            <td th:each="price: ${prices}" th:if="${price.getIdProdukt()} ==  ${product.getIdProdukt()}"
                                th:text="${price.getIznos()}">Cena</td>
                            <td th:each="category: ${categories}" th:if="${category.getIdProdukt()} ==  ${product.getIdProdukt()}"
                                ><span th:each="k:${kat}" th:if="${k.getIdKategorija()} == ${category.getIdKategorija()}"
                                th:text="${k.getIme()}"></span></td>
                            <td class="text-right">
                                <th:block sec:authorize="hasRole('ROLE_ADMIN')">
                                    <form th:action="@{'/products/delete/{id}' (id=${product.getIdProdukt()})}"
                                          th:method="DELETE">
                                        <button type="submit"
                                                class="btn btn-sm btn-danger delete-product">
                                            <i class="fa fa-trash">Delete</i>
                                        </button>
                                    </form>
                                </th:block>
                                <th:block sec:authorize="hasRole('ROLE_ADMIN')">
                                    <a th:href="@{'/products/edit-form/{id}' (id=${product.getIdProdukt()})}"
                                       class="btn btn-sm btn-info edit-product">
                                        <i class="fa fa-trash">Edit</i>
                                    </a>
                                </th:block>
                                <form th:method="GET" th:action="@{'/products/{id}' (id=${product.getIdProdukt()})}">
                                    <button type="submit"
                                            class="btn btn-sm btn-primary cart-product" sec:authorize="hasRole('ROLE_USER')">
                                        <i class="fa fa-trash">Add product to cart</i>
                                    </button>
                                </form>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="col mb-3">
                <div class="row">
                    <div class="col-sm-12 col-md-12"  sec:authorize="hasRole('ROLE_ADMIN')">
                        <a href="/products/add-form" class="btn btn-block btn-dark add-product-btn">
                            Add new product
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>