{% extends "index.html" %}
{% block title %}Inputs{% endblock %}
      {% block main %}
      <article class='right'>
        <h3>The input collection</h3>
        <p>
          Have a look to the input collection:
        </p>
        <input type='text'/>
        <button>Click me</button>
        <br/>
        <textarea cols='25'></textarea>
        <br/>
        <select>
          {% for item in menu %}
          <option>{{ item[0] }}</option>
          {% endfor %}
        </select>
        <input type='submit' value='Click me too'/>
        <br/>
        <input type='button' value='And me !' />
        <br/>
        <input type='button' class='add' title='Add' value=' '/>
        <input type='button' class='edit' title='Edit' value=' '/>
        <input type='button' class='login' title='Login' value=' '/>
        <input type='button' class='logout' title='Logout' value=' ' onclick='javascript:logout();'/>
        <input type='button' class='refresh' title='Refresh' value=' '/>
        <input type='button' class='save' title='Save' value=' '/>
        <input type='button' class='search' title='Search' value=' '/>
        <input type='button' class='trash' title='Trash' value=' '/>
        <!--
          Input file is a tricky hack (see tetawebapp.css and tetawebapp.js)
        -->
        <div class='file_upload'>
          <input type='button' id='upload_icon_1' class='upload' title='Upload' value=' '/>
          <input type='file' id='upload_input_1' name='files' multiple
                 title='Upload'
                 onchange='javascript:upload_file_from_ajax(this, "/upload", "TETA_ERR");'
                 onmouseover='javascript:lit(document.getElementById("upload_icon_1"));'
                 onmouseout='javascript:unlit(document.getElementById("upload_icon_1"));'/>
        </div>
        <br/>
        <pre>
#!/bin/sh
# This is code sample
while [ 1 ]
do
  echo "Tits or GTFO !"
  sleep .1
done
        </pre>
      </article>
      {% endblock %}