2 files changed, 90 insertions, 1 deletions

diff --git a/app/views/fragments/accountInfos.scala.html b/app/views/fragments/accountInfos.scala.html
index 887e485..60c3583 100644
--- a/app/views/fragments/accountInfos.scala.html
+++ b/app/views/fragments/accountInfos.scala.html
@@ -7,7 +7,7 @@
                         Logout
                 </a>
 
-                <a class="pure-button" href="#">
+                <a class="pure-button" href="@routes.Account.summary()">
                         <i class="fa fa-money fa-lg"></i>
                         @account.equity €
                 </a>
diff --git a/app/views/pages/accountSummary.scala.html b/app/views/pages/accountSummary.scala.html
new file mode 100644
index 0000000..3a10d3d
--- /dev/null
+++ b/app/views/pages/accountSummary.scala.html
@@ -0,0 +1,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>
+
+}