{% extends "scanpipe/base.html" %}
{% load static humanize %}
{% block title %}ScanCode.io: {{ project.name }} - Resources tree{% endblock %}

{% block extrahead %}
  <script src="{% static 'ace-1.43.3.min.js' %}" defer></script>
  <script src="{% static 'ace-1.43.3-ext-searchbox.min.js' %}" defer></script>
  <script src="{% static 'js/resource_viewer.js' %}" defer></script>
  <script src="{% static 'js/resource_tree.js' %}" defer></script>
{% endblock %}

{% block content %}
  <div id="content-header" class="container is-max-widescreen mb-3">
    <section class="mx-5">
      <div class="is-flex is-justify-content-space-between">
        {% include 'scanpipe/includes/breadcrumb.html' with linked_project=True current="Resources tree" %}
      </div>
    </section>
  </div>

  <div id="resource-tree-container" class="container is-fluid p-0" data-current-path="{{ path }}">
    <div class="resizable-container is-flex">
      <div id="left-pane" class="left-pane px-2">
        {% include 'scanpipe/tree/resource_left_pane.html' %}
      </div>
      <div id="resizer" class="resizer"></div>
      <div id="right-pane" class="right-pane px-3">
        <div
          {% if resource.is_file %}
            hx-get="{% url 'resource_detail' project.slug resource.path %}"
          {% elif path %}
            hx-get="{% url 'project_resource_tree_right_pane' project.slug path %}"
          {% else %}
            hx-get="{% url 'project_resource_tree_right_pane' project.slug %}"
          {% endif %}
          hx-trigger="load"
          hx-target="this">
        </div>
      </div>
    </div>
  </div>
{% endblock %}