{% extends "problem/list-base.html" %}
{% block left_sidebar %}
  {% include "problem/left-sidebar.html" %}
{% endblock %}
{% block problem_list_js %}
  {% include "feed/feed_js.html" %}
{% endblock %}

{% block middle_content %}
  <div class="tabs tabs-no-flex" style="width: 90%;margin-left: auto;margin-right: auto;">
    <ul>
      <li class="{{'active' if feed_type=='for_you'}}">
        <a href="{{url('problem_feed')}}">{{_('FOR YOU')}}</a>
      </li>
      <li class="{{'active' if feed_type=='new'}}">
        <a href="{{url('problem_feed_new')}}">{{_('NEW')}}</a>
      </li>
      {% if request.user.has_perm('judge.suggest_problem_changes') %}
        <li class="{{'active' if feed_type=='volunteer'}}">
          <a href="{{url('problem_feed_volunteer')}}">{{_('VOLUNTEER')}}</a>
        </li>
      {% endif %}
    </ul>
  </div>
  {% if request.user.has_perm('judge.suggest_problem_changes') and feed_type == 'volunteer' %}
    <ul style="margin-bottom: 1em; margin-left: auto">
      <li><a href="{{url('admin:judge_volunteerproblemvote_changelist')}}">{{_('View your votes')}}</a></li>
    </ul>
  {% endif %}
  {% include "problem/feed/problems.html" %}
{% endblock %}