{% extends "base_generic.html" %}
{% load static %}
{% load humanize %} 

{% block head %}

<!-- Primary Meta Tags -->
<meta name="description" property="og:description" content="{{ project_detail.description|striptags|linebreaksbr }}">

<meta name="title" content="{{ project_detail.name }}, funded by {{project_detail.agency.name}}">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="article">
<meta property="og:image" itemprop="image"  content="" />
<meta property="og:title" content="{{ project_detail.name }}, funded by {{project_detail.agency.name}}" />
<meta property="og:site_name" content="{{ project_detail.name }}, funded by {{project_detail.agency.name}}">
<meta property="og:url" content="{{ request.get_full_path }}">

<!-- Twitter -->
<meta name="twitter:card" content="" />
<meta name="twitter:title" content="{{ project_detail.name }}, funded by {{project_detail.agency.name}}">
<meta name="twitter:image" content="">
<meta name="twitter:description" content="{{project_detail.description|striptags|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 project_detail %}
	<h1>{{ project_detail.name }} {% if project_detail.project_acr %}| {{project_detail.project_acr}}{% endif %}</h1>
    <div class="w3-half w3-container w3-left-align ">
        {% if project_detail.image_project %}
                <img src="/{{ project_detail.image_project }}" class="w3-padding-16" alt="" style="max-width:100%;max-height:300px;vertical-align: middle">
        {% endif %}
    </div>
    <div class="w3-half w3-container w3-left-align ">
        {% if project_detail.agency.image %}
                <img src="/{{ project_detail.agency.image }}" class="w3-padding-16 "  alt="" style="max-width:100%;max-height:300px;vertical-align: middle">
        {% endif%}
    </div>

    <div class="w3-container">
        <table>
            <hr style="width:100%"> </hr>
        </table> 
    </div>
    <div class="w3-container w3-left-align">
        <table>
            {% if project_detail.end_date %}
                {% if project_detail.start_date < project_detail.end_date %}
                    <tr>
                        <td>Funding period:</td><td>{{project_detail.start_date}} to {{project_detail.end_date}}</td>
                    </tr>
                    {% else %}
                    <tr>
                        <td>Funding period:</td><td>{{project_detail.start_date}}</td>
                    </tr>
                {% endif %}
            {% endif %}
            {% if project_detail.agency %}
            <tr>
                <td>Agency:</td><td> 
                    <a href="{{project_detail.agency.url}}">{{project_detail.agency.name}}</a>
                </td>
            </tr>
            {% endif %}
            {% if project_detail.funding_scheme %}
            <tr>
                <td>Funding scheme:</td><td>{{project_detail.funding_scheme}}</td>
            </tr>
            {% endif %}
            {% if project_detail.info_url %}
            <tr>
                <td>Further details:</td><td><a href="{{project_detail.info_url}}">{{project_detail.info_url}}</a></td>
            </tr> 
            <tr>  
                <td></td> <td><a href="{{project_detail.agency_url}}">{{project_detail.agency_url}}</a></td>
            </tr>
            {% endif %}
            {% if user.is_authenticated %}
            {% if project_detail.funding_sum %}
            <tr>
                <td>Funding sum:</td><td>{{project_detail.funding_sum|floatformat:"0"|intcomma}} €</td>
            </tr>
            {% endif %}
            {% endif %}
            {% if project_detail.superordinateProject %}
                {% if project_detail.superordinateProject.name_english %}
                    <tr>
                        <td>Part of the following collaborative project:</td><td><a href="{{project_detail.superordinateProject.info_url }}">{{project_detail.superordinateProject.name_english}}</a></td>
                    </tr>
                {% else %}
                    <tr>
                        <td>Part of the following collaborative project:</td><td><a href="{{project_detail.superordinateProject.info_url }}">{{project_detail.superordinateProject.name_german}}</a></td>
                    </tr>
                {% endif %}
            {% endif %}

        </table>
    </div>
        {% if project_detail.acknowledgement %}
            <div class="w3-container">
                <table>
					<hr style="width:100%"> </hr>
				</table>
                <h4>Acknowledgements</h4>
                    <p>{{ project_detail.acknowledgement|safe|linebreaksbr }}</p>
            </div>
        {% else %}
            <div class="w3-container">
                <table>
                    <hr style="width:100%"> </hr>
                </table>
                <h4>Acknowledgements</h4>
                    <p>We acknowledge funding by the {{ project_detail.agency.name }} {% if project_detail.funding_scheme %}{{ project_detail.funding_scheme }}{% endif %} project "{{ project_detail.name }}" ({{ project_detail.project_acr }}{% if project_detail.project_id %}, grant agreement ID: {{ project_detail.project_id }}{% endif %})</p>
            </div>
        {% endif %}


        {% if project_detail.image_descr %}
        <div class="w3-container w3-center">
            <table>
                <hr style="width:100%"> </hr>
            </table>
            <img src="/{{project_detail.image_descr}}" alt="" style="max-width:70%;max-height:300px">
            {% if project_detail.copyright_image_descr %}
            <div class="container w3-center" >
				<div class="text-block w3-round-large"><small>&copy{{project_detail.copyright_image_descr}}</small></div>
			</div>
            {% endif %}
        </div>
        {% endif %}
    

		{% if project_detail.description %}	
		<div class="w3-container">
            {% if not project_detail.image_descr %}	            
				<table>
					<hr style="width:100%"> </hr>
				</table>
            {% endif %}
                <h4>Description</h4>
                <p align="justify">{{project_detail.description|safe|linebreaksbr}}</p>
        </div>
		{% endif %}
        {% if project_detail.projectfile_set.all %}
            <div class="container">
                <div class="swiper mySwiper">
                    <div class="swiper-wrapper">
                        {% for file in project_detail.projectfile_set.all %}
                        
                            {% if file.get_extension == ".jpg" or file.get_extension == ".jpeg" or file.get_extension == ".png"%}
                                <div class="swiper-slide"><img src="/{{file.file}}"  style="max-width:100%;max-height:300px;object-fit:contain">
                                    <div class="text-block"><small>&copy{{news_detail.copyright}}</small></div>
                                </div>
                    
                            {% endif %}
                        {% endfor %}
                    </div>
                    {% if project_detail.projectfile_set.all|length > 1 %}
                        <div class="swiper-button-next"></div>
                        <div class="swiper-button-prev"></div>
                    {% endif %}
                    <div class="swiper-pagination w3-padding-24"></div>
                    
                </div>
            </div>
        {% endif %}
        {% if project_detail.open_job_project.all %} 
		<div class="w3-container">
			<table>
					<hr style="width:100%"> </hr>
			</table>
            <!-- <h4>Group Leader</h4> -->
            {% include "open_job_list.html" with status=0 l=3 m=4 s=6 height=150 open_job_list=project_detail.open_job_project.all %}
		</div>	
		{% endif %}
        {% if project_detail.project_member.all %} 
		<div class="w3-container">
			<table>
					<hr style="width:100%"> </hr>
			</table>
            <h4>Working member</h4>
            <!-- <h4>Group Leader</h4> -->
            {% include "member_list.html" with status=0 l=3 m=4 s=6 height=150 member_list=project_detail.project_member.all|dictsort:"status.order_index"%}
		</div>	
		{% endif %}
        {% if project_detail.group.all %} 
		<div class="w3-container">
			<table>
					<hr style="width:100%"> </hr>
			</table>
            <h4>Working group</h4>
            <!-- <h4>Group Leader</h4> -->
            {% include "group_list.html" with l=6 m=6 s=6 height=150 group_list=project_detail.group.all %}
		</div>	
		{% endif %}
        {% if project_detail.publication_project.all %}
        <div class="w3-container">
			<table>
					<hr style="width:100%"> </hr>
			</table>
            <h4>Publications</h4>
            {% include "publication_list.html" with l=6 m=6 s=6 height=150 publication_list=project_detail.publication_project.all %}
		</div>
        {% endif %}
        {% if project_detail.researchequipment_project.all %}
        <div class="w3-container">
			<table>
					<hr style="width:100%"> </hr>
			</table>
            <h4>Funded equipment</h4>
            {% include "research_equipment_list.html" with l=6 m=6 s=6 height=150 research_equipment_list=project_detail.researchequipment_project.all %}
		</div>
        {% endif %}
{% endif %}
{% endblock %}
{% endblock %}