{% extends "base.html" %}
{% from "components/concept.html" import new_concept, versions_action, current_version_action, banner with context %}
{% from "components/dataset_navigation.html" import dataset_navigation with context %}
{% from "components/side_panel.html" import form_side_panel %}
{% from "components.html" import content_metadata %}
{% from "components/export_action.html" import export_action %}
{% from "components/icons.html" import lock_icon %}
{% from "components/search_field.html" import search_field %}
{% from "layouts/page.html" import page_context %}
{% from "pages/datasets/hierarchy/_tree.html" import node_actions, node_name, record_name, node_value with context %}

{% block title %}{{ dataset.name|dataset_title }} · REFRNCR{% endblock %}
{% block content %}
<div class='page-header'>
  {% call page_context(dataset.name|dataset_title, content_metadata(hierarchy_rows|length, context.last_updated, version_state.version.number if version_state else none, 0, version_state.status if version_state else none, record_label='nodes', secondary_count=leaf_count, secondary_label='leaves', draft_in_progress=draft_in_progress and version_state is not none, mapping_usage=mapping_usage), icon=rendered_dataset_icon(dataset.icon, dataset.kind)) %}
    {% include "pages/datasets/_breadcrumbs.html" %}
  {% endcall %}
  <div class='page-actions'>
    {% if not version_state %}{{ current_version_action(dataset.key, concept_ui and concept_ui.has_current) }}{% endif %}
    {{ versions_action(dataset.key) }}
    {{ export_action(dataset=dataset, version_state=version_state, label='Export draft' if not version_state else 'Export', may_export=may_export, may_import=may_import) }}
    {% if may_edit %}<a class='button button-secondary' href='{{ url_for("import_hierarchy_file", key=dataset.key) }}'>Import</a>{% endif %}
    {% if may_start_concept %}{{ new_concept(dataset.key) }}{% endif %}
    {% if draft_in_progress and version_state %}<a class='button button-primary' href='{{ url_for("dataset_records_view", key=dataset.key, concept=true) }}'>Open draft</a>{% endif %}
  </div>
</div>
{% include 'pages/datasets/_version_status.html' %}
{% if not version_state %}
{% call banner(dataset.key, concept_ui, publication_panel=false, show_current=false, include_discard_panel=true) %}
{% endcall %}
{% endif %}
{{ dataset_navigation(dataset, 'records', concept=not version_state, version_id=version_state.version.id if version_state else none, may_view_access=may_view_access) }}

<nav class='section-tabs' aria-label='Hierarchy views'>
  {% for key, label in [('tree', 'Tree'), ('table', 'Table')] %}
  <a class='section-tab' href='{{ url_for("dataset_records_view", key=dataset.key, version_id=version_state.version.id if version_state else none, concept=true if not version_state else none, view=key, q=hierarchy_search or none, sort=sort_key or none, direction=sort_direction if sort_key else none) }}'{% if selected_view == key %} aria-current='page'{% endif %}>{{ label }}</a>
  {% endfor %}
</nav>

{% if hierarchy_errors %}
<section class='alert alert-warning' aria-labelledby='hierarchy-validation-heading'>
  <h2 id='hierarchy-validation-heading'>Resolve before publication</h2>
  <ul>{% for error in hierarchy_errors %}<li>{{ error }}</li>{% endfor %}</ul>
</section>
{% endif %}

<div class='page-header section-header'>
  <div><h2>{{ 'Tree' if selected_view == 'tree' else 'Table' }}</h2>
    <p class='section-description'>{{ 'The structure and values of this version.' if version_state and selected_view == 'tree' else 'Maintain names, parent/child relationships and values.' if selected_view == 'tree' else 'One row per node with its parent, level and field values.' }}</p>
  </div>
</div>

{% if not hierarchy_rows %}
<div class='empty-state'>
  <h3>Start with the root</h3><p>Build the hierarchy first. Add optional fields and values when you are ready.</p>
  {% if may_edit %}<a class='button button-primary' data-panel-url data-dialog-open='hierarchy-panel' href='{{ url_for("dataset_hierarchy_node_create", key=dataset.key) }}'>Add root</a>{% endif %}
</div>
{% else %}
<div class='record-toolbar record-toolbar-search' role='group' aria-label='Hierarchy results'>
  <section class='record-criteria' aria-label='Search hierarchy'>
    <div class='record-criteria-toolbar'>
      <form {{ non_login_form_attrs() }} id='record-search-form' method='get' role='search' aria-label='Search hierarchy' class='record-search-form'>
        <input type='hidden' name='view' value='{{ selected_view }}'>
        {% if sort_key %}<input type='hidden' name='sort' value='{{ sort_key }}'><input type='hidden' name='direction' value='{{ sort_direction }}'>{% endif %}
        {{ search_field('record-search', 'Search hierarchy', 'Search node names and text values', name='q', value=hierarchy_search, maxlength=MAX_SEARCH, clear_url=hierarchy_clear_url) }}
      </form>
      <button class='button button-secondary' type='submit' form='record-search-form'>Search</button>
      {% if fields %}
      <details class='hierarchy-columns'>
        <summary class='button button-secondary'><span>Columns · <span data-column-count>{{ default_column_keys|length }}</span> of {{ fields|length }}</span></summary>
        <fieldset><legend>Visible columns</legend>
          {% for field in fields %}<label><input type='checkbox' value='{{ field.key }}'{% if field.key in default_column_keys %} checked{% endif %}{% if field.key == key_field_key %} disabled{% endif %} data-column-toggle> {{ field.name }}{% if field.key == key_field_key %} <span class='help-text'>(key)</span>{% endif %}</label>{% endfor %}
          <button type='button' class='button button-secondary' data-columns-reset>Reset</button>
        </fieldset>
      </details>
      {% endif %}
    </div>
  </section>
  <div class='hierarchy-toolbar-status'>
    {% if version_state %}<p class='record-toolbar-note'>{{ lock_icon() }}{{ 'Expired version · read only' if version_state.status == 'Expired' else 'Published version · read only' }}</p>{% endif %}
    <span id='record-result-count'>{% if display_rows %}Showing 1–{{ display_rows|length }} of {{ hierarchy_result_total }}{% else %}Showing 0 of {{ hierarchy_result_total }}{% endif %}</span>
  </div>
  <div id='record-result-announcement' class='visually-hidden' role='status' aria-live='polite' aria-atomic='true'></div>
</div>
{% if hierarchy_search and not display_rows %}
<div class='empty-state'><h3>No matching nodes</h3><p>Try another search term or clear the current search.</p><a href='{{ hierarchy_clear_url }}'>Clear search</a></div>
{% else %}
<div class='table-scroll hierarchy-table-scroll' role='region' aria-label='{{ "Hierarchy tree" if selected_view == "tree" else "Hierarchy table" }}' tabindex='0'>
  <table class='hierarchy-table hierarchy-{{ selected_view }}' data-hierarchy-dataset='{{ dataset.key }}'>
    <caption class='visually-hidden'>{{ 'Hierarchy tree' if selected_view == 'tree' else 'Hierarchy table' }}</caption>
    <thead><tr>
      {% if selected_view == 'tree' %}<th scope='col' class='hierarchy-node-column'>Node</th>
      {% else %}
        {% for key, label in [('name', 'Name'), ('parent', 'Parent')] %}
        {% set active = sort_key == key %}{% set next = 'desc' if active and sort_direction == 'asc' else 'asc' %}
        <th scope='col'><a class='hierarchy-sort' href='{{ url_for("dataset_records_view", key=dataset.key, version_id=version_state.version.id if version_state else none, concept=true if not version_state else none, view="table", q=hierarchy_search or none, sort=key, direction=next) }}' aria-label='Sort by {{ label }}'>{{ label }}{% if active %}<span aria-hidden='true'>{{ ' ↑' if sort_direction == 'asc' else ' ↓' }}</span>{% endif %}</a></th>
        {% endfor %}
        <th scope='col'>Level</th>
      {% endif %}
      {% for field in fields %}<th scope='col' data-column='{{ field.key }}'{% if field.data_type in ('integer', 'number', 'float') %} class='numeric-column'{% endif %}>{% if selected_view == 'table' and field.key == key_field_key %}{% set active = sort_key == 'key' %}{% set next = 'desc' if active and sort_direction == 'asc' else 'asc' %}<a class='hierarchy-sort' href='{{ url_for("dataset_records_view", key=dataset.key, version_id=version_state.version.id if version_state else none, concept=true if not version_state else none, view="table", q=hierarchy_search or none, sort="key", direction=next) }}' aria-label='Sort by {{ field.name }}'>{{ field.name }}{% if active %}<span aria-hidden='true'>{{ ' ↑' if sort_direction == 'asc' else ' ↓' }}</span>{% endif %}</a>{% else %}<span>{{ field.name }}</span>{% endif %}{% if field.hierarchy_scope != 'all_nodes' %}<span class='hierarchy-field-scope'>Leaves only</span>{% endif %}</th>{% endfor %}
      <th scope='col' class='hierarchy-filler-column' aria-hidden='true'></th>{% if may_edit %}<th scope='col' class='hierarchy-actions-column'>Actions</th>{% endif %}
    </tr></thead>
    <tbody>{% for row in display_rows %}
      <tr data-hierarchy-node='{{ row.node.id }}' data-row-action>
        {% if selected_view == 'tree' %}<th scope='row' class='hierarchy-node-column'>{{ record_name(row, indented=true) }}</th>
        {% else %}<th scope='row'>{{ record_name(row) }}</th><td>{{ row.parent_name or '' }}</td><td>{{ row.depth + 1 }}</td>{% endif %}
        {% for field in fields %}<td data-column='{{ field.key }}'{% if field.data_type in ('integer', 'number', 'float') %} class='numeric-column'{% endif %}>{{ node_value(row, field) }}</td>{% endfor %}
        <td class='hierarchy-filler-column' aria-hidden='true'></td>{% if may_edit %}{% if selected_view == 'tree' %}<td class='hierarchy-actions-column'>{{ node_actions(row) }}</td>{% else %}<td class='hierarchy-actions-column'>{{ record_name(row, action_only=true) }}</td>{% endif %}{% endif %}
      </tr>
    {% endfor %}</tbody>
  </table>
</div>
{% endif %}
{% if selected_view == 'tree' and not fields and may_edit %}<p class='help-text'>The structure can be published without custom fields. <a href='{{ url_for("dataset_detail", key=dataset.key, concept=true, _anchor="fields") }}'>Define fields</a> to add values.</p>{% endif %}
{% endif %}
{% if selected_view == 'tree' or selected_view == 'table' %}
  {% if may_edit %}{{ form_side_panel('hierarchy-panel') }}{% else %}{% include 'pages/datasets/hierarchy/_view_panels.html' %}{% endif %}
{% endif %}
{% endblock %}
{% block scripts %}<script src='{{ url_for("static", filename="js/record-search.js") }}' defer></script><script src='{{ url_for("static", filename="js/hierarchy-columns.js") }}' defer></script>{% endblock %}