From ee41c82e1927b606f0572628dbefbaf5e856afcb Mon Sep 17 00:00:00 2001
From: Markus Birth <mbirth@gmail.com>
Date: Sat, 21 May 2016 23:00:58 +0200
Subject: [PATCH] Added FAB (well, not really floating). Improved form a bit.

---
 css/frs.css                   | 14 ++++++++++++++
 index.php                     |  6 +++---
 templates/hotel_html.mustache | 30 +++++++++++++++++++-----------
 3 files changed, 36 insertions(+), 14 deletions(-)

diff --git a/css/frs.css b/css/frs.css
index 0cc2cd7..939de9f 100644
--- a/css/frs.css
+++ b/css/frs.css
@@ -93,3 +93,17 @@ h3 .material-icons {
   font-size: 0.9em;
   vertical-align: -0.15em;
 }
+
+.frs-content {
+  position: relative;
+}
+
+#frs-button-send {
+  position: absolute;
+  display: block;
+  right: 0;
+  bottom: 0;
+  margin-right: 40px;
+  margin-bottom: 40px;
+  z-index: 900;
+}
diff --git a/index.php b/index.php
index 9060e45..816b268 100644
--- a/index.php
+++ b/index.php
@@ -62,10 +62,10 @@ if (!$tpl_done && isset($_SESSION['access_token']) && $_SESSION['access_token'])
 
     $client->setAccessToken($_SESSION['access_token']);
     if ($client->isAccessTokenExpired()) {
-        // TODO: Save everything in session
+        // TODO: Save everything (POST data) in session
         // TODO: Redirect to $client->createAuthUrl(); to reauthenticate
-        echo "Token expired!";
-        session_destroy();
+        echo "Token expired! <a href=\"" . $client->createAuthUrl() . "\">Request new one</a>.";
+        #session_destroy();
         die();
     }
 
diff --git a/templates/hotel_html.mustache b/templates/hotel_html.mustache
index fc9a4c4..6eb2c50 100644
--- a/templates/hotel_html.mustache
+++ b/templates/hotel_html.mustache
@@ -8,23 +8,31 @@
 
 <h3><i class="material-icons">hotel</i> Hotel Reservation</h3>
 
+<form action="./" method="post">
+
 <p>
-<form action="#">
   <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
-    <input class="mdl-textfield__input" type="text" id="reservationFor_name">
+    <input class="mdl-textfield__input" type="text" required id="reservationFor_name">
     <label class="mdl-textfield__label" for="reservationFor_name">Name</label>
+    <span class="mdl-textfield__error">Please input a name!</span>
   </div>
-</form>
-<!-- Numeric Textfield with Floating Label -->
-<form action="#">
-  <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
-    <input class="mdl-textfield__input" type="datetime-local" min="{{date_today}}" id="reservationFor_startDate">
-    <label class="mdl-textfield__label" for="reservationFor_startDate">Start Date</label>
-    <span class="mdl-textfield__error">Input is not a date!</span>
-  </div>
-</form>
 </p>
 
+<p>
+<!-- Numeric Textfield with Floating Label -->
+  <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
+    <input class="mdl-textfield__input" type="datetime-local" min="{{date_today}}" required id="reservationFor_startDate">
+    <label class="mdl-textfield__label" for="reservationFor_checkinDate">Checkin Time</label>
+    <span class="mdl-textfield__error">Input is empty or not a date!</span>
+  </div>
+</p>
+
+<button id="frs-button-send" type="submit" class="mdl-button mdl-js-button mdl-button--fab mdl-js-ripple-effect mdl-button--colored">
+  <i class="material-icons">send</i>
+</button>
+
+</form>
+
 {{> mdl_content_foot}}
 {{> mdl_foot}}
 {{> html_foot}}