{% 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="problem-feed-option">
    <a href="{{url('problem_feed')}}"
      class="button small {{'btn-midnightblue' if feed_type=='for_you' else 'btn-gray'}}">
      {{_('FOR YOU')}}
    </a>
    <a href="{{url('problem_feed_new')}}" class="button small {{'btn-midnightblue' if feed_type=='new' else 'btn-gray'}}">
      {{_('NEW')}}
    </a>
    {% if request.user.has_perm('judge.suggest_problem_changes') %}
      <a href="{{url('problem_feed_volunteer')}}"
        class="button small {{'btn-midnightblue' if feed_type=='volunteer' else 'btn-gray'}}">
        {{_('VOLUNTEER')}}
      </a>
    {% endif %}
  </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 %}