{% extends "layout/basic.html" %}
{% import "components/record.html" as record with context %}
{% import "components/problem.html" as problem with context %}
{% block content %}
<div class="row">
  <div class="medium-9 columns">
    <div class="section">
      <div class="section__header">
        <h1 class="section__title">{{ _('Homework Introduction') }}</h1>
      </div>
      <div class="section__body typo">
        {{ tdoc['content']|markdown }}
      </div>
    </div>
    <div class="section">
      <div class="section__header">
        <h1 class="section__title">{{ _('Problem') }}</h1>
      </div>
    {% if handler.is_not_started(tdoc) %}
      {{ nothing.render('This homework is not open and you cannot view problems.') }}
    {% else %}
    {% if attended or handler.is_done(tdoc) %}
      <div class="section__body no-padding">
        <table class="data-table">
          <colgroup>
          {% if handler.has_perm(perm.PERM_LOGGEDIN) %}
            <col class="col--status">
            <col class="col--submit-at">
          {% endif %}
            <col class="col--problem">
          </colgroup>
          <thead>
            <tr>
            {% if handler.has_perm(perm.PERM_LOGGEDIN) %}
              <th class="col--status record-status--border">{{ _('Status') }}</th>
              <th class="col--submit-at">{{ _('Last Submit At') }}</th>
            {% endif %}
              <th class="col--problem">{{ _('Problem') }}</th>
            </tr>
          </thead>
          <tbody>
          {% for pid in tdoc['pids'] %}
            <tr>
            {% if handler.has_perm(perm.PERM_LOGGEDIN) %}
              {% if psdict[pid] and psdict[pid]['rid'] %}
              {% with rdoc=rdict[psdict[pid]['rid']] %}
              {% if handler.can_show_record(tdoc) %}
                {{ record.render_status_td(rdoc) }}
              {% else %}
                <td class="col--status record-status--border"><a href="/r/{{ rdoc._id }}">{{ _('Submitted') }}</a></td>
              {% endif %}
                <td class="col--submit-at">{{ datetime_span(rdoc['_id'].generationTime) }}</td>
              {% endwith %}
              {% else %}
                <td class="col--status record-status--border">{{ _('No Submissions') }}</td>
                <td class="col--submit-at">-</td>
              {% endif %}
            {% endif %}
              <td class="col--problem col--problem-name">
                #{{ loop.index }}:
                {{ problem.render_problem_title(pdict[pid], tdoc=tdoc, show_invisible_flag=false, show_tags=false) }}
              </td>
            </tr>
          {% endfor %}
          </tbody>
        </table>
      </div>
    {% else %}
      {{ nothing.render('Please claim the assignment to see the problems.') }}
    {% endif %}{# attended or handler.is_done(tdoc) #}
    {% endif %}{# handler.is_not_started(tdoc) #}
    </div>
  </div>
  <div class="medium-3 columns">
    {% include "partials/homework_sidebar.html" %}
  </div>
</div>
{% endblock %}