{% extends "base.html" %}
{% load i18n %}
{% block content %}
<h2>{% trans 'page_title_badges' %}</h2>

{% if awards %}
	<div class="table-responsive">
         <table class="table table-striped">
         	 <thead>
                <tr>
                  <th>{% trans 'Award Date' %}</th>
                  <th>{% trans 'Description' %}</th>
                </tr>
              </thead>
              <tbody>
	{% for b in awards %}
		 <tr>
           <td>{{ b.award_date }}</td>
           <td><img src="{{ MEDIA_URL }}{{ b.badge_icon }}" align="middle" height="50px"/> {{ b.description }} </td>
         </tr>
	{% endfor %}
			</tbody>
 		</table>
	</div>
{% else %}
	{% blocktrans %}<p>You don't have any badges yet</p>{% endblocktrans %}
{% endif %}
{% endblock %}