{% extends 'base.html' %}

{% block content %}

  <article style="margin-top: 0px">
  <div class="grid">
    <div>
      <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="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>
  </div>
</article>

<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>
          <input type="text" name="barid" autofocus style="height: 40px;"><br>
          <input type="submit" hidden>
        </form> 
      </div>
    </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>
    <script>
      var timer = setTimeout(function() {
          window.location='/'
      }, 20000);
    </script>

</article>



{% endblock %}