checkout page refactor

templates/checkout.html

@@ -1,34 +1,47 @@
 {% extends 'base.html' %}
 
 {% block content %}
-<section>
+
+  <article style="margin-top: 0px">
   <div class="grid">
-    <div><h4>{{prod.name}}</h4></div>
-    <div><h4>Doporučená cena: {{prod.price}},- Kč</h4></div>
-  </div>
-</section>
-
-<section>
-
     <div>
-      V hotovosti:
+      <hgroup>
+        <h2>Doporučená cena: {{prod.price}} Kč</h2>
+        <h3>{{prod.name}}</h3>
+      </hgroup>
+    </div>
+    <div>
+      
       <form action="/cash-payment" method="post">
         <input type="text" name="barcode" value="{{prod.barcode}}" hidden>
-        <input type="submit" value="Prachy do kasičky" >
+        <input type="submit" value="Dávám prachy do kasičky" onclick="busy('cash');">
+        
+        <br>
+        <small>Klikni na tlačítko a hoď prachy do kasičky prosím.</small>
+        <div id="cash"></div>
       </form> 
     </div>
-  </section>
+  </div>
+</article>
 
-  <section>
+<article>
+  
+
+    <div class="grid">
+      <div><p>Pokud máš účet, zadej na klávesnici PIN a stiskni Enter:</p></div>
       <div>
         <form action="/account-payment" method="post">
           <input type="text" name="barcode" value="{{prod.barcode}}" hidden>
-        <br>
+          <input type="text" name="barid" autofocus style="height: 40px;"><br>
-        Odečíst z účtu:
-        <input type="text" name="barid" autofocus><br>
           <input type="submit" hidden>
         </form> 
       </div>
-  </section>
+    </div>
+
+      <i>Jestli jsi tu často, řekni si o vytvoření účtu. Na něj si můžeš "nahrát" peníze a věci z baru si pak odečítat. </i>
+
+</article>
+
+
 
 {% endblock %}