{% extends "base_generic.html" %}

{% block title %}<title>{{seminar_detail.title|safe}} by {{seminar_detail.speaker_name|safe}}</title>{% endblock %}

{% block head %}
<!-- Primary Meta Tags -->
<meta name="description" property="og:description" content="{{seminar_detail.abstract}}">
<meta name="title" content="{{seminar_detail.title}} by {{seminar_detail.speaker_name}}">

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

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="{{seminar_detail.title}} by {{seminar_detail.speaker_name}}">
<meta name="twitter:image" content="https://{{ request.get_host }}{{ seminar_detail.image }}">
 <meta name="twitter:description" content="{{seminar_detail.abstract}}">
{% 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 %}
{% load static %}

<div class="w3-half">
	<div class='w3-large' style='color:var(--colheader)'>
        <b>
            {% if seminar_detail.alumni_talk %}
                {% if seminar_detail.chair_related_speaker.all %}
                    {% for mem in seminar_detail.chair_related_speaker.all %}
                        {% if forloop.first %}
                            {% if mem.gender.name == 'male' %}
                                <i>Alumnus talk -</i> {{seminar_detail.title|safe|linebreaksbr}}
                            {% elif mem.gender.name == 'female' %}
                                <i>Alumna talk -</i> {{seminar_detail.title|safe|linebreaksbr}}
                            {% endif %}
                        {% endif %}
                    {% endfor %}
                {% endif %}
            {% elif seminar_detail.internal_status_talk %}
                <i>Internal status talk -</i> {{seminar_detail.title|safe|linebreaksbr}}
            {% elif seminar_detail.internal_talk %}
                <i>Internal talk -</i> {{seminar_detail.title|safe|linebreaksbr}}
            {% elif seminar_detail.external %}
                <i>Externally organized talk -</i> {{seminar_detail.title|safe|linebreaksbr}}
            {% else %}
                {{seminar_detail.title|safe|linebreaksbr}}
            {% endif %}
            
        </b>
    </div>
    <div class='w3-large'>
        {% if seminar_detail.external_organized_by %}
            <i>Talk externally organized by {{seminar_detail.external_organized_by}}</i>
        {% endif %}
    </div>
	<div class='w3-large'>
        {% if seminar_detail.speaker_url %}
            <a href='{{ seminar_detail.speaker_url }}' rel="noopener noreferrer">{{seminar_detail.speaker_name}}</a>
        {% else %}
            {{seminar_detail.speaker_name}}
        {% endif %}
        {% if seminar_detail.speaker_affiliation %}
            <br>{{seminar_detail.speaker_affiliation|safe}}
        {% endif %}
        {% if seminar_detail.chair_related_speaker.all %}
            <br>
            {% for mem in seminar_detail.chair_related_speaker.all %}
                {% if forloop.first %}
                    {% if not seminar_detail.speaker_url %}
                        {% if mem.active %}
                            <a href='{{ mem.get_absolute_url }}'>Profile at our chair</a>
                        {% else %}
                            <a href='{{ mem.get_absolute_url }}'>
                            {% if mem.gender.name == 'male' %}
                                Alumnus 
                            {% elif mem.gender.name == 'female' %}
                                Alumna 
                            {% endif %}
                            profile at our chair</a>
                        {% endif %}
                    {% endif %}
                {% endif %}
            {% endfor %}
        {% endif %}
	</div>

	{% if seminar_detail.start_time %}
	<br>
		<i>{{seminar_detail.start_time|date:"D"}}., {{seminar_detail.start_time}}</i>
	{% endif %}
    <div class="w3-container w3-padding-16"></div>
    {% if seminar_detail.room and seminar_detail.video_conf%}
        This seminar is held in <b>presence</b> and <b>online</b>.
    {% elif seminar_detail.room %}
        This seminar is held in <b>presence</b>.
    {% elif seminar_detail.video_conf %}
        This seminar is held <b>online</b>.
    {% endif %}
	{% if seminar_detail.room %}
        {% if seminar_detail.room.location_navigator %}
            <br><i>Room: <a href='{{ seminar_detail.room.building.location_navigator }}' rel="noopener noreferrer">{{ seminar_detail.room.building }}</a> <a href='{{ seminar_detail.room.location_navigator }}'>{{ seminar_detail.room.name }}</a></i>
        {% else %}
            <br><i>Room: {{seminar_detail.room}}</i>
        {% endif %}
    {% endif %}
    {% if seminar_detail.video_conf %}
        {% if seminar_detail.video_conf_display_name %}
            <br><i>Online: <a href="{{seminar_detail.video_conf}}" rel="noopener noreferrer">{{ seminar_detail.video_conf_display_name }}</a></i>
        {% else %}
            <br><i>Online: <a href="{{seminar_detail.video_conf}}" rel="noopener noreferrer">{{seminar_detail.video_conf}}</a></i>
        {% endif%}
	{% endif %}
    <div class="w3-container w3-padding-16"></div>
        <div class="w3-hide-small">
            <a href='{{ file_name_ics }}' style='color:var(--colheader)'><b>Add event to calendar</b></a>
        </div>
        <div class="w3-hide-medium w3-hide-large w3-center">
            <a href='{{ file_name_ics }}' style='color:var(--colheader)'><b>Add event to calendar</b></a>
        </div>
        <div class="w3-container"></div> 
        <div class="w3-hide-small"><img  src="{{ file_name_qr }}" alt="" style="height:200px"></div>
        <div class="w3-hide-large w3-hide-medium w3-center"><img  src="{{ file_name_qr }}" alt="" style="height:200px"></div>
        <div class="w3-container w3-padding-16"></div> 
    <div class="w3-half">
	{% if seminar_detail.slides_public %}
		{% if seminar_detail.slides %}
			<br>
			<a href="/{{ seminar_detail.slides }}">
				<figure>
					<img src="{% static 'icons/pdf.png' %}" class="w3-round-xlarge w3-hover-shadow w3-card" alt="PPT" style="height:50px">
					<figcaption>Slides</figcaption>
				</figure>
			</a>
		{% endif %}
	{% else %}
    
		{% if user.is_authenticated %}
		{% if seminar_detail.slides %}
			<a href="/{{ seminar_detail.slides }}">
				<figure>
					<img src="{% static 'icons/pdf.png' %}" class="w3-round-xlarge w3-hover-shadow w3-card" alt="PPT" style="height:50px">
					<figcaption>Slides</figcaption>
				</figure>
			</a>
		{% endif %}
		{% endif %}
    {% endif %}
    </div>
    <div class="w3-half">
        {% if seminar_detail.announcement %}
			<a href="/{{ seminar_detail.announcement }}">
				<figure>
					<img src="{% static 'icons/pdf.png' %}" class="w3-round-xlarge w3-hover-shadow w3-card" alt="PPT" style="height:50px">
					<figcaption>Announcement</figcaption>
				</figure>
			</a>		
	    {% endif %}
        
    </div>

    
</div>
<div class="w3-half w3-center">
	{% if seminar_detail.image %}
		<img src="/{{seminar_detail.image}}" class="w3-round-xlarge" alt="" height="300">
	{% endif %}
    <div>
		<p>
            {% if seminar_detail.tud_fis %}
                <a href='{{ seminar_detail.tud_fis }}' rel="noopener noreferrer"><img src="{% static 'icons/logo_fis_text.svg' %}" alt="Gepris" style="height:25px"></a>
            {% endif %}
            {% if seminar_detail.gepris %}
                <a href='{{ seminar_detail.gepris }}' rel="noopener noreferrer"><img src="{% static 'icons/GEPRIS_Logo.png' %}" alt="Gepris" style="height:25px"></a>
            {% endif %}
            {% if seminar_detail.orcid %}
                <a href='{{ seminar_detail.orcid }}' rel="noopener noreferrer"><img src="{% static 'icons/orcid.png' %}" alt="ORCID" style="height:25px"></a>
            {% endif %}
            {% if seminar_detail.googlescholar %}
                <a href='{{ seminar_detail.googlescholar }}' rel="noopener noreferrer"><img src="{% static 'icons/google_scholar.png' %}" alt="Google Scholar" style="height:25px"></a>
            {% endif %}
            {% if seminar_detail.scopus %}
                <a href='{{ seminar_detail.scopus }}' rel="noopener noreferrer"><img src="{% static 'icons/scopus.png' %}" alt="Scopus" style="height:25px"></a>
            {% endif %}
            {% if seminar_detail.linkedin %}
                <a href='{{ seminar_detail.linkedin }}' rel="noopener noreferrer"><img src="{% static 'icons/linkedin.png' %}" alt="Linkedin" style="height:25px"></a>
            {% endif %}
            {% if member_detail.xing %}
				<a href='{{ member_detail.xing }}' rel="noopener noreferrer"><img src="{% static 'icons/xing.png' %}" alt="Xing" style="height:25px"></a>
			{% endif %}
            {% if seminar_detail.researchgate %}
                <a href='{{ seminar_detail.researchgate }}' rel="noopener noreferrer"><img src="{% static 'icons/researchgate.png' %}" alt="ResearchGate" style="height:25px"></a>
            {% endif %}
            {% if seminar_detail.researcher_id %}
                <a href='{{ seminar_detail.researcher_id }}' rel="noopener noreferrer"><img src="{% static 'icons/researcherid.png' %}" alt="publons" style="height:25px"></a>
            {% endif %}
            {% if member_detail.research %}
				<a href='{{ member_detail.research }}' rel="noopener noreferrer"><img src="{% static 'icons/research.png' %}" alt="Research" style="height:25px"></a>
			{% endif %}
            {% if member_detail.adscientificindex %}
				<a href='{{ member_detail.adscientificindex }}' rel="noopener noreferrer"><img src="{% static 'icons/ad_scientific_index.png' %}" alt="Ad scientific index" style="height:25px"></a>
			{% endif %}
            {% if seminar_detail.github %}
                <a href='{{ seminar_detail.github }}' rel="noopener noreferrer"><img src="{% static 'icons/GitHub-Mark-32px.png' %}" alt="Github" style="height:25px"></a>
            {% endif %}
            {% if seminar_detail.twitter %}
            <a href='{{ seminar_detail.twitter }}' rel="noopener noreferrer"><img src="{% static 'icons/twitter_logo_blue.svg' %}" alt="Twitter" style="height:25px"></a>
            {% endif %}
            {% if seminar_detail.wiki %}
            <a href='{{ seminar_detail.wiki }}' rel="noopener noreferrer"><img src="{% static 'icons/Wikipedia-logo-v2.svg.png' %}" alt="Twitter" style="height:25px"></a>
            {% endif %}
		</p>
	</div>
</div>

{% if seminar_detail.abstract %}
    <div class="w3-container">
        <table>
            <hr style="width:100%"> </hr>
        </table>
    </div>
    <div class="w3-left-align">
        <p align="justify">{{seminar_detail.abstract|safe|linebreaksbr}}</p>
    </div>
{% endif %}
{% if seminar_detail.speaker_cv %}
    <div class="w3-container">
        <table>
            <hr style="width:100%"> </hr>
        </table>
    </div>
	<h4>Brief CV</h4>
	<p align="justify">{{seminar_detail.speaker_cv|safe|linebreaksbr}}</p>
{% endif %}
{% if seminar_detail.record_public %}
	<br><br>
    <div class="w3-container">
	<b>
		<a href="{{ seminar_detail.recorded_seminar.url }}" download class="btn btn-dark float-right">Download recorded Seminar</a>
	</b>
    </div>
{% else %}
<div class="w3-container">
	{% if user.is_authenticated %}
		{% if seminar_detail.recorded_seminar %}
		<br><br>
		<b>
			<a href="{{ seminar_detail.recorded_seminar.url }}" download class="btn btn-dark float-right">Download recorded Seminar</a>
		</b>
		<br><br>
		<video playsinline width='100%' controls>
			<source src="{{seminar_detail.recorded_seminar.url}}" type='video/mp4'>
			Your browser does not support the video tag.
		</video>
		{% endif %}
	{% endif %}
</div>
{% endif %}

<br><br>

{% load social_share %}

	<div class='w3-large'>
		Share
	</div>
<div class='w3-quarter'>
{% static 'icons/twitter-logo-black.png' as icon_url %}
{% with icon_html='<img src="'|add:icon_url|add:'" style="width:40px">' %}
    {% post_to_twitter "Nanoseminar at our chair: \"{{seminar_detail.title|safe}}\ by {{seminar_detail.speaker_name}} ({{seminar_detail.start_time}}). Details:"  request.get_full_path icon_html %}
{% endwith %}
</div>
{% endblock %}
{% endblock %}