{% 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 %}
<h1>Patents</h1>
<!-- <ul style="list-style: none;padding: 0"> -->
<ul class='listView'>
	{% for pub in patent_list %}
	<a href="{{ pub.get_absolute_url }}">
		<li class='listView'>
			<div class="w3-row w3-hover-shadow">
				<div class="w3-col w3-padding w3-card w3-round">
				{% if pub.cover_image %}
					<div class="w3-left w3-hide-small w3-hide-medium ">
						<table>
							<tr>
						<td><img class="w3-padding" src="/{{ pub.cover_image }}"  alt="Cover" width="140"></td>
						{% if pub.title_english %}
                            <td><div class = 'w3-large' style="color:var(--colheader)"><b>{{ pub.title_english|safe}}</b></div>
                        {% else %}
                            <td><div class = 'w3-large' style="color:var(--colheader)"><b>{{ pub.title_german|safe}}</b></div>
						{% endif %}
                        {% for id in pub.patentchild_patent.all %}
                            {% if forloop.first %}
                            {{id.number}}
                            {% else %}
                            , {{id.number}}
                            {% endif %}
                        {% endfor %}
                        {% if  pub.patentchild_patent.all %}<br>{% endif %}
                        {% for inv in pub.inventor.all %}{% if not forloop.first %}, {{inv}}{% else %}{{inv}}{% endif %}{% endfor %}<br>
						{% for own in pub.owner.all %}{% if not forloop.first %}, {{own.name}}{% else %}{{own.name}}{% endif %}{% endfor %}</td>
					</tr>
					</table>
					</div>
					<div class="w3-center w3-hide-large">
						<table>
							<tr>
						<td><img class="w3-padding" src="/{{ pub.cover_image }}" alt="Cover" width="200"></td>
						<td><div class = 'w3-large' style="color:var(--colheader)"><b>{{ pub.title_german|safe}}</b></div>
						{% for inv in pub.inventor.all %}{% if not forloop.first %}, {{inv}}{% else %}{{inv}}{% endif %}{% endfor %}<br>
						{% for own in pub.owner.all %}{% if not forloop.first %}, {{own.name}}{% else %}{{own.name}}{% endif %}{% endfor %}</td>
						</tr>
						</table>
					</div>
				{% else %}
						<div class = 'w3-large' style="color:var(--colheader)"><b>{{ pub.title_german|safe}}</b></div>
						{% for inv in pub.inventor.all %}{% if not forloop.first %}, {{inv}}{% else %}{{inv}}{% endif %}{% endfor %}<br>
						{% for own in pub.owner.all %}{% if not forloop.first %}, {{own.name}}{% else %}{{own.name}}{% endif %}{% endfor %}
				{% endif %}
				</div>
			</div>
		</li>
	</a>
	{% empty %}
		<li>No patent to show.</li>
	{% endfor %}
</ul>
{% endblock %}
{% endblock %}