{#
  Copyright (C) 2020 CERN.
  Copyright (C) 2020 Northwestern University.

  Invenio RDM Records is free software; you can redistribute it and/or modify
  it under the terms of the MIT License; see LICENSE file for more details.
#}

{%- extends config.BASE_TEMPLATE %}

{%- block css %}
{{ super() }}
{{ webpack['invenio-rdm-records-theme.css'] }}
{%- endblock css %}

{%- from "invenio_rdm_records/macros/files.html" import file_list_box, preview_file_box %}

{%- block page_body %}
<div class="ui container">
  <div class="ui padded relaxed grid">
    <div class="two column row">
      <div class="ten wide column">
        {%- block record_body %}
        <div class="ui grid">
          <div class="two column row">
            <div class="left floated left aligned column">
              <span class="ui label teal"
                title="Publication date">{{ record.publication_date|to_date|format_date(format='long') }}</span>
              <span class="label record-version"> | Version {{ record.version }}</span>
            </div>
            <div class="right floated right aligned column">
              <span class="ui label grey">{{ record.resource_type | vocabulary_title('resource_type') }}</span>
              {% if record.access_right in ["embargoed", "closed"] %}
              <span class="ui label red">
              {% elif record.access_right == "restricted" %}
              <span class="ui label yellow">
              {% else %}
              <span class="ui label green">
              {% endif %}
                {{ record | vocabulary_title('access_right') }}
              </span>
            </div>
          </div>
        </div>

        <h1>{{ record.titles[0].title }}</h1>
        <p>{%- include "invenio_rdm_records/details/creators.html" %}</p>
        {%- if record.contributors %}
        <p>{%- include "invenio_rdm_records/details/contributors.html" %}</p>
        {%- endif %}

        <div class="ui grid">
          <div class="four column row">
            <div class="left floated column">
              {%- include "invenio_rdm_records/details/contact.html" %}
            </div>
            <div class="right floated column">
              {%- include "invenio_rdm_records/details/doi.html" %}
            </div>
          </div>
        </div>
        {%- include "invenio_rdm_records/details/citation.html" %}
        {%- include "invenio_rdm_records/details/keywords.html" %}
        {%- include "invenio_rdm_records/details/description.html" %}
        {%- include "invenio_rdm_records/details/licenses.html" %}

        {# files #}
        {%- if record.files and record|can_list_files %}
        {%- set files = record.files %}
        {{ preview_file_box(files|select_preview_file, pid) }}
        {{ file_list_box(files.dumps(), pid) }}
        {%- else %}
        <br>
        <p style="text-align: center;">No associated files.</p>
        {% endif %}

        {# More details #}

        {%- endblock record_body %}
      </div>
      <div class="six wide column">
        {% block sidebar %}
        <div class="ui segment rdm-sidebar">
          {%- include "invenio_rdm_records/details/side_bar.html" %}
        </div>
        {% endblock sidebar %}
      </div>
    </div>
  </div>
</div>

{%- endblock page_body %}

{%- block javascript %}
{{ super() }}
{{ webpack['invenio-rdm-records-js.js'] }}
{# Communities management #}
{{ webpack['invenio-communities-records.js'] }}
{%- endblock javascript %}