{% extends 'board_base.html' %}
{% load i18n %}
{% load mptt_tags %}
{% load forum_tags %}
{% load forum_conversation_tags %}
{% load forum_permission_tags %}
{% load forum_tracking_tags %}
{% load activity_tags %}
{% load forum_extras %}
{% load crispy_forms_tags %}


{% block sub_title %}{{ forum.name }}{% endblock sub_title %}

{% block content %}
<div class="row">
  <div class="col-12">
    <h1>{{ forum.name }}</h1>
  </div>
</div>
{% if sub_forums %}
<div class="row">
  <div class="forumlist-top-controls col-12">
    {% if request.user.is_authenticated %}
    <div class="float-right">
      <a href="{% url 'forum_tracking:mark_subforums_read' forum.pk %}" class="d-inline-block"><i class="fa fa-check-circle-o">&nbsp;</i>{% trans "Mark subforums read" %}</a>
    </div>
    {% endif %}
  </div>
</div>
{% forum_list sub_forums %}
{% endif %}
{% if forum.is_forum %}
<div class="mt-4 mb-3 row">
  <div class="col-6 col-md-4 forum-actions-block">
    {% get_permission 'can_add_topic' forum request.user as user_can_add_topic %}
    {% get_permission 'can_read_forum' forum request.user as user_can_read_forum %}
    {% if user_can_add_topic %}
    <a href="{% url 'forum_conversation:topic_create' forum.slug forum.pk %}" class="btn btn-primary btn-sm"><i class="fa fa-comments fa-lg"></i>&nbsp;{% trans "New topic" %}</a>
    {% endif %}
    {% if user_can_read_forum and request.user|is_following:forum %}
        {% get_follow_object_pk request.user forum as follow_object_pk %}
        {% if follow_object_pk %}
            <form class="d-inline" method="post" action="{% url 'notifications:follow-delete' pk=follow_object_pk %}">
                {% csrf_token %}
                <button type="submit" class="btn btn-info btn-sm btn-subscription"><i class="fas fa-check"></i>
                    {% trans "Unsubscribe" %}
                </button>
            </form>
        {% endif %}
    {% elif user_can_read_forum and not request.user|is_following:forum %}
        {% get_content_type forum as forum_ct %}
        {% follow_form user=request.user content_type=forum_ct.id object_id=forum.id as follow_form %}
        <form class="d-inline" method="post" action="{% url 'notifications:follow-create' %}">
            {% csrf_token %}
            {{ follow_form|crispy }}
            <button type="submit" class="btn btn-info btn-sm btn-subscription"><i class="fas fa-check"></i>
                {% trans "Subscribe" %}
            </button>
        </form>
    {% endif %}
  </div>
  <div class="col-12 col-md-8">
    {% if topics|length > 0 and request.user.is_authenticated %}
    <div class="float-left">
      <a href="{% url 'forum_tracking:mark_topics_read' forum.pk %}" class="my-1 d-inline-block">{% trans "Mark topics read" %}</a>
    </div>
    {% endif %}
    {% with "pagination-sm justify-content-end" as pagination_size %}
    {% include "partials/pagination.html" %}
    {% endwith %}
  </div>
</div>
{% trans "Announcements" as announcements_title_trans %}
{% with topic_list_title=announcements_title_trans topics=announces hide_if_empty=True unread_topics=unread_topics %}
{% include "forum_conversation/topic_list.html" %}
{% endwith %}
{% trans "Topics" as topics_title_trans %}
{% with topic_list_title=topics_title_trans unread_topics=unread_topics%}
{% include "forum_conversation/topic_list.html" %}
{% endwith %}
<div class="mt-3 mb-5 row">
  <div class="col-6 col-md-4 forum-actions-block">
    {% if user_can_add_topic %}
    <a href="{% url 'forum_conversation:topic_create' forum.slug forum.pk %}" class="btn btn-primary btn-sm"><i class="fa fa-comments fa-lg"></i>&nbsp;{% trans "New topic" %}</a>
    {% endif %}
  </div>
  <div class="col-12 col-md-8">
    {% if topics|length > 0 and request.user.is_authenticated %}
    <div class="float-left">
      <a href="{% url 'forum_tracking:mark_topics_read' forum.pk %}" class="my-1 d-inline-block">{% trans "Mark topics read" %}</a>
    </div>
    {% endif %}
    {% with "pagination-sm justify-content-end" as pagination_size %}
    {% include "partials/pagination.html" %}
    {% endwith %}
  </div>
</div>
{% endif %}
{% endblock content %}