{% extends "base" %}

{% block content %}
<div>
    <h1>Hi {{user.username}}</h1>
    <h3>Here are your characters:</h3>
    <ul>
        {% for char in characters %}
        <li>
            <a href="characters/{{ user.username }}/{{char.id}}">
                {{ char.character_name }}
            </a>
        </li>
        {% endfor %}
    </ul>

    <div>
        <a href="/characters/new">Create New</a>
    </div>

    <p>
        <form action="/logout" method="post">
            <input type="submit" value="Logout" />
        </form>
    </p>
</div>
{% endblock content %}