{% if name %}
    <form style="position: absolute; right: 15%; width: 15%; height: 15%;">
        <button type="button" id="logout_button" onclick="logout()" style="width: 100%; height: 100%;">logout</button>
    </form>

    <h1>Hello, {{ name }}!</h1>

    <p id="nextStep"></p>

    {% if count or count_mate%}
    <p>You've had {{ count }} coffee{% if count != 1 %}s{% endif %} and {{ count_mate }} Club-Mate today.</p>
    {% endif %}

    <img src="{{ url_for('coffee_graph_history', _external=True, stamp=stamp) }}">
    <img src="{{ url_for('coffee_graph_flavors', _external=True, stamp=stamp) }}">

    <p>
        {% if flavors %}
        <form>
        {% for flavor in flavors %}
        <input type="button" value="{{ flavor }}" onclick="addCoffee(this.value)">
        {% endfor %}
        </form>
        {% endif %}
    </p>
    <p>
        <form>
            <label for="username">Username:</label>
            <input id="username" type="text" name="name">
            <input type="button" value="rename" onclick="renameUser()">
        </form>
    </p>
    <form>
        <table style="padding: 2px">
            <tr>
                <td colspan="4" align="center"><b>Identifiers:</b></td>
            </tr>
            {% for id in identifiers %}
            <tr>
                <td><input type="text" id="identifier_name_{{ loop.index }}" value="{{ id[2] }}" /></td>
                <td {% if iid == id[1] %} style="font-weight: bold" {% endif %}>#<span id="identifier_{{ loop.index }}">{{ id[1] }}</span></td>
                <td><input type="button" value="rename" onclick="renameIdentifier({{ loop.index }})" /></td>
                <td><input type="button" value="remove" onclick="disableIdentifier({{ id[1] }})" /></td>
            </tr>
            {% endfor %}
            <tr>
                <td><input type="button" id="addIdentifier" value="add identifier" onclick="addIdentifier_start()" /></td>
                <td colspan="2" style="visibility: hidden" id="labelIdentifier"><b>Use your identifier.</b></td>
                <td><input type="button" id="abortIdentifier" value="abort" disabled onclick="addIdentifier_finish()" /></td>
            </tr>
        </table>
    </form>
{% else %}
    <p>Use your card/token to log in...</p>

    <img src="{{ url_for('coffee_graph_history', _external=True, stamp=stamp) }}">
    <img src="{{ url_for('coffee_graph_flavors', _external=True, stamp=stamp, days=7) }}">
{% endif %}