{% extends "layout.jinja" %}

{% block heading %} Kategorien {% endblock %}

{% block js %}
    {{ super() }}
    <script type="text/javascript" src="{{ "js/cats.js" | static_url }}"></script>
{% endblock %}

{% block content %}
    <form name="categories" method="post">
        <ul class="arrow">
            {% for c in cats %}
                <li><span>{{c.name}}</span><input name="{{c.id}}" type="text" value="{{c.name}}" style="display:none;"></li> 
            {%- endfor %}
            <div><img id="add" src="{{ "images/add.png" | static_url }}"></div>
        </ul>
        <input type="submit">
    </form>
    <input id="new" name="n-" style="display:none;" >
{% endblock %}