{% 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="..">abc</a> | <a href="../latin1-upper/{{Q}}">ABC</a> |
      <a href="../latin1-symbol/{{Q}}">!@#</a> |
      <a href="../latin1-accent-lower/{{Q}}">àêï</a> |
      <strong>ÀÊÏ</strong></p>
  <table>
    <tr>
      <td><a href=":{{'À'|xURI}}{{Q}}">À</a></td>
      <td><a href=":{{'Á'|xURI}}{{Q}}">Á</a></td>
      <td><a href=":{{'Â'|xURI}}{{Q}}">Â</a></td>
      <td><a href=":{{'Ä'|xURI}}{{Q}}">Ä</a></td>
      <td><a href=":{{'Ã'|xURI}}{{Q}}">Ã</a></td>
      <td><a href=":{{'Å'|xURI}}{{Q}}">Å</a></td>
    </tr>
    <tr>
      <td><a href=":{{'È'|xURI}}{{Q}}">È</a></td>
      <td><a href=":{{'É'|xURI}}{{Q}}">É</a></td>
      <td><a href=":{{'Ê'|xURI}}{{Q}}">Ê</a></td>
      <td><a href=":{{'Ë'|xURI}}{{Q}}">Ë</a></td>
      <td><a href=":{{'Ç'|xURI}}{{Q}}">Ç</a></td>
      <td><a href=":{{'Æ'|xURI}}{{Q}}">Æ</a></td>
    </tr>
    <tr>
      <td><a href=":{{'Ì'|xURI}}{{Q}}">Ì</a></td>
      <td><a href=":{{'Í'|xURI}}{{Q}}">Í</a></td>
      <td><a href=":{{'Î'|xURI}}{{Q}}">Î</a></td>
      <td><a href=":{{'Ï'|xURI}}{{Q}}">Ï</a></td>
      <td><a href=":{{'Ð'|xURI}}{{Q}}">Ð</a></td>
      <td><a href=":{{'Ñ'|xURI}}{{Q}}">Ñ</a></td>
    </tr>
    <tr>
      <td><a href=":{{'Ò'|xURI}}{{Q}}">Ò</a></td>
      <td><a href=":{{'Ó'|xURI}}{{Q}}">Ó</a></td>
      <td><a href=":{{'Ô'|xURI}}{{Q}}">Ô</a></td>
      <td><a href=":{{'Ö'|xURI}}{{Q}}">Ö</a></td>
      <td><a href=":{{'Õ'|xURI}}{{Q}}">Õ</a></td>
      <td><a href=":{{'Ø'|xURI}}{{Q}}">Ø</a></td>
    </tr>
    <tr>
      <td><a href=":{{'Ù'|xURI}}{{Q}}">Ù</a></td>
      <td><a href=":{{'Ú'|xURI}}{{Q}}">Ú</a></td>
      <td><a href=":{{'Û'|xURI}}{{Q}}">Û</a></td>
      <td><a href=":{{'Ü'|xURI}}{{Q}}">Ü</a></td>
      <td><a href=":{{'Ý'|xURI}}{{Q}}">Ý</a></td>
      <td><a href=":{{'ß'|xURI}}{{Q}}">ß</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><a href=":{{'Þ'|xURI}}{{Q}}">Þ</a></td>
      <td><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 -%}