{% extends "user/user-base.html" %}

{% block user_js_media %}
  <script type="text/javascript">
    window.show_pp_base = 1;
    window.currently_requesting_pp = false;
    window.load_more_pp = function () {
      if (window.currently_requesting_pp) return;
      window.currently_requesting_pp = true;

      $.get('{{ url('user_pp_ajax', user.user.username) }}', {
        start: window.show_pp_base * 10,
        end: (window.show_pp_base + 1) * 10
      }).done(function (data) {
        $('.pp-table').append(data['results']);
        window.show_pp_base++;
        if (!data['has_more']) {
          $("#pp-load-link-wrapper").hide();
        }
        window.currently_requesting_pp = false;
      });
    };
  </script>
{% endblock %}

{% block title_ruler %}{% endblock %}

{% block title_row %}
  {% set tab = 'problems' %}
  {% include "user/user-tabs.html" %}
{% endblock %}

{% block user_content %}
  {% if pp_breakdown %}
    <h3 class="pp-breakdown-header">{{ _('Points Breakdown') }}</h3>
    <div id="submissions-table" class="pp-table table">
      {% include "user/pp-table-body.html" %}
    </div>
    {% if pp_has_more %}
      <div id="pp-load-link-wrapper">
        <a id="pp-load-more-link" href="javascript:load_more_pp()">{{ _('Load more...') }}</a>
      </div>
    {% endif %}
  {% else %}
    <i>{{ _('This user has not yet solved any problems.') }}</i>
  {% endif %}

  {% if authored %}
    <div class="user-problem-group">
      <h3 class="unselectable toggle closed">
        <span class="fa fa-chevron-right fa-fw"></span>{{ _('Authored Problems') }} ({{ authored|length }})
      </h3>
      <table style="display: none" class="table toggled">
        <thead>
          <tr>
            <th>{{ _('Problem') }}</th>
            <th>{{ _('Category') }}</th>
            <th>{{ _('Points') }}</th>
          </tr>
        </thead>
        <tbody>
          {% for problem in authored %}
            <tr>
              <td class="problem-name">
                <a href="{{ url('problem_detail', problem.code) }}">{{ problem.name }}</a>
              </td>
              <td class="problem-category">{{ problem.group.full_name }}</td>
              <td class="problem-score"><a href="{{ url('ranked_submissions', problem.code) }}">
                {{ problem.points|floatformat }}{% if problem.partial %}p{% endif %}
              </a></td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  {% endif %}

  {% if request.user.is_authenticated and request.user != user.user %}
    <div class="hide-solved-problems"><span>
      <form name="form" action="" method="get">
        <input id="hide_solved" style="vertical-align:middle" onclick="form.submit()" type="checkbox"
          name="hide_solved"{% if hide_solved %} checked{% endif %} value="1">
        <label style="vertical-align:middle" for="hide_solved">{{ _("Hide problems I've solved") }}</label>
      </form>
    </span></div>
  {% else %}
    <hr>
  {% endif %}

  {% for group in best_submissions %}
    <div class="user-problem-group">
      <h3 class="unselectable toggle closed"><span class="fa fa-chevron-right fa-fw"></span>
        {{ group.name }} ({{ _('%(points).1f points', points=group.points) }})
      </h3>
      <table style="display: none" class="table toggled">
        <thead>
          <tr>
            <th>{{ _('Problem') }}</th>
            <th>{{ _('Score') }}</th>
          </tr>
        </thead>
        <tbody>
          {% for entry in group.problems %}
            <tr>
              <td class="problem-name">
                <a href="{{ url('problem_detail', entry.code) }}">{{ entry.name }}</a>
              </td>
              <td class="problem-score">
                <a href="{{ url('user_submissions', entry.code, user.user.username) }}">
                  {{ _('%(points)s / %(total)s', points=entry.points, total=entry.total) }}
                </a>
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  {% endfor %}
{% endblock %}