{% extends "base.html" %}

{%- block main -%}<section>
  <p><a href="+-{{input.step|default(1)}}{{Q}}">↓</a>
    {{ input.value }}
    <a href="+{{input.step|default(1)}}{{Q}}">↑</a></p>
  <hr />
  <table>
    <tr>
      <td><a href=":7{{Q}}">7</a></td>
      <td><a href=":8{{Q}}">8</a></td>
      <td><a href=":9{{Q}}">9</a></td>
      <td><a href=":-{{Q}}">-</a></td>
    </tr>
    <tr>
      <td><a href=":4{{Q}}">4</a></td>
      <td><a href=":5{{Q}}">5</a></td>
      <td><a href=":6{{Q}}">6</a></td>
      <td><a href=":%20{{Q}}">SPACE</a></td>
    </tr>
    <tr>
      <td><a href=":1{{Q}}">1</a></td>
      <td><a href=":2{{Q}}">2</a></td>
      <td><a href=":3{{Q}}">3</a></td>
      <td><a href="-{{Q}}">DEL</a></td>
    </tr>
    <tr>
      <td><a href=":.{{Q}}">.</a></td>
      <td><a href=":0{{Q}}">0</a></td>
      <td><a href=":,{{Q}}">,</a></td>
      <td><a href="={{Q}}">CLEAR</a></td>
    </tr>
  </table>
</section>{%- endblock -%}