{% extends "layout/basic.html" %}
{% import "components/contest.html" as contest with context %}
{% import "components/problem.html" as problem with context %}
{% block content %}
{{ set(UiContext, 'tdoc', tdoc) }}
<div class="row">
  <div class="medium-9 columns">
    <div class="section">
      <div class="section__header">
        <h1 class="section__title">{{ _('Contest Clarifications') }}</h1>
        <div class="section__tools">
          <a href="#reply_or_broadcast" class="primary rounded button" name="broadcast" data-title="{{ _('Send Broadcast Message') }}" data-did="">{{ _('Send Broadcast Message') }}</a>
        </div>
      </div>
      <div class="section__body">
      {% if not tcdocs.length %}
        {{ nothing.render('Oh, there is no clarification!', compact=true) }}
      {% else %}
      <ul class="dczcomments__list">
        {% for doc in tcdocs %}
        <li class="dczcomments__item" id="clarification_{{ doc._id }}" data-did="{{ doc._id }}">
          <div class="media">
            <div class="media__body top" style="max-width:100%">
              <div class="clearfix">
                <div class="supplementary dczcomments__supplementary">
                  {{_('Subject') }}: {{ contest.render_clarification_subject(tdoc,pdict,doc.subject) }} | {% if doc.owner == 0 %}<b>{{ _('Jury') }}</b>{% else %}{{ user.render_inline(udict[doc.owner], badge=false) }}{% endif %} @ {{ datetimeSpan(doc._id)|safe }}
                </div>
                {% if doc.owner %}
                <div class="dczcomments__operations nojs--hide">
                  <a href="#reply_or_broadcast" name="reply" data-title="{{ _('Reply') }}#{{ doc._id }}" data-did="{{ doc._id }}"
                  ><span class="icon icon-reply"></span>{{ _('Reply') }}</a>
                </div>
                {% endif %}
              </div>
              <div class="typo richmedia" data-emoji-enabled>
                {{ doc['content']|markdown|safe }}
              </div>
            </div>
          </div>
          <ul class="dczcomments__replies">
          {%- for rdoc in doc['reply'] -%}
            <li class="dczcomments__reply">
              <div class="media">
                <div class="media__left top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
                <div class="media__body top">
                  <div class="clearfix">
                    <div class="supplementary dczcomments__supplementary">
                      <b>{{ _('Jury') }}</b>
                    </div>
                  </div>
                  <div class="typo richmedia" data-emoji-enabled>
                    {{ rdoc['content']|markdown|safe }}
                  </div>
                </div>
              </div>
            </li>
          {%- endfor -%}
          </ul>
        </li>
        {% endfor %}
      </ul>
      {% endif %}
      </div>
      <div id="reply_or_broadcast">
        <div class="section__header">
          <h1 class="section__title">{{ _('Send Broadcast Message') }}</h1>
        </div>
        <div class="section__body typo">
          <form method="post">
            <div class="clarification-container"></div>
            <input type="hidden" name="operation" value="clarification">
            <input type="hidden" name="did" value="">
            <div class="row">
              <div class="medium-12 columns form__item_subject">
                <label>
                  {{ _('Subject') }}
                  <select name="subject" class="select">
                    <option value="0">{{ _('General Issue') }}</option>
                    <option value="-1">{{ _('Technical Issue') }}</option>
                    {% for pid in tdoc.pids %}
                    <option value="{{ pid }}">{{ utils.getAlphabeticId(loop.index0) }}. {{ pdict[pid].title }}</option>
                    {% endfor %}
                  </select>
                </label>
              </div>
              <div class="medium-12 columns form__item">
                <label>
                  {{ _('Content') }}
                  <textarea name="content" class="textbox" data-markdown required></textarea>
                </label>
              </div>
            </div>
            <button type="submit" class="rounded primary button">{{ _('Submit') }}</button>
          </form>
        </div>
      </div>
    </div>
  </div>
  <div class="medium-3 columns">
    {% include 'partials/contest_sidebar_management.html' %}
  </div>
</div>
{% endblock %}