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

<nav class="navbar bg-secondary bg-gradient container-fluid px-0">
    <div class="container-fluid">
        <span class="navbar-brand mb-0 h1">Податоци за партиите</span>
    </div>
</nav>

<div class="container-fluid">
    <div class="container my-3">
        <form th:object="${party}" action="/admin/parties" method="post">
            <input type="hidden" th:field="*{id}">
            <div class="mb-3">
                <label for="name" class="form-label">Име</label>
                <input type="text" th:field="*{name}" class="form-control" id="name" aria-describedby="emailHelp">
            </div>
            <div class="row d-flex flex-row mb-3">
                <label class="form-label">Адреса</label>
                <div class="col col-md-6">
                    <label class="form-label">Улица</label>
                    <input list="streets" class="form-select" id="street" th:value="*{address?.street}" name="street">
                    <datalist id="streets">
                        <option th:each="street : ${streets}" th:value="${street}"></option>
                    </datalist>
                </div>
                <div class="col col-md-2">
                    <label class="form-label">Број</label>
                    <input type="number" min="1" class="form-control" id="houseNumber"
                           th:value="*{address?.houseNumber}" name="houseNumber">
                </div>
                <div class="col col-md-2">
                    <label class="form-label">Влез</label>
                    <input type="text" min="1" class="form-control" id="entranceNumber"
                           th:value="*{address?.entranceNumber}" name="entranceNumber">
                </div>
                <div class="col col-md-2">
                    <label class="form-label">Стан</label>
                    <input type="text" min="1" class="form-control" id="apartmentNumber"
                           th:value="*{address?.apartmentNumber}" name="apartmentNumber">
                </div>
            </div>
            <div class="mb-3">
                <label class="form-label">Општина</label>
                <select class="form-control" id="municipality" th:value="*{address?.municipality}" name="municipality">
                    <option th:each="municipality : ${municipalities}" th:value="${municipality.id}"
                            th:text="${municipality.name}"></option>
                </select>
            </div>
            <button type="submit" class="btn btn-primary">Запиши</button>
        </form>
    </div>
<!--    <div class="container my-3">-->
<!--        <form th:object="${party}" action="/admin/citizens" method="post">-->
<!--            <input type="hidden" th:field="*{id}">-->
<!--        </form>-->
<!--    </div>-->

    <div class="container-fluid">
        <table class="table table-striped table-hover">
            <thead class="table-header">
            <tr>
                <th>#</th>
                <th>Име</th>
                <th>Улица</th>
                <th>Број</th>
                <th>Влез</th>
                <th>Стан</th>
                <th>Општина</th>
            </tr>
            </thead>
            <tbody>
            <tr th:onclick="|window.location.href='/admin/parties/${party.id}/edit';|" th:each="party, iter : ${parties}">
                <td th:text="${iter.count}"></td>
                <td th:text="${party.name}"></td>
                <td th:text="${party?.address?.street}"></td>
                <td th:text="${party?.address?.houseNumber}"></td>
                <td th:text="${party?.address?.entranceNumber}"></td>
                <td th:text="${party?.address?.apartmentNumber}"></td>
                <td th:text="${party?.address?.municipality?.name}"></td>
            </tr>
            </tbody>
        </table>
    </div>

</div>