{% extends 'base.html' %}

{% load i18n %}

{% block volunteerstab %} class="active"{% endblock %}

{% block content %}

<h1>{% trans "Become a volunteers!" %}</h1>

<p>
{% blocktrans %}We need you! To participate, please enter your name and e-mail.{% endblocktrans %}
</p>

{% include '_form.html' %}


{% for activity in activities %}
{% if forloop.first %}
<div class="panel panel-default">
<div class="panel-heading">
{% blocktrans %}We are looking for help with the following activities:{% endblocktrans %}
</div>
<ul class="list-group">
{% endif %}
    <li class="list-group-item">
        <b>{{ activity.name }}</b>
        {{ activity.description }}
    </li>
{% if forloop.last %}
</ul>
</div>
{% endif %}
{% endfor %}

{% endblock %}