{# -*- coding: utf-8 -*-

  Copyright (C) 2020 - 2021 CERN.
  Copyright (C) 2020 - 2021 Northwestern University.
  Copyright (C)        2021 Graz University of Technology.
  Copyright (C) 2021 - 2022 New York University.
  Copyright (C) 2021 - 2022 TU Wien.

  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.
#}

{#- base: invenio-app-rdm v9.1.2 #}
{#- changes: schema.org json-ld in header, removed inline style #}

{%- if use_theme_basic_template|default(true) -%}
  {%- extends config.BASE_TEMPLATE %}
{%- endif -%}

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

{%- set title = record.metadata.title -%}
{%- set metadata = record.metadata -%}

{%- set can_manage_record = permissions is defined and (permissions.can_edit or permissions.can_review) %}

{#- preview_submission_request is set to true when coming from a community submission request #}
{%- set is_preview_submission_request = preview_submission_request or false %}
{%- set show_record_management_menu = can_manage_record and (not is_preview or is_preview_submission_request) %}

{#- change: added this block for google datasets #}
{%- block tuw_metadata -%}
  {#- this is where the schema.org metadata (as fetched from datacite) is inserted, for google datasets #}
  {%- set schemaorg_metadata = tuw_create_schemaorg_metadata(record) %}

  {%- if schemaorg_metadata %}
    <script type="application/ld+json" nonce="{{ csp_nonce() }}">
      {{ schemaorg_metadata|safe }}
    </script>
  {%- endif %}
{%- endblock tuw_metadata %}

{%- block page_body -%}
  <section id="banners" class="banners" aria-label="{{ _('Information banner') }}">

      {#- COMMUNITY HEADER: hide it when displaying the submission request #}
    {% if not is_preview_submission_request %}

      {%- set parent = record.get("parent", {}) %}
      {%- set community_review = parent.get("review", {}).get("receiver", {}).get("community") %}
      {%- set community_default = parent.get("communities", {}).get("default") %}
      {%- set has_community = community_review or community_default %}

      {% if has_community %}
        {%- set expanded_parent = record.get("expanded", {}).get("parent", {}) %}
        {%- set community = expanded_parent.get("review", {}).get("receiver") or expanded_parent.get("communities", {}).get("default") %}
        {%- set is_community_restricted = community.access.visibility == 'restricted' %}

        <div class="ui fluid container page-subheader-outer with-submenu compact ml-0-mobile mr-0-mobile">
          <div class="ui container page-subheader">
            <div class="page-subheader-element ">
              <img
                class="ui tiny image community-header-logo"
                src="{{ community.links.logo }}"
                alt=""
                onerror="this.onerror=null;this.src='/static/images/square-placeholder.png';"
              />
            </div>
            <div class="page-subheader-element">
              <a
                href="{{ url_for('invenio_app_rdm_communities.communities_detail', pid_value=community.slug) }}"> {{ community.metadata.title }}</a>
              {% if is_community_restricted %}
                <span class="ui label small access-status restricted rel-ml-1"
                      title="{{ _('Community visibility') }}"
                      data-tooltip="{{ _('The community is restricted to users with access.') }}"
                      data-inverted="">
                  <i class="icon ban" aria-hidden="true"></i> {{ _("Restricted") }}
                </span>
              {% endif %}
            </div>
          </div>
        </div>
      {% endif %}
    {% endif %}
    {#- /COMMUNITY HEADER #}

    {#- PREVIEW HEADER #}
    {%- if is_preview %}
      <div class="ui info flashed top-attached manage message">
        <div class="ui container">
          <div class="header">
            <i class="eye icon"></i>
            <strong>{{ _("Preview") }}</strong>
          </div>
          <p>
            {%- if not is_draft %}
              {{ _("You are previewing a published record.") }}

            {%- elif record.is_published %}
              {{ _("You are previewing changes that have not yet been published.") }}

            {%- elif not record.is_published and record.versions.index == 1 %}
              {{ _("You are previewing a new record that has not yet been published.") }}

            {%- elif not record.is_published and record.versions.index > 1 %}
              {{ _("You are previewing a new record version that has not yet been published.") }}

            {%- endif %}
          </p>
        </div>
      </div>
    {%- endif %}
    {#- /PREVIEW HEADER #}

    {%- if record.is_published and not record.versions.is_latest %}
      <div class="ui warning flashed top-attached manage message">
        <div class="ui container">
          <div class="ui relaxed grid">
            <div class="column">
              <div class="row">
                <p>
                  {% trans link_start=('<a href="' + record.links.latest_html + '"><b>')|safe, link_end='</b></a>'|safe %}
                  There is a {{ link_start }}newer version{{ link_end }} of the record available.
                  {% endtrans %}
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
    {%- endif %}

  </section>

  <div class="ui container">
    <div class="ui relaxed grid mt-5">
      <div class="two column row top-padded">

        {#- Main content #}
        <article class="sixteen wide tablet eleven wide computer column main-record-content">

          {%- if record.access.record == 'restricted' %}
            <section id="record-access-status"
                     class="ui {{ record.ui.access_status.message_class }} message"
                     aria-label="{{ _('Record access information') }}"
            >
              <i class="{{ record.ui.access_status.icon }} icon"></i>
              <strong>{{ record.ui.access_status.title_l10n }}</strong>
              {{ record.ui.access_status.description_l10n }}

              {%- if record.access.embargo.reason %}
                <p>{{ _("Reason") }}: {{ record.access.embargo.reason }}</p>
              {%- endif %}
            </section>
          {%- endif %}

          {%- block record_body -%}
            {%- block record_header -%}
              {%- block record_header_button -%}
                {%- if is_preview and not is_preview_submission_request and can_manage_record and is_draft %}

                  <nav class="back-navigation rel-pb-2 pl-0" aria-label="{{ _('Back-navigation') }}">

                    {%- set back_page = url_for('invenio_app_rdm_records.deposit_edit', pid_value=record.id) -%}
                    {%- set back_btn_label = _('Back to edit') -%}

                    <a class="ui button labeled icon small compact" href="{{ back_page }}">
                      <i class="ui icon angle left"></i> {{ back_btn_label }}
                    </a>
                  </nav>

                {%- endif %}
              {%- endblock record_header_button -%}

              {% if show_record_management_menu %}
                <section id="mobile-record-management" class="ui grid tablet only mobile only">
                  <div class="sixteen wide column right aligned">
                    <button id="manage-record-btn"
                            class="ui small basic icon button m-0"
                            aria-haspopup="dialog"
                            aria-expanded="false"
                    >
                      <i class="cog icon"></i> {{ _('Manage record') }}
                    </button>
                  </div>

                  <div id="recordManagementMobile"
                      role="dialog"
                      class="ui flowing popup transition hidden"
                      data-record='{{ record | tojson }}'
                      data-permissions='{{ permissions | tojson }}'
                      data-is-draft="{{ is_draft | tojson }}"
                  >
                  </div>
                </section>
              {% endif %}

              <section id="record-info" aria-label="{{ _('Publication date and version number') }}">
                <div class="ui grid middle aligned">
                  <div class="two column row">
                    <div class="left floated left aligned column">
                      <span class="ui" title="{{ _('Publication date') }}">
                        {{ _('Published') }} {{ record.ui.publication_date_l10n_long }}
                      </span>
                      <span class="label text-muted"> | {{ _('Version {version_number}').format(version_number=record.ui.version) }}</span>
                    </div>
                    <div class="right floated right aligned column">

                      {% if record.ui.resource_type %}
                        <span class="ui label small grey" title="{{ _('Resource type') }}">{{ record.ui.resource_type.title_l10n }}</span>
                      {% endif %}

                      <span class="ui label small access-status {{ record.ui.access_status.id }}"
                            title="{{ _('Access status') }}"
                            data-tooltip="{{ record.ui.access_status.description_l10n }}"
                            data-inverted=""
                      >

                        {% if record.ui.access_status.icon %}
                          <i class="icon {{ record.ui.access_status.icon }}"></i>
                        {% endif %}

                        {{ record.ui.access_status.title_l10n }}
                      </span>
                    </div>
                  </div>
                </div>
              </section>
              <div class="ui divider hidden"></div>
            {%- endblock record_header %}

            {#- Title #}
            {%- block record_title -%}
              <section id="record-title-section" aria-label="{{ _('Record title and creators') }}">
                <h1 id="record-title" class="wrap-overflowing-text">{{ metadata.title }}</h1>

                {% if record.ui.creators or record.ui.contributors %}
                  <section id="creatibutors" aria-label="{{ _('Creators and contributors') }}">
                    {%- include "invenio_app_rdm/records/details/creatibutors.html" %}
                  </section>
                {% endif %}

              </section>
            {%- endblock record_title %}

            {#- Citation and Description #}
            {%- block record_content -%}
              <section id="citation" aria-label="{{ _('Record citations') }}">
                {%- include "invenio_app_rdm/records/details/citation.html" %}
              </section>

              {%- include "invenio_app_rdm/records/details/description.html" %}
            {%- endblock record_content %}

            {#- Files #}
            {%- block record_files %}
              {#- record has files BUT passed files are empty. This happens when we display a request. #}
              {%- if record.files.enabled -%}
                <section id="record-files" class="rel-mt-2" aria-label="{{ _('Files') }}">

                  {%- if permissions.can_read_files %}
                    {#- record has files AND user can see files #}
                    <h2 id="files-heading">{{ _('Files') }}</h2>
                    {%- set files = files|order_entries %}

                    {%- if files|has_previewable_files -%}
                      {%- set preview_file = files|select_preview_file(default_preview=record.files.default_preview) %}
                      {{ preview_file_box(preview_file, record.id, is_preview, record) }}
                    {%- endif -%}

                    {{ file_list_box(files, record.id, is_preview, record) }}
                  {%- else %}

                    {#- record has files BUT user cannot see files #}
                    <div class="pt-0 pb-20">
                      <div class="ui accordion panel mb-10 {{ record.ui.access_status.id }}" id="preview" href="#collapsablePreview">
                        <div class="active title trigger panel-heading {{ record.ui.access_status.id }}">
                          {{ _("Files") }}
                          <i class="angle down icon"></i>
                        </div>
                        <div id="collapsablePreview" class="active content rm-pt">

                          <div class="ui {{ record.ui.access_status.message_class }} message file-box-message">
                            <i class="ui {{ record.ui.access_status.icon }} icon"></i>
                            <b>{{ record.ui.access_status.title_l10n }}</b>
                            <p>{{ record.ui.access_status.description_l10n }}</p>

                            {% if record.access.embargo.reason %}
                              <p>{{ _("Reason") }}: {{ record.access.embargo.reason }}</p>
                            {% endif %}

                          </div>
                        </div>
                      </div>
                    </div>
                  {%- endif %}

                </section>
              {%- endif %}
            {%- endblock record_files -%}

            {#- Additional details #}
            {%- block record_details -%}
              <section id="additional-details" class="rel-mt-2" aria-label="{{ _('Additional record details') }}">
                {%- include "invenio_app_rdm/records/details/details.html" %}
              </section>
            {%- endblock record_details -%}

            {#- Record footer #}
            {%- block record_footer -%}
            {%- endblock record_footer -%}
          {%- endblock record_body -%}

        </article>

        {#- Sidebar #}
        <aside class="sixteen wide tablet five wide computer column sidebar" aria-label="{{ _('Record details') }}">

          {%- block record_sidebar %}
            {%- include "invenio_app_rdm/records/details/side_bar.html" %}
          {%- endblock record_sidebar %}

        </aside>
      </div>
    </div>

    <div class="ui relaxed grid">
      <div class="two column row">
        <div class="sixteen wide tablet eleven wide computer column">
          {#- Upload info #}
          <section id="upload-info" aria-label="{{ _('Upload information') }}">
            <dl>
              <div class="table-row">
                <dt>{{ _("Created") }}:</dt>
                <dd>
                  {{ record.ui.created_date_l10n_long }}
                </dd>
              </div>
              <div class="table-row">
                <dt>{{ _("Modified") }}:</dt>
                <dd>
                  {{ record.ui.updated_date_l10n_long }}
                </dd>
              </div>
            </dl>
          </section>
        </div>
      </div>

      <div class="two column row">
        <div class="sixteen wide tablet eleven wide computer column">
          {#- Jump up button #}
          {%- block jump -%}
            <div class="ui grid">
              <div class="jump-to-top centered row rel-mt-1" id="jump-btn">
                {#- change: class instead of inline style #}
                <a class="cursor-pointer">
                  <button class="ui button labeled icon" aria-label="{{ _('Jump to top of page') }}">
                    <i class="arrow alternate circle up outline icon"></i>
                    {{ _("Jump up") }}
                  </button>
                </a>
              </div>
            </div>
          {%- endblock jump -%}

        </div>
      </div>
    </div>
  </div>
{%- endblock page_body -%}

{%- block javascript %}
  {%- if use_theme_basic_template|default(true) %}
    {{ super() }}
  {%- else %}
    {% include config.THEME_JAVASCRIPT_TEMPLATE %}
  {%- endif %}

  {{ webpack['invenio-app-rdm-landing-page-theme.js'] }}
  {{ webpack['invenio-app-rdm-landing-page.js'] }}
  {#- Communities management -- TODO include again when communities are ready #}
  {#- {{ webpack['invenio-communities-records.js'] }} #}
  {{ webpack['previewer_theme.js'] }}
{%- endblock javascript -%}