{% extends "base.html" %}
{% load i18n static %}
{% load humanize %}
{% block head %}
<title> TipPy Blog</title>
{% endblock %}

{% block nav %}
{% include "nav.html" with ls=ls season=season %}
{% endblock %}

{% block body %}
<div id="content-main">
  <div class="row">
    <div class="col-md-7">
      <h2>TipPy Blog</h2>
      <p class="text-right">
        <a class="btn btn-default" href="/blog/newpost" role="button">Neue Nachricht</a>
      </p>
    </div>
  </div>
  {% for post, avatar in posts %}
  <div class="row">
    <div class="col-md-7">
      <div class="panel panel-default">
        <div class="panel-heading">
          {{post.author.first_name}} schrieb {{post.created|naturaltime}} 
        </div>
        <div class="panel-body">
          {% if avatar %}
              <img class="img-circle img-responsive pull-left blog" alt="Profile Pic" src="/media/{{avatar}}" /> 
          {% else %}
              <img class="img-circle img-responsive pull-left blog" alt="Profile Pic" src="/media/profiles/dummy.png" /> 
          {% endif %}
          {{post.content|safe}}
        </div>
      </div>
    </div>
  </div>
  {% endfor %}
  <div class="row">
    <div class="col-md-7">
      <nav>
        <ul class="pager">
          {% if posts.has_previous %}
          <li data-toggle="tooltip" title="{% trans 'previous' %}" class="previous">
            <a href="/blog/{{ page|add:"-1" }}">
          {% else %}
          <li data-toggle="tooltip" title="{% trans 'previous' %}" class="previous inactive">
            <a href="/blog/{{ page }}">
          {% endif %}
              <span aria-hidden="true">&larr;</span>
            </a>
          </li>
          Seite {{ posts.number }} von {{ posts.paginator.num_pages }}.
          {% if posts.has_next %}
          <li data-toggle="tooltip" title="{% trans 'next' %}" class="next">
            <a href="/blog/{{ page|add:"1" }}">
          {% else %}
          <li data-toggle="tooltip" title="{% trans 'next' %}" class="next inactive">
            <a href="/blog/{{ page }}">
          {% endif %}
              <span aria-hidden="true">&rarr;</span>
            </a>
          </li>
        </ul>
      </nav>
    </div>
  </div>
</div>
{% endblock %}