{% extends "base.html" %}
{% block title %}{{ pub.title }}{% endblock %}
{%- block head -%}
    {{ super() }}
    <link rel="stylesheet" href="/pub.css" type="text/css" />
    <link rel="stylesheet" href="/fontawesome/css/all.css" type="text/css" />
    <script type="text/javascript" src="/pub-download.js"></script>
    <script type="text/javascript">
      var request_url = "{{ request.url }}";
      var ids_url = "{{ conf['ids'] }}";
      var fileinfos = {{ pub.filelist|safe }};
      var poll = {{ conf['poll_intervall'] }}
    </script>
    <script type="application/ld+json">{{ pub.as_schema_org() | safe }}</script>
{%- endblock %}
{%- block content %}
      <h2>{{ pub.title }}</h2>
      <div id="creators">
        <ul>
          {%- for u in pub.creators %}
          <li>{{ u.fullName }}
            {%- if u.pid -%}
            <a href="{{u.pid.url}}"><i class="fab fa-orcid" title="{{u.pid.identifier}}"></i></a>
            {%- endif -%}
            {%- if u.email -%}
            <a href="mailto:{{u.email}}"><i class="fas fa-envelope" title="{{u.email}}"></i></a>
            {%- endif -%}
            {%- if u.affiliationNums -%}
            <sup>{{ u.affiliationNums|join(',') }}</sup>
            {%- endif -%}
          </li>
          {%- endfor %}
        </ul>
        {%- if pub.affiliations %}
        <ol>
          {%- for a in pub.affiliations %}
          <li>{{ a }}</li>
          {%- endfor %}
        </ol>
        {%- endif %}
      </div>
      <div id="cite">
        <p>
          Cite as: {{ pub.authorlist }} ({{ pub.publicationDate.year }}):
          {{ pub.title }}.  HZB Data Service.  {{ pub.pid.url }}
        </p>
      </div>
      <div id="row">
        <div class="column left">
          <div class="card topbarlime">
            <div id="abstract">
              <h3>Abstract</h3>
              {%- for p in pub.description.split("\n") %}
              <p>{{ p }}</p>
              {%- endfor %}
            </div>
          </div>
          <div class="card topbarblue">
            <div id="files">
              <h3>Datafiles</h3>
              <div id="filelist">
                <script type="text/javascript">
                  window.onload = show_file_list;
                </script>
              </div>
              <div id="download">
                <button id="download_button" onclick="request_download()">Request Download</button>
                <img id="wait" src="/images/wait.png" style="display:none" width="20" height="20" alt="waiting for download to be ready"/>
              </div>
            </div>
          </div>
        </div>
        <div class="column right">
          {%- if pub.subjects %}
          <div class="card topbargreen">
            <div id="keywords">
              <h3>Keywords</h3>
              <p>{{ pub.subjects|join(', ') }}</p>
            </div>
          </div>
          {%- endif %}
          <div class="card topbargreen">
            <div id="metadata">
              <h3>Metadata</h3>
              <ul>
                <li>
                  <a href="{{ request.url }}/_datacite.xml">DataCite XML</a>
                </li>
                <li>
                  <a href="{{ request.url }}/_schema_org.json">Schema.org JSON-LD</a>
                </li>
              </ul>
            </div>
          </div>
          {%- if pub.descrRelations %}
          <div class="card topbarblue">
            <div id="descr_relations">
              <h3>Data Description</h3>
              {%- for rt in pub.descrRelations.keys() %}
              <h4>{{ rt }}</h4>
              <ul>
                {%- for rel in pub.descrRelations[rt] %}
                <li>
                  {%- if rel.url -%}
                  <a href="{{ rel.url }}">{{ rel.fullReference }}</a>
                  {%- else -%}
                  {{ rel.fullReference }}
                  {%- endif -%}
                </li>
                {%- endfor %}
              </ul>
              {%- endfor %}
            </div>
          </div>
          {%- endif %}
          {%- if pub.otherRelations %}
          <div class="card topbargreen">
            <div id="other_relations">
              <h3>Related Work</h3>
              {%- for rt in pub.otherRelations.keys() %}
              <h4>{{ rt }}</h4>
              <ul>
                {%- for rel in pub.otherRelations[rt] %}
                <li>
                  {%- if rel.url -%}
                  <a href="{{ rel.url }}">{{ rel.fullReference }}</a>
                  {%- else -%}
                  {{ rel.fullReference }}
                  {%- endif -%}
                </li>
                {%- endfor %}
              </ul>
              {%- endfor %}
            </div>
          </div>
          {%- endif %}
          {%- if pub.text_dates %}
          <div class="card topbargreen">
            <div id="dates">
              <h3>Dates</h3>
              <ul>
                {%- for d in pub.text_dates %}
                <li>{{ d }}</li>
                {%- endfor %}
              </ul>
            </div>
          </div>
          {%- endif %}
          <div id="license">
            <h3>License</h3>
            <p>
              <a rel="license" href="https://creativecommons.org/publicdomain/zero/1.0/">
                <img src="https://licensebuttons.net/p/zero/1.0/88x31.png" alt="CC0" />
              </a>
            </p>
          </div>
        </div>
      </div>
{%- endblock %}