source: src/main/resources/templates/elections_participation.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="${candidacy}" action="/admin/participations" method="post">
            <input type="hidden" th:field="*{id}">
            <div class="mb-3">
                <label for="name" class="form-label">Име</label>
                <input type="text" th:field="*{description}" class="form-control" id="name" aria-describedby="emailHelp">
            </div>
            <div class="mb-3">
                <label class="form-label">Кандидат</label>
                <select class="form-control" id="candidate" th:field="*{candidate}" name="candidate">
                    <option value=""></option>
                    <option th:each="candidate : ${candidates}" th:value="${candidate.id}"
                            th:text="|${candidate.name}  ${candidate.surname}|"></option>
                </select>
            </div>
            <div class="mb-3">
                <label class="form-label">Партија</label>
                <select class="form-control" id="party" th:field="*{party}">
                    <option value=""></option>
                    <option th:each="party : ${parties}" th:value="${party.id}"
                            th:text="${party.name}"></option>
                </select>
            </div>
            <div class="mb-3">
                <label class="form-label">Реализација на избори</label>
                <select class="form-control" id="eletionsRealizations" th:field="*{candidatesElectionRealization}">
                    <option value=""></option>
                    <option th:each="realization : ${electionsRealizations}" th:value="${realization.id}"
                            th:text="${realization.name}"></option>
                </select>
            </div>
            <div class="mb-3">
                <label class="form-label">Општина</label>
                <select class="form-control" id="municipality" th:field="*{municipality}" >
                    <option value="null">Цела држава</option>
                    <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-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/participations/${candidacy.id}/edit';|"
                th:each="candidacy, iter : ${candidacies}">
                <td th:text="${iter.count}"></td>
                <td th:text="${candidacy.candidate.name}"></td>
                <td th:text="${candidacy.candidate.surname}"></td>
                <td th:text="${candidacy.description}"></td>
                <td th:text="${candidacy.party.name}"></td>
                <td th:text="${candidacy.candidatesElectionRealization.name}"></td>
                <td th:text="${candidacy?.municipality?.name}"></td>
            </tr>
            </tbody>
        </table>
    </div>

</div>