{% extends "core/base.html" %}
{% load static %}
{% load hooks %}
{% load i18n %}
{% load bootstrap4 %}
{% load next_url %}
{% load dates %}
{% load settings %}

{% block title %}{{ preprint.title }}{% endblock %}

{% block head %}
    {% include "common/metadata/preprint_dc.html" %}
    {% include "common/metadata/preprint_citation.html" %}
{% endblock %}

{% block body %}
    <div class="row preprint-content">
      <div class="col m12">
        <div class="card">
          <div class="material-banner">
            <img class="material-banner-image"
               alt="{{ preprint.title|striptags }}"
               src="{{ request.repository.best_large_image_url }}">
            <div class="material-banner-heading">
              <h1 class="carousel-text-wrapper">{{ preprint.title|safe }}</h1>
            </div>
          </div>
        </div>
      </div>

        <div class="col m7">
            <div itemprop="articleBody" id="pdf">
                <p class="preprint-text">
                    This is a {{ request.repository.object_name }} and has not been peer reviewed.
                    {% if preprint.doi %}
                        The published version of this {{ request.repository.object_name }} is available: 
                        {% include "elements/doi_display.html" with doi=preprint.doi title=preprint.title %}
                    {% elif preprint.article %}
                        A published version of this {{ request.repository.object_name }} is available on <a href="{{ preprint.article.url }}">{{ preprint.article.journal.name }}</a>.
                    {% endif %}
                    This is version {{ preprint.current_version.version }} of this {{ request.repository.object_name }}.
                </p>
                {% if preprint.current_version_file_type == 'html' %}
                    <div class="card">
                        <div class="card-content">
                            <span class="card-title">Preprint Body</span>
                            {{ preprint.current_version.html|safe }}
                        </div>
                    </div>
                {% elif preprint.current_version_file_type == 'pdf' %}
                    <iframe src="{% url 'repository_pdf' preprint.pk %}?file={% url 'repository_file_download' preprint.id preprint.current_version.file.id %}"
                            width="100%" height="100%" style="min-height: 900px;" allowfullscreen
                            webkitallowfullscreen></iframe>
                {% else %}
                    <div class="preprint-content">
                        {% if preprint.current_version.file %}
                            <p>This {{ request.repository.object_name }} has no
                                visible version.</p>
                            <a href="{% url 'repository_file_download' preprint.id preprint.current_version.file.id %}"
                               class="waves-effect waves-light btn">
                                {{ request.repository.object_name }}
                                {% include "elements/icons/link_download.html" %} 
                            </a>
                        {% else %}
                            <p>This {{ request.repository.object_name }} does
                                not have any files associated with it.</p>
                        {% endif %}
                    </div>
                {% endif %}
                {% if request.repository.enable_comments or request.repository.enable_invited_comments %}
                <div class="card">
                    <div class="card-content">
                        {% if request.repository.enable_comments %}
                            <span class="card-title">{% trans 'Add a Comment' %}</span>
                            {% if request.user.is_authenticated %}
                                <div>
                                    <form method="POST">
                                        {% csrf_token %}
                                        {% bootstrap_form form %}
                                        <button type="submit" class="btn btn-success">Add Comment</button>
                                    </form>
                                </div>
                                <br/>
                            {% else %}
                                <p>You must <a href="{% url_with_return 'core_login' %}">log in</a>
                                to post a comment.</p>
                            {% endif %}
                        {% endif %}
                        <div class="divider"></div>
                        <br />
                        <div class="comment-scroll">
                            <span class="card-title">{% trans 'Comments' %}</span>
                            {% for comment in comments %}
                                <div class="row" id="comment-{{ comment.pk }}">
                                    <div class="col m2">
                                        {% if comment.author.profile_image and not comment.review.anonymous %}
                                            <img src="{{ comment.author.profile_image.url }}"
                                                 class="responsive-img circle">
                                        {% else %}
                                            <img src="{% static "common/img/icons/users.png" %}"
                                                 class="responsive-img circle">
                                        {% endif %}
                                    </div>
                                    <div class="col m10">
                                        {% if comment.review %}
                                            <p>
                                            <small><strong>Invited Review Comment #{{ comment.pk }} {% if comment.review.anonymous %}Anonymous{% else %}{{ comment.author.full_name }}{% endif %}
                                                @ {{ comment.date_time }}</strong></small>
                                        </p>
                                            {{ comment.body|safe }}
                                        {% else %}
                                        <p>
                                            <small>Comment #{{ comment.pk }} {{ comment.author.full_name }}
                                                @ {{ comment.date_time }}</small>
                                        </p>
                                        <p>
                                            {{ comment.body|linebreaksbr }}
                                        </p>
                                        {% endif %}
                                    </div>
                                </div>
                                {% empty %}
                                <div class="callout">
                                    <p>There are no comments or no comments have been made public for this article.</p>
                                </div>
                            {% endfor %}
                        </div>
                    </div>
                </div>
                {% endif %}
            </div>
        </div>

        <div class="col m5">
            <div class="card">
                <div class="card-content preprint-content">
                    {% if preprint.current_version.file %}
                        <h2>{% trans "Downloads" %}</h2>
                        <p>
                            <a href="{% url 'repository_file_download' preprint.id preprint.current_version.file.id %}">
                                {{ request.repository.object_name }}
                                {% include "elements/icons/link_download.html" %} 
                            </a></p>
                    {% endif %}
                    {% if preprint.supplementaryfiles %}
                        <h2>{% trans "Supplementary Files" %}</h2>
                        <ul>
                        {% for link in preprint.supplementaryfiles %}
                            <li><a href="{{ link.url }}">{{ link.label }}</a></li>
                        {% empty %}
                            <li>No Supplementary File</li>
                        {% endfor %}
                        </ul>
                    {% endif %}
                    <h2>{% trans "Authors" %}</h2>
                    <div class="truncatejs">
                      <p class="authors">
                        {% for author in preprint.authors %}
                            {{ author.full_name }}{% if author.orcid %}&nbsp;<a href="https://orcid.org/{{ author.orcid }}" target="_blank"><img src="{% static 'common/img/icons/orcid.png' %}"></a>{% endif %}{% if not forloop.last %}, {% endif %}
                        {% endfor %}
                      </p>
                    </div>
                    <h2>{% trans "Abstract" %}</h2>
                    <div class="truncatejs">
                        <p class="preprint-text">{{ preprint.abstract|safe|linebreaksbr }}</p>
                    </div>

                    {% if preprint.preprint_doi %}
                        <h2>DOI</h2>
                        <p>{% include "elements/doi_display.html" with doi=preprint.preprint_doi title=preprint.title %}</p>
                    {% endif %}

                    {% if preprint.subject.all %}
                    <h2>{% trans 'Subjects' %}</h2>
                    <p>{% include "common/repository/subject_display.html" %}</p>
                    {% endif %}

                    <h2>{% trans 'Keywords' %}</h2>
                    <p>{% for keyword in preprint.keywords.all %}{{ keyword.word }}{% if not forloop.last %}, {% endif %}{% endfor %}</p>

                    <h2>Dates</h2>
                    <p><strong>Published: </strong>{{ preprint.date_published }}</p>
                    {% if preprint.preprintversion_set.count > 0 and preprint.current_version and preprint.current_version.date_time > preprint.date_published %}<p><strong>Last Updated: </strong>{{ preprint.current_version.date_time }}</p>{% endif %}

                    {% if preprint.preprintversion_set.count > 1 %}
                        <h2>Older Versions</h2>
                        <ul>
                        {% for version in preprint.preprintversion_set.all %}
                            {% if not version == preprint.current_version %}
                                <li>
                                    <a href="{% url 'repository_file_download' preprint.id version.file.id %}">
                                        <i aria-hidden="true" class="fa fa-download">&nbsp;</i>
                                        <span class="sr-only">{% trans 'Download' %}</span>
                                        Version {{ version.version }} - {{ version.date_time|date_human}}
                                    </a>
                                </li>
                            {% endif %}
                        {% endfor %}
                        </ul>
                    {% endif %}

                    {% if preprint.license %}
                    <h2>{% trans "License" %}</h2>
                    <p>{% if preprint.license.url %}<a href="{{ preprint.license.url }}" target="_blank">{% endif %}{{ preprint.license.name }}{% if preprint.license.url %}</a>{% endif %}</p>
                {% endif %}

                    {% if preprint.display_additional_fields %}
                    <h2>Additional Metadata</h2>
                    {% for answer in preprint.display_additional_fields %}
                    <p><strong>{{ answer.field.name }}: </strong><br/> {{ answer.answer|safe }}</p>
                    {% endfor %}
                    {% endif %}

                    {% if request.repository.display_public_metrics %}
                      <h2>{% trans "Metrics" %}</h2>
                      <p><strong>{% trans "Views" %}:</strong> {{ preprint.views.count }}</p>
                      <p><strong>{% trans "Downloads" %}:</strong> {{ preprint.downloads.count }}</p>
                    {% endif %}
                </div>
            </div>
        </div>

        {% hook 'article_footer_block' %}
    </div>

{% endblock %}

{% block js %}
<script src="{% static 'common/js/moreless.js' %}"></script>
{% endblock %}