@(transactions: Seq[Tables.Transaction])(implicit request: AuthRequest[AnyContent], flash: Flash, token: play.filters.csrf.CSRF.Token)

@templates.pepal("Account summary")(request.account) {

	<div class="action-buttons pure-g">
	@fragments.pepalMainActions()
	</div>

	<br>

	<div class="pure-g">
		<div class="pure-u-1 pure-u-lg-1-4">
			<div class="l-box">
				<h2>My wallet</h2>

				<table class="pure-table pure-table-horizontal">
					<thead>
						<tr>
							<td colspan="2">Account summary</td>
						</tr>
					</thead>

					<tbody>
						<tr class="dark-blue">
							<td>Balance</td>
							<td>@request.account.get.balance €</td>
						</tr>

						<tr class="light-blue">
							<td>Available funds</td>
							<td>@request.account.get.equity €</td>
						</tr>
					</tbody>
				</table>

				<br>

				<div class="pure-g wallet-actions">
					<div class="pure-u-1 pure-u-lg-1-1">
						<a class="pure-button" href="#">
							<i class="fa fa-download"></i>
							Deposit
						</a>
					</div>

					<br><br>

					<div class="pure-u-1 pure-u-lg-1-1">
						<a class="pure-button" href="#HAHAHAHA">
							<i class="fa fa-upload"></i>
							Withdraw
						</a>
					</div>
				</div>
			</div>
		</div>

		<div class="pure-u-1 pure-u-lg-3-4">
			<div class="l-box">
				<h2>Transaction history</h2>

				<table class="pure-table pure-table-horizontal">

					<thead>
						<tr>
							<td>Date</td>
							<td>Amount</td>
							<td>Label</td>
						</tr>
					</thead>

					<tbody>
					@for(transaction <- transactions) {
						<tr>
							<td>@transaction.transactionDate</td>
							<td class="align-right @if(transaction.amount >= 0) {income} else {outcome}">@transaction.amount
								€</td>
							<td>@transaction.label</td>
						</tr>
					}
					</tbody>


				</table>
			</div>
		</div>
	</div>

}