{% extends "base_generic.html" %}

{% block head %}

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

<meta name="title" content="{{ research_equipment_detail.name_common }}">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="article">
<meta property="og:image" itemprop="image"  content="https://{{ request.get_host }}/{{ research_equipment_detail.image }}" />
<meta property="og:title" content="{{ research_equipment_detail.name_common }}" />
<meta property="og:site_name" content="{{ research_equipment_detail.name_common }}">
<meta property="og:url" content="{{ request.get_full_path }}">

<!-- Twitter -->
<meta name="twitter:card" content="" />
<meta name="twitter:title" content="{{ research_equipment_detail.name_common }}">
<meta name="twitter:image" content="https://{{ request.get_host }}/{{ research_equipment_detail.image }}">
<meta name="twitter:description" content="{{research_equipment_detail.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 research_equipment_detail %}
	<h1>{{ research_equipment_detail.name_common }}</h1>
	<div class='w3-row'>
        <div class="w3-container">
			<img src="/{{ research_equipment_detail.image }}" class="w3-round-xlarge w3-padding-16" alt="" style="max-width:100%;max-height:400px;vertical-align: middle">
		</div>
		
	</div>
    <div class="w3-container">
        <table>
            <hr style="width:100%"> </hr>
        </table>
    </div>
		<div class="w3-container w3-half">
				
                <h4>General info</h4>
                <table>
                    {% if research_equipment_detail.manufacturer %}
                    <tr>
                        <td>Manufacturer:</td><td>{{research_equipment_detail.manufacturer}}</td>
                    </tr>
                    {% endif %}
                    {% if research_equipment_detail.model %}
                    <tr>
                        <td>Model:</td><td><a href="{{research_equipment_detail.info_url}}">{{research_equipment_detail.model}}</a></td>
                    </tr>
                    {% endif %}
                    <tr>
                        <td>Facility:</td><td>{{research_equipment_detail.facility}}</td>
                    </tr>
                        <td>Partner:</td><td>{{research_equipment_detail.partner}}</td>
                    
	                {% if research_equipment_detail.techPortalTUD_url %}	
                    <tr>

                        <td>Further details</td><td><a href="{{research_equipment_detail.techPortalTUD_url}}">{{research_equipment_detail.techPortalTUD_url}}</a></td>
                    </tr>
		            {% endif %}
                    {% if research_equipment_detail.room %}	
                    <tr>

                        <td>Location:</td><td><a href='{{ research_equipment_detail.room.building.location_navigator }}'>{{ research_equipment_detail.room.building }}</a> <a href='{{ research_equipment_detail.room.location_navigator }}'>{{ research_equipment_detail.room.name }}</a></td>
                    </tr>
		            {% endif %}

                </table>
        </div>
        <div class="w3-container w3-center w3-half">
            {% if research_equipment_detail.responsible_person.all %} 
            <!-- <h4>Group Leader</h4> -->
            {% include "member_list.html" with status=1 height=150 member_list=research_equipment_detail.responsible_person.all|dictsort:"status.order_index"%}
            {% endif %}
        </div>
        
		{% if research_equipment_detail.description %}	
		<div class="w3-container">
				<table>
					<hr style="width:100%"> </hr>
				</table>
                <h4>Description</h4>
                <p align="justify">{{research_equipment_detail.description|safe|linebreaksbr}}</p>
        </div>
		{% endif %}
		
		{% if research_equipment_detail.technicalSpecs %}
		<div class="w3-container">
			<table>
					<hr style="width:100%"> </hr>
			</table>
            <h4>Technical specs</h4>
            <p align="justify">{{research_equipment_detail.technicalSpecs|safe|linebreaksbr}}</p>
		</div>	
		{% endif %}
		
{% endif %}

{% endblock %}
{% endblock %}