{% load i18n %}

<h2 class="mb-3"><i class="fas fa-award fa-fw mr-2"></i> {% trans "Achievements" %} <span class="badge badge-secondary">{{ achievements | length }}</span></h2>

<div  class="mb-4 clearfix">
{% for achievement in achievements %}
  {{ achievement.to_html }}
{% empty %}
  <div class="alert alert-warning">You have not acquired any achievements!</div>
{% endfor %}
</div>


<script>
  $(function () {
    $('[data-toggle="tooltip"]').tooltip()
  })
</script>