Design transactieoverzicht

src/bootstrap.php

@@ -21,6 +21,9 @@ session_start();
 // Get the Slim framework settings
 $settings = require __DIR__ . '/settings.php';
 
+// Set Locale
+setlocale(LC_MONETARY, 'nl_NL.UTF-8');
+
 // Create the Slim application object with the settings
 /**
  * ==============

templates/transacties.phtml

@@ -3,19 +3,34 @@
 <?php
 if (!$rekening) {
     ?>
+
 Fout: niet jouw eigen rekening.
 <?php
 
 } else {
     ?>
-<a href="overboeking">Nieuwe overboeking</a><br/><br/>
-Saldo: <?php echo $rekening['saldo']?><br/>
+
+<h2 class="page-header">Transactieoverzicht<a class="btn btn-default pull-right" href="overboeking" role="button">Nieuwe overboeking</a></h2>
+<div class="panel panel-default">
+  <div class="panel-body">
+    <div class="row">
+      <div class="col-md-6">
+          IBAN/rekeningnummer<br/>
+          <h4><?php echo $rekening['iban']?></h4>
+      </div>
+      <div class="col-md-6">Saldo<br/>
+      <h4><?php echo money_format('%(#1n', $rekening['saldo']); ?></h4>
+  </div>
+    </div>
+
+  </div>
+</div>
 <table class="table">
     <tr>
         <th>Datum</th>
         <th>Type</th>
         <th>Omschrijving</th>
-        <th>IBAN</th>
+        <th>Tegenrekening</th>
         <th>AF/BIJ</th>
         <th>Bedrag</th>
     </tr>
@@ -28,6 +43,7 @@ foreach ($transacties as $transactie) {
         echo "<td></td>";
         echo "<td>" . $transactie['type'] . "</td>\n";
         echo "<td>" . $transactie['omschrijving'] . "</td>\n";
+
         if ($transactie['van'] === $rekening['iban']) {
             echo "<td>" . $transactie['naar'] . "</td>\n";
             echo "<td>AF</td>\n";
@@ -35,10 +51,10 @@ foreach ($transacties as $transactie) {
             echo "<td>" . $transactie['van'] . "</td>\n";
             echo "<td>BIJ</td>\n";
         }
-    echo "<td>€" . $transactie['bedrag'] . "</td>\n";
+
+        echo "<td>" . money_format('%(#1n', $transactie['bedrag']) . "</td>\n";
         echo "</tr>";
-} 
-?>
+    } ?>
 </table>
 <?php