From a3e27dc82f78a4484ccc96abdd9e37aa3e3c72c4 Mon Sep 17 00:00:00 2001
From: Christiaan Goossens <contact@christiaangoossens.nl>
Date: Thu, 30 Mar 2017 19:51:06 +0200
Subject: [PATCH] Changed overboeking layout

---
 templates/__header.phtml    |  1 -
 templates/overboeking.phtml | 65 +++++++++++++++++++++++++++++--------
 2 files changed, 52 insertions(+), 14 deletions(-)

diff --git a/templates/__header.phtml b/templates/__header.phtml
index 92e2c59..1638ab8 100644
--- a/templates/__header.phtml
+++ b/templates/__header.phtml
@@ -27,7 +27,6 @@
                     <ul class="nv">
                         <li><a href="rekeningen">Rekeningen</a></li>
                         <li><a href="berichten">Berichten</a></li>
-						<li><a href="overboeking">Overboeking</a></li>
                     </ul>
                 </div>
             </div>
diff --git a/templates/overboeking.phtml b/templates/overboeking.phtml
index 701d91b..f3878b4 100644
--- a/templates/overboeking.phtml
+++ b/templates/overboeking.phtml
@@ -1,16 +1,55 @@
 <?php include '__header.phtml'; ?>
 
-<form method="post" action="">
-<select name="van">
-<?php 
-foreach($rekeningen as $rekening){
-	echo "<option value=" . $rekening['nr'] . ">" . $rekening['iban'] . "</option>\n";
-}
-?>
-</select><br/>
-<input name="naar" type="text" placeholder="naar"></input><br/>
-<input name="bedrag" type="decimal" placeholder="bedrag"></input><br/>
-<textarea name="omschrijving" maxlength=40></textarea><br/>
-<button type="submit">Betalen</button>
-</form>
+<h2 class="page-header">Nieuwe overboeking</h2>
+
+<div class="panel panel-default">
+  <div class="panel-body">
+	  <form method="post" action="" class="form-horizontal">
+		  <div class="form-group">
+		    <label for="van" class="col-sm-2 control-label">Van</label>
+		    <div class="col-sm-10">
+				<select name="van" class="form-control">
+				<?php
+              foreach ($rekeningen as $rekening) {
+                  echo "<option value=" . $rekening['nr'] . ">" . $rekening['iban'] . "</option>\n";
+              }
+              ?>
+				</select>
+		    </div>
+		  </div>
+		  <div class="form-group">
+		    <label for="naar" class="col-sm-2 control-label">Naar (IBAN)</label>
+		    <div class="col-sm-10">
+		      <input name="naar" type="text" class="form-control" placeholder="NL00 INFO 0000 0000 00"></input>
+		    </div>
+		  </div>
+		  <div class="form-group">
+		    <br/>
+		  </div>
+		  <div class="form-group">
+		    <label for="bedrag" class="col-sm-2 control-label">Bedrag</label>
+		    <div class="col-sm-10">
+    			<div class="input-group">
+		      		<div class="input-group-addon">&euro;</div><input class="form-control" name="bedrag" type="decimal" placeholder=""></input>
+				</div>
+		    </div>
+		  </div>
+		  <div class="form-group">
+		    <label for="omschrijving" class="col-sm-2 control-label">Omschrijving (40 tekens)</label>
+		    <div class="col-sm-10">
+		      <textarea class="form-control" name="omschrijving" maxlength=40></textarea>
+		    </div>
+		  </div>
+		  <div class="form-group">
+		    <br/>
+		  </div>
+		  <div class="form-group">
+		    <div class="col-sm-offset-2 col-sm-10">
+		      <button type="submit" class="btn btn-default">Overboeking bevestigen</button>
+		    </div>
+		  </div>
+		</form>
+	</div>
+</div>
+
 <?php include '__footer.phtml'; ?>