aboutsummaryrefslogtreecommitdiff
path: root/app/views/pages/accountSummary.scala.html
blob: 3a10d3d97ed178efa8efd59e4ef0c61b5be2b435 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
@(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>

}