{% extends "layout/basic.html" %}
{% block content %}
<div class="row">
  <div class="medium-9 columns">
  {% if not tdoc or rdocs.length %}
    <div class="section">
      <div class="section__header">
        <h1 class="section__title">{{ _('Recent 10 Records') }}</h1>
      </div>
      <div class="section__body no-padding">
      {% if not rdocs.length %}
        {{ nothing.render('You have not submitted any solutions for this problem') }}
      {% else %}
        <table class="data-table">
          <colgroup>
            <col class="col--status">
            <col class="col--memory">
            <col class="col--time">
            <col class="col--submit-at">
          </colgroup>
          <thead>
            <tr>
              <th class="col--status record-status--border">{{ _('Status') }}</th>
              <th class="col--memory">{{ _('Peak Memory') }}</th>
              <th class="col--time">{{ _('Total Time') }}</th>
              <th class="col--submit-at">{{ _('Submit At') }}</th>
            </tr>
          </thead>
          <tbody>
          {%- for rdoc in rdocs -%}
            {% include 'problem_submit_tr.html' %}
          {%- endfor -%}
          </tbody>
        </table>
      {% endif %}
      </div>
    </div>
  {% endif %}
    <div class="section">
      <div class="section__header">
        <h1 class="section__title">{{ _('Submit to Judge') }}</h1>
      </div>
      <div class="section__body">
        <form method="post">
          <div class="hasjs--hide">
            {{ form.form_select({
                label:'Code language',
                options:model.setting.SETTINGS_BY_KEY['codeLang'].range,
                name:'lang',
                value:handler.user.codeLang
              }) }}
          </div>
          <div class="row nojs--hide">
            <div class="medium-5 columns form__item end">
              <label>
                {{ _('Code language') }}
                <div name="form_item_lang" class="select-container">
                  <select id="codelang-main-select" class="select"></select>
                </div>
              </label>
            </div>
            <div class="medium-5 columns form__item end" style="display: none" id="codelang-sub-container">
              <label>
                {{ _('Code language') }}
                <div name="form_item_lang" class="select-container">
                  <select id="codelang-sub-select" class="select"></select>
                </div>
              </label>
            </div>
          </div>
          {{ form.form_textarea({label:'Code', columns:12, name:'code', extra_class:'monospace', autofocus:true}) }}
          <div class="row"><div class="columns">
            <input type="hidden" name="csrfToken" value="{{ handler.csrfToken }}">
            <input type="submit" class="rounded primary button" value="{{ _('Submit') }}">
          </div></div>
        </form>
      </div>
    </div>
  </div>
  <div class="medium-3 columns">
    {% set owner_udoc = udoc %}
    {% include "partials/problem_sidebar.html" %}
  </div>
</div>

{% endblock %}