{% extends "tablon/base.html" %}
{% block page-header %}{{ foro.nombre }}{% endblock %}
{% block tablon %}
<ul class="breadcrumb">
  <li><a href="/tablon/">Lista de foros</a> <span class="divider">/</span></li>
  <li><a href="/tablon/foro/{{ foro.id }}">{{ foro.nombre }}</a></li>
</ul>
{% if lista_temas %}
  <table class="table table-striped">
    <tr>
      <th>Tema</th>
      <th>Mensajes</th>
      <th>Último mensaje</th>
    </tr>
    {% for t in lista_temas %}
    <tr>
      <td><a href="/tablon/tema/{{ t.id}}">{{ t.titulo }}</a></td>
      <td>{{ t.mensaje_set.count }}</td>
      <td>
        <a href="/tablon/tema/{{ t.id }}/#{{t.ultimo_mensaje.id }}">ult</a>
        {{ t.ultimo_mensaje.created_on|date:"d/m/y @H:i" }}<br/>
        por <a href="/usuarios/ver/{{ t.ultimo_mensaje.autor.username }}">{{ t.ultimo_mensaje.autor.username }}</a>
      </td>
    </tr>
    {% endfor %}
  </table>
{% else %}
  <p>No hay temas en este foro.</p>
{% endif %}
<div class="btn-toolbar">
  <a class="btn btn-primary" href="/tablon/foro/{{ foro.id }}/nuevo_tema/">Nuevo tema</a>
</div>
{% endblock %}