2022-12-22 18:53:10 +01:00

58 lines
2.4 KiB
HTML

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" layout:decorate="~{template}" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head>
<title>Camp Organizer 2</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<th:block layout:fragment="header">
<ul class="navbar-nav mb-2 mb-lg-0">
<li class="nav-item"><a th:href="@{/ical}" class="btn btn-secondary btn-icon-silent" target="_blank" title="Freizeitdaten als ical herunterladen"><i class="far fa-calendar-alt"></i></a>
</li>
</ul>
<ul class="navbar-nav mb-2 mb-lg-0">
<li class="nav-item"><a class="btn btn-icon-silent menufont" th:href="@{/}">Unsere Freizeiten</a></li>
</ul>
</th:block>
<th:block layout:fragment="content">
<div class="mainpage">
<div class="container">
<div class="row">
<div class="col-sm-6 col-md-4 col-lg-3" th:each="c : ${camps}">
<div class="card bottomdist16">
<div class="card-header">
<span th:text="${c.name}" class="headlinefont"></span><span class="headlinefont">&nbsp;</span><span th:text="${#numbers.formatInteger(c.year, 0)}" class="headlinefont"
th:if="${c.year != null}"></span>
</div>
<div class="card-body">
<table style="width: 100%">
<tr>
<th class="menufont" style="min-width: 64px">Ort</th>
<td><a th:href="${c.url}" th:text="${c.locationName}" class="menufont" target="_blank"></a></td>
</tr>
<tr>
<th class="menufont">Alter</th>
<td class="menufont" th:text="${c.minAge} + ' - ' + ${c.maxAge}"></td>
</tr>
<tr>
<th class="menufont">Zeit</th>
<td><span class="menufont" th:text="${#temporals.format(c.arrive, 'dd.MM.')} + ' - ' + ${#temporals.format(c.depart, 'dd.MM.yyyy')}"
th:if="${c.arrive != null && c.depart != null}"></span></td>
</tr>
<tr>
<th class="menufont">Preis</th>
<td class="menufont" th:text="${c.price}"></td>
</tr>
<tr>
<td colspan="2" style="text-align: center"><a class="btn btn-outline-primary buttonfont" th:href="@{/registration/{id}(id=${c.pk})}">jetzt anmelden</a></td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</th:block>
</body>
</html>