{% extends "cranefly/layout.html" %}
{% import "_forms.html" as form_theme with context %}
{% import "cranefly/editor.html" as editor with context %}
{% import "cranefly/macros.html" as macros with context %}

{% block title %}{{ macros.page_title(title=thread.name,parent=forum.name,page=pagination['page']) }}{% endblock %}

{% block breadcrumb %}{{ super() }} <span class="divider"><i class="icon-chevron-right"></i></span></li>
<li><a href="{% url 'reports' %}">{% trans %}Reported Posts{% endtrans %}</a> <span class="divider"><i class="icon-chevron-right"></i></span></li>
<li class="active">{{ thread.name }}
{%- endblock %}

{% block container %}
<div class="page-header header-primary">
  <div class="container">
    {{ messages_list(messages) }}
    <ul class="breadcrumb" {{ macros.itemprop_bread() }}>
      {{ self.breadcrumb() }}</li>
    </ul>
    <h1>{{ thread.name }}</h1>
    <ul class="unstyled header-stats">
      <li><i class="icon-tag"></i> {% if thread.weight == 2 -%}
        {% trans %}Open{% endtrans %}
        {%- elif thread.weight == 1 -%}
        Resolved
        {%- else -%}
        Bogus
        {%- endif %}</li>
      <li><i class="icon-time"></i> {{ thread.last|reltimesince }}</li>
      <li><i class="icon-user"></i> {% if thread.start_poster_id %}<a href="{% url 'user' user=thread.start_poster_id, username=thread.start_poster_slug %}">{{ thread.start_poster_name }}</a>{% else %}{{ thread.start_poster_name }}{% endif %}</li>
      <li><i class="icon-comment"></i> {% if thread.replies > 0 -%}
        {% trans count=thread.replies, replies=thread.replies|intcomma %}One comment{% pluralize %}{{ replies }} comments{% endtrans %}
      {%- else -%}
        {% trans %}No comments{% endtrans %}
      {%- endif %}</li>
    </ul>
  </div>
</div>

<div class="container container-primary report-view">
  {% if message %}
  <div class="messages-list">
    {{ macros.draw_message(message) }}
  </div>
  {% endif %}

  <div class="thread-buttons">
    {{ pager() }}
    <a href="{% url 'report_reply' thread=thread.pk, slug=thread.slug %}" class="btn btn-inverse pull-right"><i class="icon-pencil"></i> {% trans %}Comment{% endtrans %}</a>
    {% if watcher %}
    <form action="{% url 'report_unwatch' thread=thread.pk, slug=thread.slug %}" class="form-inline pull-right" method="post"><input type="hidden" name="{{ csrf_id }}" value="{{ csrf_token }}"><input type="hidden" name="retreat" value="{{ request_path }}"><button type="submit" class="btn btn-success tooltip-top" title="{% trans %}Remove thread from watched list{% endtrans %}"><i class="icon-bookmark"></i></button></form>
    {% if watcher.email %}
    <form action="{% url 'report_unwatch_email' thread=thread.pk, slug=thread.slug %}" class="form-inline pull-right" method="post"><input type="hidden" name="{{ csrf_id }}" value="{{ csrf_token }}"><input type="hidden" name="retreat" value="{{ request_path }}"><button type="submit" class="btn btn-success tooltip-top" title="{% trans %}Don't e-mail me anymore if anyone replies to this thread{% endtrans %}"><i class="icon-envelope"></i></button></form>
    {% else %}
    <form action="{% url 'report_watch_email' thread=thread.pk, slug=thread.slug %}" class="form-inline pull-right" method="post"><input type="hidden" name="{{ csrf_id }}" value="{{ csrf_token }}"><input type="hidden" name="retreat" value="{{ request_path }}"><button type="submit" class="btn tooltip-top" title="{% trans %}E-mail me if anyone replies{% endtrans %}"><i class="icon-envelope"></i></button></form>
    {% endif %}
    {% else %}
    <form action="{% url 'report_watch' thread=thread.pk, slug=thread.slug %}" class="form-inline pull-right" method="post"><input type="hidden" name="{{ csrf_id }}" value="{{ csrf_token }}"><input type="hidden" name="retreat" value="{{ request_path }}"><button type="submit" class="btn tooltip-top" title="{% trans %}Add thread to watched list{% endtrans %}"><i class="icon-bookmark"></i></button></form>
    <form action="{% url 'report_watch_email' thread=thread.pk, slug=thread.slug %}" class="form-inline pull-right" method="post"><input type="hidden" name="{{ csrf_id }}" value="{{ csrf_token }}"><input type="hidden" name="retreat" value="{{ request_path }}"><button type="submit" class="btn tooltip-top" title="{% trans %}Add thread to watched list and e-mail me if anyone replies{% endtrans %}"><i class="icon-envelope"></i></button></form>
    {% endif %}
  </div>

  <div class="thread-body">
    {% if thread.start_post_id != posts[0].pk %}
    {% set posts = (posts|list) %}
    {% do posts.insert(0, thread.start_post) %}
    {% endif %}
    {% for post in posts %}
    <div id="post-{{ post.pk }}" class="post-wrapper{% if post.pk == thread.start_post_id %} report-wrapper{% endif %}">
      {% if post.message %}
      <div class="messages-list">
        {{ macros.draw_message(post.message) }}
      </div>
      {% endif %}
      <div class="post-body">
        {% if post.user_id %}
        <a href="{% url 'user' user=post.user.pk, username=post.user.username_slug %}"><img src="{{ post.user.get_avatar(100) }}" alt="" class="user-avatar"></a>
        {% else %}
        <img src="{{ macros.avatar_guest(100) }}" alt="" class="user-avatar">
        {% endif %}
        <div class="post-arrow"></div>
        <div class="post-content">
          <div class="post-header">
            {% if post.user_id %}
            <a href="{% url 'user' user=post.user.pk, username=post.user.username_slug %}" class="post-author">{{ post.user.username }}</a>{% if post.user.get_title() %} {{ user_label(post.user) }}{% endif %}
            {% else %}
            <span class="post-author">{{ post.user_name }}</span> <span class="label post-author-label post-label-guest">{% trans %}Unregistered{% endtrans %}</span>
            {% endif %}
            <span class="separator">&ndash;</span>
            <a href="{% url 'report_find' thread=thread.pk, slug=thread.slug, post=post.pk %}" class="post-date">{{ post.date|reltimesince }}</a>
            {% if post.edits %}
            <span class="separator">&ndash;</span>
            {% if acl.threads.can_see_changelog(user, forum, post) %}
            <a href="{% url 'report_changelog' thread=thread.pk, slug=thread.slug, post=post.pk %}" class="post-changelog tooltip-bottom" title="{% trans %}Show changelog{% endtrans %}">{% trans edits=post.edits %}One edit{% pluralize %}{{ edits }} edits{% endtrans %}</a>
            {% else %}
            <span class="post-changelog">{% trans edits=post.edits %}One edit{% pluralize %}{{ edits }} edits{% endtrans %}</span>
            {% endif %}
            {% endif %}

            {% if posts_form and thread.start_post_id != post.pk %}
            <label class="checkbox post-checkbox"><input form="posts_form" name="{{ posts_form['list_items']['html_name'] }}" type="checkbox" class="checkbox-member" value="{{ post.pk }}"{% if posts_form['list_items']['has_value'] and ('' ~ post.pk) in posts_form['list_items']['value'] %} checked="checked"{% endif %}></label>
            {% endif %}

            {% if posts_form and thread.start_post_id == post.pk %}
            <a href="{% url 'report_find' thread=thread.pk, slug=thread.slug, post=post.pk %}" class="post-perma tooltip-left" title="{% trans %}Direct link to this post{% endtrans %}"><i class="icon-">#1</i></a>
            {% else %}
            <a href="{% url 'report_find' thread=thread.pk, slug=thread.slug, post=post.pk %}" class="post-perma tooltip-left" title="{% trans %}Direct link to this post{% endtrans %}">#{{ pagination['start'] + loop.index0 }}</a>
            {% endif %}

            <div class="post-extra">
              {% if post.protected and acl.threads.can_protect(forum) %}
              <span class="label label-info">
                {% trans %}Protected{% endtrans %}
              </span>
              {% endif %}

              {% if post.deleted %}
              <span class="label label-inverse">
                {% trans %}Deleted{% endtrans %}
              </span>
              {% endif %}

              {% if not post.is_read %}
              <span class="label label-warning">
                {% trans %}New{% endtrans %}
              </span>
              {% endif %}
            </div>
          </div>
          <div class="post-message">
            <div class="markdown js-extra">
              <article>
                {{ post.post_preparsed|markdown_final|safe }}
              </article>
            </div>
          </div>
          <div class="post-footer">{% filter trim %}
            <div class="post-actions">
              {% if acl.users.can_see_users_trails() -%}
              <a href="{% url 'post_info' thread=thread.pk, slug=thread.slug, post=post.pk %}" class="post-trail">{% trans %}Info{% endtrans %}</a>
              {% endif %}
              {% if acl.threads.can_edit_thread(user, forum, thread, post) and thread.start_post_id == post.pk %}
              <a href="{% url 'report_edit' thread=thread.pk, slug=thread.slug %}" class="post-edit">{% trans %}Edit{% endtrans %}</a>
              {% elif acl.threads.can_edit_reply(user, forum, thread, post) %}
              <a href="{% url 'post_edit' thread=thread.pk, slug=thread.slug, post=post.pk %}" class="post-edit">{% trans %}Edit{% endtrans %}</a>
              {%- endif %}
              <a href="{% url 'report_reply' thread=thread.pk, slug=thread.slug, quote=post.pk %}" class="post-reply">{% trans %}Reply{% endtrans %}</a>
            </div>
            {% if post.pk == thread.start_post_id %}
            <div class="post-actions">
              {% if acl.threads.can_delete_thread(user, forum, thread, post) %}
              {% if post.deleted %}
              <form action="{% url 'report_show' thread=thread.pk, slug=thread.slug %}" class="form-inline" method="post">
                <input type="hidden" name="{{ csrf_id }}" value="{{ csrf_token }}">
                <button type="submit" class="btn btn-link btn-hide tooltip-top" title="{% trans %}Make this thread visible to other users{% endtrans %}">{% trans %}Restore{% endtrans %}</button>
              </form>
              {% else %}
              <form action="{% url 'report_hide' thread=thread.pk, slug=thread.slug %}" class="form-inline" method="post">
                <input type="hidden" name="{{ csrf_id }}" value="{{ csrf_token }}">
                <button type="submit" class="btn btn-link btn-hide tooltip-top" title="{% trans %}Hide this thread from other users{% endtrans %}">{% trans %}Hide{% endtrans %}</button>
              </form>
              {% endif %}
              {% endif %}
              {% if acl.threads.can_delete_thread(user, forum, thread, post) == 2 %}
              <form action="{% url 'report_delete' thread=thread.pk, slug=thread.slug %}" class="form-inline prompt-delete-thread" method="post">
                <input type="hidden" name="{{ csrf_id }}" value="{{ csrf_token }}">
                <button type="submit" class="btn btn-link tooltip-top" title="{% trans %}Delete this thread for good{% endtrans %}">{% trans %}Delete{% endtrans %}</button>
              </form>
              {% endif %}
            </div>
            {% elif post.pk != thread.start_post_id and acl.threads.can_delete_post(user, forum, thread, post) %}
            <div class="post-actions">
              {% if acl.threads.can_delete_post(user, forum, thread, post) %}
              {% if post.deleted %}
              <form action="{% url 'post_show' thread=thread.pk, slug=thread.slug, post=post.pk %}" class="form-inline" method="post">
                <input type="hidden" name="{{ csrf_id }}" value="{{ csrf_token }}">
                <button type="submit" class="btn btn-link btn-hide tooltip-top" title="{% trans %}Make this reply visible to other users{% endtrans %}">{% trans %}Restore{% endtrans %}</button>
              </form>
              {% else %}
              <form action="{% url 'post_hide' thread=thread.pk, slug=thread.slug, post=post.pk %}" class="form-inline" method="post">
                <input type="hidden" name="{{ csrf_id }}" value="{{ csrf_token }}">
                <button type="submit" class="btn btn-link btn-hide tooltip-top" title="{% trans %}Hide this reply from other users{% endtrans %}">{% trans %}Hide{% endtrans %}</button>
              </form>
              {% endif %}
              {% endif %}
              {% if acl.threads.can_delete_post(user, forum, thread, post) == 2 -%}
              <form action="{% url 'post_delete' thread=thread.pk, slug=thread.slug, post=post.pk %}" class="form-inline prompt-delete-post" method="post">
                <input type="hidden" name="{{ csrf_id }}" value="{{ csrf_token }}">
                <button type="submit" class="btn btn-link tooltip-top" title="{% trans %}Delete this reply for good{% endtrans %}">{% trans %}Delete{% endtrans %}</button>
              </form>
              {% endif %}
            </div>
            {% endif %}
          {% endfilter %}</div>
        </div>
      </div>
    </div>

    {% if post.checkpoints_visible %}
    <div class="post-checkpoints">
      {% for checkpoint in post.checkpoints_visible %}
      <div class="post-checkpoint{% if checkpoint.deleted %} checkpoint-deleted{% endif %}">
        <hr>
        <span>
          {%- if checkpoint.action == 'limit' -%}
          <i class="icon-lock"></i> {% trans  %}This thread has reached its post limit and has been closed.{% endtrans %}
          {%- elif checkpoint.action == 'deleted' -%}
          <i class="icon-trash"></i> {% trans user=checkpoint_user(checkpoint), date=checkpoint.date|reltimesince|low %}{{ user }} deleted this thread {{ date }}{% endtrans %}
          {%- elif checkpoint.action == 'undeleted' -%}
          <i class="icon-trash"></i> {% trans user=checkpoint_user(checkpoint), date=checkpoint.date|reltimesince|low %}{{ user }} restored this thread {{ date }}{% endtrans %}
          {%- elif checkpoint.action == 'reported' -%}
          <i class="icon-fire"></i> {% trans user=checkpoint_user(checkpoint), date=checkpoint.date|reltimesince|low %}{{ user }} has also reported this post {{ date }}{% endtrans %}
          {%- endif -%}
          {% if acl.threads.can_delete_checkpoint(forum) %}
          {% if checkpoint.deleted %}
          <form action="{% url 'post_checkpoint_show' slug=thread.slug, thread=thread.pk, post=post.pk, checkpoint=checkpoint.pk %}" method="post" class="form-inline">
            <input type="hidden" name="{{ csrf_id }}" value="{{ csrf_token }}">
            <button type="submit" class="btn btn-link btn-show">{% trans %}Restore{% endtrans %}</button>
          </form>
          {% else %}
          <form action="{% url 'post_checkpoint_hide' slug=thread.slug, thread=thread.pk, post=post.pk, checkpoint=checkpoint.pk %}" method="post" class="form-inline">
            <input type="hidden" name="{{ csrf_id }}" value="{{ csrf_token }}">
            <button type="submit" class="btn btn-link btn-hide">{% trans %}Hide{% endtrans %}</button>
          </form>
          {% endif %}
          {% endif %}
          {% if acl.threads.can_delete_checkpoint(forum) == 2 %}
          <form action="{% url 'post_checkpoint_delete' slug=thread.slug, thread=thread.pk, post=post.pk, checkpoint=checkpoint.pk %}" method="post" class="form-inline prompt-delete-checkpoint">
            <input type="hidden" name="{{ csrf_id }}" value="{{ csrf_token }}">
            <button type="submit" class="btn btn-link btn-delete">{% trans %}Delete{% endtrans %}</button>
          </form>
          {% endif %}
        </span>
      </div>
      {% endfor %}
    </div>
    {% endif %}
    {% endfor %}
  </div>

  {% if thread_form or posts_form %}
  <div class="thread-moderation">
    {% if thread_form%}
    <form id="thread_form" class="form-inline pull-left" action="{{ request_path }}" method="POST">
      <input type="hidden" name="{{ csrf_id }}" value="{{ csrf_token }}">
      <input type="hidden" name="origin" value="thread_form">
      {{ form_theme.input_select(thread_form['thread_action'],width=3) }}
      <button type="submit" class="btn btn-danger">{% trans %}Go{% endtrans %}</button>
    </form>
    {% endif %}
    {% if posts_form%}
    <form id="posts_form" class="form-inline pull-right" action="{{ request_path }}" method="POST">
      <input type="hidden" name="{{ csrf_id }}" value="{{ csrf_token }}">
      <input type="hidden" name="origin" value="posts_form">
      {{ form_theme.input_select(posts_form['list_action'],width=3) }}
      <button type="submit" class="btn btn-danger">{% trans %}Go{% endtrans %}</button>
    </form>
    {% endif %}
  </div>
  {% endif %}

  <div class="thread-buttons">
    {{ pager(false) }}
    <a href="{% url 'report_reply' thread=thread.pk, slug=thread.slug %}" class="btn btn-inverse pull-right"><i class="icon-pencil"></i> {% trans %}Comment{% endtrans %}</a>
  </div>

  <div class="thread-quick-reply">
    <form action="{% url 'report_reply' thread=thread.pk, slug=thread.slug %}" method="post">
      <input type="hidden" name="{{ csrf_id }}" value="{{ csrf_token }}">
      <input type="hidden" name="quick_reply" value="1">
      <img src="{{ user.get_avatar(100) }}" alt="{% trans %}Your Avatar{% endtrans %}" class="user-avatar">
      {{ editor.editor(quick_reply.post, _('Post Comment'), extra=editor_extra()) }}
    </form>
  </div>

</div>
{% endblock %}

{% block stylesheets %}{{ super() }}
<link href="{{ STATIC_URL }}cranefly/highlight/styles/monokai.css" rel="stylesheet">
{% endblock %}

{% block javascripts -%}{{ super() }}
  <script src="{{ STATIC_URL }}cranefly/highlight/highlight.pack.js"></script>
  <script type="text/javascript">
    hljs.tabReplace = '    ';
    hljs.initHighlightingOnLoad();
    EnhancePostsMD();
    $(function () {
      $('#thread_form').submit(function() {
        if ($('#id_thread_action').val() == 'hard') {
          var decision = confirm("{% trans %}Are you sure you want to delete this report? This action is not reversible!{% endtrans %}");
          return decision;
        }
        return true;
      });
      $('#posts_form').submit(function() {
        if ($('.post-checkbox[]:checked').length == 0) {
          alert("{% trans %}You have to select at least one comment.{% endtrans %}");
          return false;
        }
        if ($('#id_list_action').val() == 'hard') {
          var decision = confirm("{% trans %}Are you sure you want to delete selected comments? This action is not reversible!{% endtrans %}");
          return decision;
        }
        return true;
      });
      $('.prompt-delete-thread').submit(function() {
          var decision = confirm("{% trans %}Are you sure you want to delete this report?{% endtrans %}");
          return decision;
      });
      $('.prompt-delete-post').submit(function() {
          var decision = confirm("{% trans %}Are you sure you want to delete this comment?{% endtrans %}");
          return decision;
      });
      $('.prompt-delete-checkpoint').submit(function() {
          var decision = confirm("{% trans %}Are you sure you want to delete this checkpoint?{% endtrans %}");
          return decision;
      });
    });
  </script>
  {{ editor.js() }}
{%- endblock %}


{% macro user_label(user) -%}
<{% if user.rank and user.rank.as_tab %}a href="{% url 'users' slug=user.rank.slug %}"{% else %}span{% endif %} class="label post-author-label{% if user.rank and user.rank.style %} post-label-{{ user.rank.style }}{% endif %}">{{ user.get_title() }}</{% if user.rank and user.rank.as_tab%}a{% else %}span{% endif %}>
{%- endmacro %}


{% macro pager(extra=true) %}
<div class="pagination pull-left">
  <ul>
    {% if pagination['total'] > 0 %}
    <li class="count">{{ macros.pager_label(pagination) }}</li>
    {%- if pagination['prev'] > 1 %}<li><a href="{% url 'report' slug=thread.slug, thread=thread.id %}" class="tooltip-top" title="{% trans %}Go to first page{% endtrans %}"><i class="icon-chevron-left"></i> {% trans %}First{% endtrans %}</a></li>{% endif -%}
    {%- if pagination['prev'] > 0 %}<li><a href="{%- if pagination['prev'] > 1 %}{% url 'report' slug=thread.slug, thread=thread.id, page=pagination['prev'] %}{% else %}{% url 'report' slug=thread.slug, thread=thread.id %}{% endif %}" class="tooltip-top" title="{% trans %}Older Posts{% endtrans %}"><i class="icon-chevron-left"></i></a></li>{% endif -%}
    {%- if pagination['next'] > 0 %}<li><a href="{% url 'report' slug=thread.slug, thread=thread.id, page=pagination['next'] %}" class="tooltip-top" title="{% trans %}Newest Posts{% endtrans %}"><i class="icon-chevron-right"></i></a></li>{% endif -%}
    {%- if pagination['next'] > 0 and pagination['next'] < pagination['total'] %}<li><a href="{% url 'report' slug=thread.slug, thread=thread.id, page=pagination['total'] %}" class="tooltip-top" title="{% trans %}Go to last page{% endtrans %}">{% trans %}Last{% endtrans %} <i class="icon-chevron-right"></i></a></li>{% endif -%}
    {% endif %}
    {% if extra %}
    {% if not is_read %}<li><a href="{% url 'report_new' slug=thread.slug, thread=thread.id %}" class="tooltip-top" title="{% trans %}Go to first unread{% endtrans %}"><i class="icon-star"></i> {% trans %}First Unread{% endtrans %}</a></li>{% endif %}
    {% endif %}
  </ul>
</div>
{% endmacro %}


{% macro checkpoint_user(checkpoint) -%}
{%- if checkpoint.user_id -%}
<a href="{{ 'user'|url(user=checkpoint.user_id, username=checkpoint.user_slug) }}">{{ checkpoint.user_name }}</a>
{%- else -%}
<strong>{{ checkpoint.user_name }}</strong>
{%- endif -%}
{%- endmacro %}


{% macro checkpoint_forum(checkpoint) -%}
{%- if checkpoint.old_forum_id -%}
<a href="{% url 'forum' forum=checkpoint.old_forum_id, slug=checkpoint.old_forum_slug %}">{{ checkpoint.old_forum_name }}</a>
{%- else -%}
<strong>{{ checkpoint.old_forum_name }}</strong>
{%- endif -%}
{%- endmacro %}


{% macro edit_user(post) -%}
{%- if post.edit_user_id -%}
<a href="{{ 'user'|url(user=post.edit_user_id, username=post.edit_user_slug) }}">{{ post.edit_user_name }}</a>
{%- else -%}
<strong>{{ post.edit_user_name }}</strong>
{%- endif -%}
{%- endmacro %}


{% macro editor_extra() %}
  <button id="editor-preview" name="preview" type="submit" class="btn pull-right">{% trans %}Full Editor{% endtrans %}</button>
{% endmacro %}