{% from 'flagit/includes/macros.html' import date_by_user with context %}
{% set question_model = object.content_type.model == 'question' %}
{% set answer_model = object.content_type.model == 'answer' %}
<div class="flagged-content">
  {% if object.content_object.title %}
    <h3 class="flagged-content__heading">{{ _('Title:') }}</h3>
    <p class="flagged-content__title">{{ object.content_object.title }}</p>
  {% endif %}

  <h3 class="flagged-content__subheading">{{ _('Content:') }}</h3>
  <div class="flagged-content__text">{{ object.content_object.content_parsed }}</div>

  <h3 class="flagged-content__subheading">{{ _('Created:') }}</h3>
  <p>{{ date_by_user(object.content_object.created, object.content_object.creator) }}</p>

  {% if object.content_object.updated_by %}
    <h3 class="flagged-content__subheading">{{ _('Updated:') }}</h3>
    <p>{{ date_by_user(object.content_object.updated, object.content_object.updated_by) }}</p>
  {% endif %}

  <h3 class="flagged-content__subheading">{{ _('Flagged:') }}</h3>
  <p>{{ date_by_user(object.created, object.creator) }}</p>

  {% if object.reason == 'content_moderation' and question_model and user.has_perm('questions.change_question')  %}
    <h3 class="flagged-content__subheading">{{ _('Take Action:') }}</h3>
    <div class="flagged-content__topic-update">
      <label> {{ _('Current topic:') }} </label>
      <p id="current-topic-{{ object.content_object.id }}" class="current-topic">{{ object.content_object.topic }}</p>

      <form id="topic-update-form-{{ object.content_object.id }}" method="POST">
        {% csrf_token %}
        <div class="dropdown-wrapper">
          <label for="topic-dropdown-{{ object.content_object.id }}">{{ _('Change Topic:') }}</label>
          <select id="topic-dropdown-{{ object.content_object.id }}" class="topic-dropdown" name="topic" data-question-id="{{ object.content_object.id }}">
            {% for topic in object.available_topics %}
              <option value="{{ topic.id }}" {% if topic.id == object.content_object.topic.id %}selected{% endif %}>
                {{ topic.title|safe}}
              </option>
            {% endfor %}
          </select>
        </div>
        <div class="flagged-content__tag-select">
          <label for="tag-select-{{ object.content_object.id }}">{{ _('Assign Tags:') }}</label>
          <select id="tag-select-{{ object.content_object.id }}" name="tags" multiple class="tag-select" data-question-id="{{ object.content_object.id }}">
            {% for tag in object.available_tags %}
              <option value="{{ tag.id }}" {% if tag.get('id') in object.saved_tags %}selected{% endif %}>{{ tag.name }}</option>
            {% endfor %}
          </select>
        </div>
      </form>
    </div>
  {% endif %}
</div>

<a class="sumo-button button-sm" href="{{ object.content_object.get_absolute_url() }}">{{ _('View') }}</a>
{% if question_model %}
  <a class="sumo-button button-sm button-edit" href="{{ url('questions.edit_question', object.content_object.id) }}">{{ _('Edit') }}</a>
  {% set delete_url = url('questions.delete', object.content_object.id) %}
{% elif answer_model %}
  {% set delete_url = url('questions.delete_answer', object.content_object.question.id, object.content_object.id) %}
  {% if user.has_perm('questions.change_answer') %}
    <a class="sumo-button button-sm edit" href="{{ url('questions.edit_answer', object.content_object.question.id, object.content_object.id) }}">{{ _('Edit') }}</a>
  {% endif %}
{% endif %}
{% if user.has_perm('questions.delete_question') %}
  <a class="sumo-button button-sm button-delete" href="{{ delete_url }}">{{ _('Delete') }}</a>
{% endif %}