<!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 Business</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<th:block layout:fragment="content">
		<div class="mainpage">
			<div class="container" style="max-width: 100%" sec:authorize="hasRole('business_outlay')">
				<table id="table" class="table table-striped">
					<thead>
						<tr>
							<th>Kassenzettelnummer</th>
							<th>Händler / Shop</th>
							<th>Freizeit</th>
							<th>Auslegender</th>
							<th>Betrag</th>
							<th>Tag / Uhrzeit</th>
							<th>Kurzbeschreibung</th>
							<th>Bemerkungen</th>
						</tr>
					</thead>
					<tbody>
						<tr th:each="o : ${list}">
							<td><a th:href="@{/business/outlay/edit/{id}(id=${o.id})}" th:text="${o.recipenumber}"></a></td>
							<td><a th:href="@{/business/outlay/edit/{id}(id=${o.id})}" th:text="${o.trader}"></a></td>
							<td><a th:href="@{/business/outlay/edit/{id}(id=${o.id})}" th:text="${o.campname}"></a></td>
							<td><a th:href="@{/business/outlay/edit/{id}(id=${o.id})}" th:text="${o.provider}"></a></td>
							<td><a th:href="@{/business/outlay/edit/{id}(id=${o.id})}" th:text="${#numbers.formatDecimal(o.cash, 1, 2, 'COMMA')} + ' €'"></a></td>
							<td><a th:href="@{/business/outlay/edit/{id}(id=${o.id})}" th:text="${#temporals.format(o.buydate, 'dd.MM.yyyy, HH:mm.ss')}"></a></td>
							<td><a th:href="@{/business/outlay/edit/{id}(id=${o.id})}" th:text="${o.ingredients}"></a></td>
							<td><a th:href="@{/business/outlay/edit/{id}(id=${o.id})}" th:text="${o.recipenote}"></a></td>
						</tr>
					</tbody>
					<tfoot>
						<tr>
							<td colspan="8"><a th:href="@{/business/outlay/download/{campid}(campid=${campid})}" class="btn btn-outline-primary form-control">herunterladen</a></td>
						</tr>
					</tfoot>
				</table>
				<script>
					$(document).ready(function() {
						$("#table").DataTable({
							language : locale_de
						});
					});
				</script>
			</div>
		</div>
	</th:block>
</body>
</html>