{% extends 'layout.html' %}
{% block content %}
<div id="main">
    <div class="user-profile">
        <img class="user-pic" src="/static/images/profile.jpg">
        <h1>{{ user.username }}</h1>
        <p>Since {{ user.created_date }}</p>
        {% if not is_self %}
        {% if not following %}
        <form action="/follow/" method="post">
            <input type="hidden" name="user" value="{{ user.id }}"></input>
            <input type="submit" value="Follow"></input>
        </form>
        {% else %}
        <form action="/unfollow/" method="post">
            <input type="hidden" name="user" value="{{ user.id }}"></input>
            <input type="submit" value="Unfollow"></input>
        </form>
        {% endif %}
        {% endif %}
    </div>

    <div>
        <h2>Books</h2>
        {% for book in books.all %}
        <div class="book">
            {{ book.data.title }} by {{ book.authors.first.data.name }}
        </div>
        {% endfor %}
    </div>

    <div>
        <h2>Followers</h2>
        {% for follower in user.followers.all %}
        {{ follower.activitypub_id }}
        {% endfor %}
    </div>

</div>
{% endblock %}