{% extends "base_generic.html" %}

{% block head %}

<!-- Primary Meta Tags -->
<meta name="description" property="og:description" content="{{group_detail.grouptopic_set.all.0.description|safe|linebreaksbr}}">

<meta name="title" content="{{ group_detail.name }}">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="article">
{% if group_detail.copyright %}
    <meta property="og:image" itemprop="image"  content="" />
{% else %}
    <meta property="og:image" itemprop="image"  content="https://{{ request.get_host }}/{{ group_detail.image }}" />
{% endif %}
<meta property="og:title" content="{{ group_detail.name }}" />
<meta property="og:site_name" content="{{ group_detail.name }}">
<meta property="og:url" content="{{ request.get_full_path }}">

<!-- Twitter -->
<meta name="twitter:card" content="" />
<meta name="twitter:title" content="{{ research_equipment_detail.name }}">
{% if group_detail.copyright %}
    <meta name="twitter:image" content="">
{% else %}
    <meta name="twitter:image" content="https://{{ request.get_host }}/{{ group_detail.image }}">
{% endif %}
<meta name="twitter:description" content="{{group_detail.grouptopic_set.all.0.description|safe|linebreaksbr}}">
{% endblock %}

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

{% if group_detail %}
	<h1>{{ group_detail.name|capfirst}}</h1>

		<div class="w3-twothird">
			{% if group_detail.group_leader.all %} 
				{% include "member_list.html" with height=150 show_former=1 name=1 member_list=group_detail.group_leader.all|dictsort:"status.order_index" %}
			{% endif %}
				
		</div>
		<div class="w3-center w3-third">
			<img src="/{{ group_detail.image }}" class="w3-round-xlarge" alt="" width=100% style="vertical-align: middle">
			{% if group_detail.copyright %}
				<div class="text-block w3-round-large"><small>&copy{{group_detail.copyright}}</small></div>
			{% endif %}
		</div>

	<div class="w3-container">
		
	</div>
	{% for topic in group_detail.grouptopic_set.all %}
		{% if topic.title %}	
		<div class="w3-container"></div>
		{% endif %}
		
		{% if topic.image %}
		<div class="container w3-center">
			<img src="/{{topic.image}}" class="w3-round-xlarge" alt="{{ group_detail.last_name }}" style="max-width:100%;max-height:250px;">
			{% if topic.copyright %}
                <div class="text-block w3-round-large"><small>&copy{{topic.copyright}}</small></div>
            {% endif %}
		</div>	
		{% endif %}

		<p class="w3-left-align">
			{% if topic.title %}<h2>{{topic.title|safe|linebreaksbr}}</h2>{% endif %}
			<p align="justify">{{topic.description|safe|linebreaksbr}}</p>
		</p>
	{% endfor %}




		{% if group_detail.openthesis_group.all %}
		<div class="w3-container"></div>
        <div class="w3-left-align w3-container">
        
			<h4>possible master\diploma thesis</h4>
			We offer exciting projects in the research topics described above. If you are interested in one of the following topics please do contact us.
			{% include "open_thesis_list.html"  with thesis_list=group_detail.openthesis_group.all %}
		</div>	
		{% endif %}
	
	
	
	
	
	
	{% if group_detail.group_member.all %}
		<div class="w3-container"></div>
        <div class="w3-left-align w3-container">
        
			<h4>Group member</h4>
			{% include "member_list.html" with height=150 show_former=1 name=1 member_list=group_detail.group_member.all|dictsort:"status.order_index" %}
	</div>
	{% endif %}
	
	
    {% if group_detail.project.all %}
        
			<div class="w3-container"></div>
            <div class="w3-left-align w3-container">
			<h4>Projects</h4>
			{% include "project_list.html" with project_list=group_detail.project.all %}
        </div>	
	{% endif %}
	
    {% if group_detail.publication.all %}
        
        <div class="w3-container"></div>
        <div class="w3-left-align w3-container">
			<h4>Publications</h4>
			{% include "publication_list.html" with publication_list=group_detail.publication.all %}
        </div>
    {% endif %}
	


{% endif %}

{% endblock %}
{% endblock %}