{% extends "base.html" %}

{% load i18n %}

{% block title %}
{% trans "Forums" %} - {{block.super}}
{% endblock %}

{% block breadcrumb %}
<ul class="breadcrumb">
    <li><a href="{% url forums:overview %}">{% trans "Forums" %}</a> <span class="divider">/</span></li>
    <li><a href="{% url forums:overview %}#{{forum.category.id}}">{{forum.category.name}}</a> <span class="divider">/</span></li>
    <li class="active">{{forum.name}}</li>
</ul>
{% endblock %}

{% block content %}
<div class="page-header">
    <h1>{% trans "Forums" %}</h1>
</div>
<table class="table">
    <thead>
        <tr>
            <th colspan="2">{% trans "Topics" %}</th>
            <td>{% trans "Last Poster" %}</td>
            <td>{% trans "Replies" %}</td>
            <td>{% trans "Views" %}</td>
        </tr>
    </thead>
    <tbody>
        {% for topic in forum.topics.all %}
        <tr>
            <td style="width: 14px;"><i class="icon-circle-arrow-right" style="margin-top: 1px;"></i></td>
            <td style="width: 70%;">
                <a href="{% url forums:topic topic.id %}">{{topic.name}}</a>
            </td>
            <td>{{topic.last_post.user.username}}</td>
            <td>{{topic.count_posts}}</td>
            <td>0</td>
        </tr>
        {% empty %}
        <tr>
            <td colspan="5">{% trans "No topics in this forum, create one :)" %}</td>
        </tr>
        {% endfor %}
    </tbody>
</table>
<p><a href="{% url forums:topic_create forum.id %}" class="btn btn-primary">{% trans "Create topic" %}</a></p>
{% endblock %}