{% extends "base_generic.html" %}
{% block nav-mission %}
<button class="w3-button w3-hover-none w3-bottombar navbutton" style="border-color:var(--colmenub)!important">third mission <i class="fa fa-caret-down"></i></button>
{% endblock %}

{% block content %}
{% block small %}
{% load static %}
<div class="w3-row">
	<div class='w3-col l10 m10 s10' style="color:var(--colheader)">
		<div class="w3-xlarge">
            {% if patent_detail.title_english %}
                <b>{{ patent_detail.title_english|safe }}</b>
            {% else %}
                <b>{{ patent_detail.title_german|safe }}</b>
            {% endif %}
		</div>
	</div>
</div>
<div class='w3-text w3-large'>{% for inv in patent_detail.inventor.all %}{% if not forloop.first %}, {{inv}}{% else %}{{inv}}{% endif %}{% endfor %}<br>
	<i>{% for own in patent_detail.owner.all %}{% if not forloop.first %}, {{own}}{% else %}{{own}}{% endif %}{% endfor %}</i>
</div>

{% if patent_detail.patentchild_patent.all %}
<div class="w3-left-align">

{% for id in patent_detail.patentchild_patent.all %}
    {% if forloop.first %}
    <i>Patent-ID:</i> {% if id.url %}<a href="{{ id.url }}">{{id.number}}</a>{% else %}<a href="{{ patent_detail.url_family }}">{{id.number}}</a>{% endif %}
    {% else %}
    , {% if id.url %}<a href="{{ id.url }}">{{id.number}}</a>{% else %}<a href="{{ patent_detail.url_family }}">{{id.number}}</a>{% endif %}
    {% endif %}
{% endfor %}
</div>
{% endif %}
<div class="w3-left-align">
    <b>References: </b>
    {% if  patent_detail.url_family %}
        <a href="{{ patent_detail.url_family }}">DPMA</a>
    {% endif %}
    {% if  patent_detail.url_family and patent_detail.google_patents %}, {% endif %}
    {% if  patent_detail.google_patents %}
        <a href="{{ patent_detail.google_patents }}">Google patents</a>
    {% endif %}
    {% if  patent_detail.orbit and patent_detail.google_patents %}, {% endif %}
    {% if  patent_detail.url_family and patent_detail.orbit and not patent_detail.google_patents %}, {% endif %}
    {% if  patent_detail.orbit %}
        <a href="{{ patent_detail.orbit }}">Orbit</a>
    {% endif %}
</div>

<p align="justify">{{patent_detail.abstract_german}}</p>
{% if patent_detail.application_fields %}
    <div class='w3-text w3-large' style="color:var(--colheader)">
	    <b>Application fields</b>
    </div>
<p align="justify">{{patent_detail.application_fields}}</p>
{% endif %}
{% if patent_detail.cover_image %}
<div class="w3-container w3-center w3-padding-32" >
	<img src="/{{patent_detail.cover_image}}" alt="Cover" style="width:60%">
</div>
{% else %}
<p> </p>
{% endif %}

<!--show involved members -->
<br><br>
<div class='w3-text w3-large' style="color:var(--colheader)">
	<b>Involved Scientists</b>
</div>

{% include "member_list.html" with l=2 m=3 s=4 height=150 member_list=patent_detail.inventor.all %}

{% endblock %}
{% endblock %}