{% extends "wagtailsnippets/snippets/index.html" %}
{% load static wagtailadmin_tags %}

{% block slim_header %}
  {% if view.parent or not breadcrumbs_items %}
    {{ block.super }}
  {% else %}
    {# The layout radios sit in the header's search form, so switching reloads the results like a filter. #}
    {% fragment as extra_form_fields %}
      <div class="w-layout-switch-control">
        {% include "wagtail_in_a_tree/layout_toggle.html" with layout=view.layout only %}
      </div>
    {% endfragment %}
    {% include "wagtail_in_a_tree/listing_header.html" with breadcrumbs_items=breadcrumbs_items side_panels=side_panels history_url=history_url title=header_title search_url=index_results_url search_form=search_form filters=filters buttons=header_buttons icon_name=header_icon extra_form_fields=extra_form_fields only %}
  {% endif %}
{% endblock slim_header %}

{% block extra_css %}
  {{ block.super }}
  <link rel="stylesheet" href="{% static 'wagtail_in_a_tree/tree.css' %}">
{% endblock extra_css %}

{% block extra_js %}
  {{ block.super }}
  <script defer src="{% static 'wagtail_in_a_tree/tree.js' %}"></script>
{% endblock extra_js %}