{% extends "/base.html" %}

{%- block control -%}<section>
  {% if input.type != 'password' %}
  <p><span style="white-space: pre">{{ input.value }}</span>
    {% if input.multiple %}<a href=":%0A{{Q}}">↲</a>{% endif %}</p>
  <hr />
  {% endif %}
  <p><a href="..{{Q}}">abc</a> | <strong>ABC</strong> |
      <a href="../latin1-symbol/{{Q}}">!@#</a> |
      <a href="../latin1-accent-lower/{{Q}}">àêï</a> |
      <a href="../latin1-accent/{{Q}}">ÀÊÏ</a></p>
  <table>
    <tr>
      <td><a href=":A{{Q}}">A</a></td>
      <td><a href=":B{{Q}}">B</a></td>
      <td><a href=":C{{Q}}">C</a></td>
      <td><a href=":D{{Q}}">D</a></td>
      <td><a href=":E{{Q}}">E</a></td>
      <td><a href=":F{{Q}}">F</a></td>
    </tr>
    <tr>
      <td><a href=":G{{Q}}">G</a></td>
      <td><a href=":H{{Q}}">H</a></td>
      <td><a href=":I{{Q}}">I</a></td>
      <td><a href=":J{{Q}}">J</a></td>
      <td><a href=":K{{Q}}">K</a></td>
      <td><a href=":L{{Q}}">L</a></td>
    </tr>
    <tr>
      <td><a href=":M{{Q}}">M</a></td>
      <td><a href=":N{{Q}}">N</a></td>
      <td><a href=":O{{Q}}">O</a></td>
      <td><a href=":P{{Q}}">P</a></td>
      <td><a href=":Q{{Q}}">Q</a></td>
      <td><a href=":R{{Q}}">R</a></td>
    </tr>
    <tr>
      <td><a href=":S{{Q}}">S</a></td>
      <td><a href=":T{{Q}}">T</a></td>
      <td><a href=":U{{Q}}">U</a></td>
      <td><a href=":V{{Q}}">V</a></td>
      <td><a href=":W{{Q}}">W</a></td>
      <td><a href=":X{{Q}}">X</a></td>
    </tr>
    <tr>
      <td><a href=":Y{{Q}}">Y</a></td>
      <td><a href=":Z{{Q}}">Z</a></td>
      <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=":4{{Q}}">4</a></td>
    </tr>
    <tr>
      <td><a href=":5{{Q}}">5</a></td>
      <td><a href=":6{{Q}}">6</a></td>
      <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=":0{{Q}}">0</a></td>
    </tr>
    {% if input.inputType == "email" || input.inputType == "url" %}<tr>
      {% if input.inputType == "email" %}
        <td><a href=":@{{Q}}">@</a></td>
      {% else %}
        <td><a href=":{{ '/'|xURI }}{{Q}}">/</a></td>
      {% endif %}
      <td><a href=":.{{Q}}">.</a></td>
      <td colspan="2"><a href=":.com{{Q}}">.com</a>
      <td colspan="2"><a href=":.org{{Q}}">.org</a>
    </tr>{% endif %}
    <tr>
      <td colspan="2"><a href=":%20{{Q}}">SPACE</a></td>
      <td colspan="2"><a href="-{{Q}}">DEL</a></td>
      <td colspan="2"><a href="={{Q}}">CLEAR</a></td>
    </tr>
  </table>
</section>{%- endblock -%}