{% extends "base.html" %}
{% set title = "State lab" %}
{% block main %}
<h1>State lab</h1>
<p>Every request below adds one to three counters. The other two move only when you use them.</p>
<table>
    <tr><td>Application counter (everyone, on the server)</td><td id="app">{{ app_count }}</td></tr>
    <tr><td>Session counter (this browser, in a signed cookie)</td><td id="session">{{ session_count }}</td></tr>
    <tr><td>Cookie counter (this browser, in the browser)</td><td id="cookie">{{ cookie_count }}</td></tr>
    <tr><td>Hidden-field counter (this form)</td><td id="hidden">{{ hidden }}</td></tr>
    <tr><td>Query-string counter (this link)</td><td id="query">{{ query }}</td></tr>
</table>
<form method="post" action="/lab">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <input type="hidden" name="hits" value="{{ hidden }}">
    <button>Post the form again</button>
</form>
<p><a id="next" href="/lab?count={{ query + 1 }}">Follow this link</a></p>
{% endblock %}