{% extends "core/base/no_message_base.html" %}
{% comment %}
SPDX-FileCopyrightText: 2022 Helmholtz-Zentrum Dresden-Rossendorf (HZDR)

SPDX-License-Identifier: GPL-3.0-or-later
{% endcomment %}
{% load static %}
{% load qr_code %}
{% block content %}
  {% if digitalobject.deleted %}
    <div class="alert alert-danger">
      <i class="fa-solid fa-trash"></i>
      This digital object was deleted.
    </div>
  {% endif %}
  {% if digitalobject.label_is_public %}
    <h3>{{ digitalobject.label }}</h3>
  {% else %}
    <h3>Landing Page</h3>
  {% endif %}
  <table>
    <tr>
      <td>
        <div style="width: 150px; height: 150px;">
          <img class="img-fluid"
               alt="QR code for URL {{ digitalobject.identifier_link }}"
               src="{% qr_url_from_text digitalobject.identifier_link %}">
        </div>
      </td>
      <td>
        <div class="d-grid gap-2">
          <div class="dropdown d-grid">
            <button class="btn btn-primary dropdown-toggle"
                    data-bs-toggle="dropdown"
                    aria-expanded="false">Export Metadata</button>
            <ul class="dropdown-menu">
              {% for format, renderer in renderers.items %}
                <li>
                  <a class="dropdown-item"
                     {% if renderer.url %} href="{{ renderer.url }}" {% else %} href="{% url 'core:landing_page' digitalobject.digital_object_id %}?format={{ format }}" {% endif %}>
                    {{ renderer.name }}
                  </a>
                </li>
              {% endfor %}
            </ul>
          </div>
          <a class="btn btn-secondary"
             href="{% url 'digital-objects-complete-detail' digitalobject.digital_object_id %}"
             role="button">
            <i class="fa-solid fa-code"></i> Visit API
          </a>
          <a class="btn btn-secondary"
             href="{% qr_url_from_text digitalobject.identifier_link image_format='png' %}"
             download="HELIPORT_QR_{{ digitalobject.digital_object_id }}.png">
            <i class="fa-solid fa-download"></i> Download QR Code
          </a>
        </div>
      </td>
    </tr>
  </table>
  <form method="post">
    {% csrf_token %}
    <div>
      {% if digitalobject.persistent_id %}
        <h4 class="mt-3">Identifier</h4>
        <table class="table">
          <tr>
            <th>{{ digitalobject.identifier_label }}</th>
            <td>
              <a href="{{ digitalobject.identifier_link }}">{{ digitalobject.identifier_display }}</a>
              <button class="btn btn-primary btn-sm"
                      title="Copy to clipboard"
                      type="button"
                      _="on click js navigator.clipboard.writeText('{{ digitalobject.identifier_link|escapejs }}') end">
                <i class="fa-solid fa-copy"></i>
              </button>
            </td>
            <td></td>
          </tr>
          <tr>
            <th>Namespace</th>
            <td>{{ digitalobject.category_str }}</td>
            <td></td>
          </tr>
          <tr>
            <th>Digital Object ID</th>
            <td>{{ digitalobject.digital_object_id }}</td>
            <td></td>
          </tr>
        </table>
      {% endif %}
    </div>
    {% for key, values in attributes_by_category %}
      <div>
        <h4 class="mt-3">
          {% if key %}
            {{ key }}
          {% else %}
            Properties
          {% endif %}
        </h4>
        <table class="table">
          {% for key_value in values %}
            <tr>
              <th class="w-25" title="{{ key_value.attr.persistent_id }}">
                <a href="{{ key_value.attr.persistent_id }}" class="modest-link">{{ key_value.label }}</a>
              </th>
              <td>{{ key_value.as_html }}</td>
              <td style="width: 20%">
                {% if has_write_permission %}
                  {% if key_value.public_settable %}
                    <input type="hidden"
                           name="public_attributes"
                           value="public_attributes_{{ key_value.property_id }}" />
                    <select class="form-select public-select"
                            name="public_attributes_{{ key_value.property_id }}">
                      <option {% if not key_value.is_public %}selected{% endif %}
                              value="not_public">Not Public</option>
                      <option {% if key_value.is_public %}selected{% endif %} value="public">Public</option>
                    </select>
                  {% elif key_value.is_public %}
                    <small class="text-muted">This attribute is always public</small>
                  {% else %}
                    <small class="text-muted">This attribute can not be public yet. Please ask your HELIPORT admin to implement this.</small>
                  {% endif %}
                {% endif %}
              </td>
            </tr>
          {% endfor %}
        </table>
      </div>
    {% endfor %}
    {% if has_write_permission %}
      <button class="btn btn-primary float-end mb-3" type="submit">Save Public Selection</button>
      <button class="btn btn-secondary float-end mb-3 me-2"
              type="button"
              _="on click set .public-select.value to 'public'">All public</button>
      <button class="btn btn-secondary float-end mb-3 me-2"
              type="button"
              _="on click set .public-select.value to 'not_public'">All private</button>
    {% endif %}
  </form>
{% endblock content %}