{% extends "base_generic.html" %}
{% block head %}
<!-- Primary Meta Tags -->
<meta name="description" property="og:description" content="{{ pub_detail.abstract}}">
<meta name="title" content="{{ pub_detail.title }} by {{ pub_detail.author_list }}">

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

<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="{{ pub_detail.title }} by {{ pub_detail.author_list }}">
<meta name="twitter:image" content="https://{{ request.get_host }}/{{pub_detail.cover_image}}">
 <meta name="twitter:description" content="{{pub_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-row">
	<div class='w3-col l10 m10 s10' style="color:var(--colheader)">
		<div class="w3-xlarge">
			{% if pub_detail.open_access%}<img src="{% static 'icons/open_access.png' %}" alt="ResearchGate" style="height:25px">{% endif %}<b>{{ pub_detail.title|safe }}</b>
		</div>
	</div>
	
	<div class='w3-col l2 m2 s2' style="color:var(--colheader)" style="padding">
		<div class='w3-row'>
			<div class="w3-half w3-left-align">
				<a href="https://plu.mx/plum/a/?doi={{ pub_detail.doi }}" class="plumx-plum-print-popup" style="text-align: right" data-size="medium" data-popup="bottom"></a>
			</div>
			<div class="w3-half">
			<div data-badge-popover="right" data-badge-type="donut" data-doi="{{ pub_detail.doi }}" data-hide-less-than="0" data-hide-no-mentions="true" class="altmetric-embed"></div>
			</div>
		</div>
	</div>
</div>
<div class='w3-text w3-large'>{% if pub_detail.journal %}<i>{{pub_detail.journal}}{% elif pub_detail.journal_short %}{{pub_detail.journal_short}}{% endif %}</i>
	{% if pub_detail.volume %}<b>{{pub_detail.volume}}</b>{% endif %}{% if pub_detail.page %}, {{pub_detail.page}}{% endif %} ({{pub_detail.year}}).<br>
	{{pub_detail.author_list}}.
    {% if pub_detail.doi %}
        <br>Journal DOI: <a href="https://doi.org/{{ pub_detail.doi }}"><b>https://doi.org/{{ pub_detail.doi }}</b></a>
    {% endif %}
    {% if pub_detail.journalCover_publication.all %}
        {% for jc in pub_detail.journalCover_publication.all %}
            {% if jc.doi %}
                <br>Journal Cover DOI: <a href="https://doi.org/{{ jc.doi }}"><b>{{ jc.doi }}</b></a>
            {% elif jc.url %}
                <br>Journal Cover URL: <a href="{{ jc.url }}"><b>{{ jc.url }}</b></a>
            {% endif %}
        {% endfor %}
    {% endif %}
</div> 
<div class='w3-large'><p align="justify">{{pub_detail.abstract|safe|linebreaksbr}}</p></div>
    {% if pub_detail.arxiv_url %}
        <div class='w3-text w3-large'>
            arXiv DOI: <a href="{{ pub_detail.arxiv_url }}"><b>{{ pub_detail.arxiv_url }}</b></a>
        </div><br>
    {% endif %}
    

{% if pub_detail.open_access_url%}
	<a href='{{ pub_detail.open_access_url }}'>Get PDF from journal website</a>
{% else %}
	{% if pub_detail.pdf_file %}
		{% if pub_detail.pdf_public %}
		    <a href="/{{ pub_detail.pdf_file }}" class="btn btn-dark float-right">Get PDF</a>
		{% else %}
			{% if user.is_authenticated %}
			    <a href="/{{ pub_detail.pdf_file }}" class="btn btn-dark float-right"><img src="{% static 'icons/pdf.png' %}" class="w3-round-xlarge w3-hover-shadow w3-card" alt="PDF" style="height:50px"></a>
			{% endif %}
		{% endif %}
	{% endif %}
{% endif %}
{% if pub_detail.journalCover_publication.all %}
    {% for jc in pub_detail.journalCover_publication.all %}
        <div class="container w3-center w3-padding-32" >
            <img src="/{{ jc.cover_image }}" alt="Cover" style="width:30%">
            <div class="text-block"><small>&copyhttps://doi.org/{{jc.doi}}</small></div>
        </div>
    {% endfor %}
{% elif pub_detail.cover_image %}
    <div class="container w3-center w3-padding-32" >
        <img src="/{{pub_detail.cover_image}}" alt="Cover" style="width:60%">
        <div class="text-block"><small>&copyhttps://doi.org/{{pub_detail.doi}}</small></div>
    </div>
{% else %}
    <p> </p>
{% endif %}
{% load social_share %}

<!-- more info here https://github.com/fcurella/django-social-share sharing on localhost might not work correctly, site needs to be accessible from everywhere-->
{% static 'icons/twitter-logo-black.png' as icon_url %}
{% with urll='https://doi.org/'|add:pub_detail.doi icon_html='<img src="'|add:icon_url|add:'" style="width:40px">' %}
    Share{% post_to_twitter "New Publication: {{ pub_detail.title }}. Check it out:" urll icon_html %}
{% endwith %}
<!--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=pub_detail.member_publication.all %}


{% endblock %}
{% endblock %}