{% extends 'base.html' %}

{% block content %}

<div class="box">

    <form class="pure-form" action="/api/add" method="POST" id="new-watch-form">
        <fieldset>
            <legend>Add a new change detection watch</legend>
            <input type="url" placeholder="https://..." name="url"/>
            <input type="text" placeholder="tag" size="10" name="tag" value="{{active_tag if active_tag}}"/>
            <button type="submit" class="pure-button pure-button-primary">Watch</button>
        </fieldset>
        <!-- add extra stuff, like do a http POST and send headers -->
        <!-- user/pass r = requests.get('https://api.github.com/user', auth=('user', 'pass')) -->
    </form>
    <div>
        <a href="/" class="pure-button button-tag {{'active' if not active_tag }}">All</a>
        {% for tag in tags %}
            {% if tag != "" %}
                <a href="/?tag={{ tag}}" class="pure-button button-tag {{'active' if active_tag == tag }}">{{ tag }}</a>
            {% endif %}
        {% endfor %}
    </div>

    <div id="watch-table-wrapper">
    {% block innercontent %}

    {% endblock %}
    </div>
</div>
{% endblock %}