{% extends "base_generic.html" %}

{% block nav-research %}
<button class="w3-button w3-hover-none w3-bottombar navbutton" style="border-color:var(--colheader)!important">Research <i class="fa fa-caret-down"></i></button>
{% endblock %}

{% block content %}
{% block small %}
<!--<div class="w3-row-padding" style="margin-top:0px">-->
	{% for group in group_list %}
	<div class="w3-container">
		<div class="w3-half w3-hoverable w3-center w3-card w3-hover-shadow w3-padding">
				<a href="{{ group.get_absolute_url }}" style="text-decoration: none">
						<img src="/{{ group.image }}" alt="" style="width:100px" class="w3-round-large " object-fit=contain>
						<div class="w3-container" style="margin-top:16;line-height:1.2">
							<h5>{{ group.name|safe }}</h5>
							 
								{% for person in group.group_leader.all %}
								{% if not forloop.first %}| {% endif %}
									{{ person.name }}
								{% endfor %}  
							
						</div>
				</a>
		</div>
	</div>
	{% empty %}
		No member to show
	{% endfor %}
{% endblock %}
{% endblock %}