{#
{# SPDX-FileCopyrightText: 2024 CERN.
{# SPDX-License-Identifier: MIT
#}

{% extends "invenio_administration/search.html" %}

{% block admin_main_column %}
  <main
    id="admin-main-content"
    class="ten wide mobile twelve wide tablet thirteen wide computer fourteen wide widescreen column"
  >
    <div class="ui container fluid pl-10 pr-10 pt-10 pb-10">
      <div class="rel-mb-2">
        <a href={{invenio_url_for("administration.jobs")}} class="ui mini button labeled icon rel-mr-1">
            <i class="ui icon left arrow" aria-hidden="true"></i>
            {{ _('Back')}}
        </a>
      </div>
      {% block admin_page_content %}
        <div class="ui divider" aria-hidden="true"></div>

        <div
          id="invenio-details-config"
          data-actions='{{ actions | tojson }}'
          data-api-endpoint='{{ api_endpoint }}'
          data-display-delete='{{ display_delete | tojson }}'
          data-display-edit='{{ display_edit | tojson }}'
          data-fields='{{ fields | tojson }}'
          data-pid='{{ pid_value | tojson }}'
          data-resource-schema='{{ resource_schema | tojson }}'
          data-title='{{ title or name | tojson }}'
          data-list-endpoint='{{ list_ui_endpoint }}'
          data-resource-name='{{ resource_name | tojson }}'
          data-pid-path='{{ pid_path | tojson }}'
          data-name='{{ name }}'
          data-request-headers='{{ request_headers | tojson }}'
          data-ui-config='{{ ui_config | tojson }}'
        ></div>
        {%- block search_app %}
          <div
            id="invenio-search-config"
            data-title='{{ title | tojson }}'
            data-resource-name='{{ resource_name | tojson }}'
            data-invenio-search-config='{{ search_config() | tojson }}'
            data-fields='{{ fields | tojson }}'
            data-display-search='{{ display_search | tojson }}'
            data-display-read='{{ display_read | tojson }}'
            data-display-edit='{{ display_edit | tojson }}'
            data-display-delete='{{ display_delete | tojson }}'
            data-resource-schema='{{ resource_schema | tojson }}'
            data-actions='{{ actions | tojson }}'
            data-api-endpoint='{{ api_endpoint }}/{{ pid_value }}/runs'
            data-pid-path='{{ pid_path | tojson }}'
            data-pid-value='{{ pid_value }}'
            data-create-endpoint='{{ create_ui_endpoint }}'
            data-list-endpoint='{{ list_ui_endpoint }}'
          ></div>
        {%- endblock search_app %}
      {% endblock admin_page_content %}
    </div>
  </main>
{% endblock %}

{% block javascript %}
  {{ super() }}
  {{ webpack['invenio-jobs-details.js'] }}
{% endblock %}