{% extends "base.html" %}
{% load humanize %}

{% block title %}
    Brutaldon - {{ timeline }} timelime
{% endblock %}

{% block content %}
    <h1 class="title">Post</h1>
    <div class="box">
        {% include "main/post_partial.html" %}
    </div>
    <hr class="is-hidden">

    <h1 class="title">Your {{ timeline }} timeline</h1>
    {% for toot in toots %}
    <div class="box">
        {% if toot.reblog %}
            {% include "main/toot_partial.html" with toot=toot.reblog reblog=True reblog_by=toot.account.acct reblog_icon=toot.account.avatar %}
        {% else %}
            {% include "main/toot_partial.html" with toot=toot reblog=False %}
        {% endif %}
    </div>
        <hr class="is-hidden">
    {% endfor %}

    <nav class="pagination" role="navigation" aria-label="pagination">
        <a class="pagination-previous"
           title="This is the first page" disabled>Previous</a>
        <a class="pagination-next">Next page</a>
        <ul class="pagination-list">
            <li>
                <a class="pagination-link is-current" aria-label="Page 1"
                   aria-current="page">1</a>
            </li>
            <li>
                <a class="pagination-link" aria-label="Goto page 2">2</a>
            </li>
            <li>
                <a class="pagination-link" aria-label="Goto page 3">3</a>
            </li>
        </ul>
    </nav>
{% endblock %}