{% 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> | <strong>àêï</strong> |
      <a href="../latin1-accent/{{Q}}">ÀÊÏ</a></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 -%}