<div class="sidebox dashboard">
  <h3>Dashboard <i class="fa fa-dashboard"></i>
  </h3>
  <div class="sidebox-content">
    <div class="user-gravatar">
      <img src="{{ gravatar(request.user, 135) }}"
        alt="gravatar" width="135px" height="135px">
    </div>
    <div class="recently-attempted">
      <h4>Recently attempted problems</h4>
      <ul>
        {% for code, name, problem_points, user_points, s_date in recently_attempted_problems %}
          <li>
            <a href="{{ url('problem_detail', code) }}">{{ name }}</a>
            [<a href="{{ url('user_submissions', code, request.user.username }}">
              {{- user_points }}/{{ problem_points|floatformat }}</a>]

            <span class="time">
              <span data-unix="{{ submission.date|utc|date("c") }}"
                class="recent-time moment-time-toggle">
                {% trans time=submission.date|date(_("N j, Y, g:i a")) %}
                  on {{ time }}
                {% endtrans %}
              </span>
            </span>
          </li>
        {% endfor %}
      </ul>
    </div>
    <div class="recommended-problems">
      <h4>Recommended problems</h4><i>Coming soon.</i>
    </div>
  </div>
</div>