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,42 +3,58 @@
 <?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>
 <?php
 foreach ($transacties as $transactie) {
-    if(!isset($transactie['omschrijving'])){
+        if (!isset($transactie['omschrijving'])) {
-        $transactie['omschrijving'] = "";
+            $transactie['omschrijving'] = "";
-    }
+        }
-    echo "<tr>";
+        echo "<tr>";
-    echo "<td></td>";
+        echo "<td></td>";
-    echo "<td>" . $transactie['type'] . "</td>\n";
+        echo "<td>" . $transactie['type'] . "</td>\n";
-    echo "<td>" . $transactie['omschrijving'] . "</td>\n";
+        echo "<td>" . $transactie['omschrijving'] . "</td>\n";
-    if($transactie['van'] === $rekening['iban']){
+
-        echo "<td>" . $transactie['naar'] . "</td>\n";    
+        if ($transactie['van'] === $rekening['iban']) {
-        echo "<td>AF</td>\n";
+            echo "<td>" . $transactie['naar'] . "</td>\n";
-    }else{
+            echo "<td>AF</td>\n";
-        echo "<td>" . $transactie['van'] . "</td>\n";
+        } else {
-        echo "<td>BIJ</td>\n";
+            echo "<td>" . $transactie['van'] . "</td>\n";
-    }
+            echo "<td>BIJ</td>\n";
-    echo "<td>€" . $transactie['bedrag'] . "</td>\n";
+        }
-    echo "</tr>";
+
-} 
+        echo "<td>" . money_format('%(#1n', $transactie['bedrag']) . "</td>\n";
-?>
+        echo "</tr>";
+    } ?>
 </table>
 <?php