{% extends "base.html" %}

{%- block control -%}<section>
  <p>{{ input.value }}</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}}">.</a></td>
    </tr>
  </table>
</section>{%- endblock -%}