{# Shared filter panel shell: section heading, toggle button, and card. #}
{# Expects: form_action, clear_filters_url, filter_form, sort_options, filter_kind ('node'|'edge') #}
<section class="dashboard-section">
  <div class="section-heading">
    <div>
      <p class="eyebrow">Browse</p>
      <h2>Filters</h2>
    </div>
    <button class="button button-secondary" type="button" data-filters-toggle>
      Hide filters
    </button>
  </div>

  <article class="resource-card" data-filters-panel hidden>
    <form class="auth-form" action="{{ form_action }}" method="get">
      {% if filter_kind == 'node' %}
      {% include 'partials/list_filter_fields_node.html' %}
      {% else %}
      {% include 'partials/list_filter_fields_edge.html' %}
      {% endif %}
      <input type="hidden" name="offset" value="0">
      <div class="button-row">
        <button class="button" type="submit">Apply filters</button>
        <a class="button button-secondary" href="{{ clear_filters_url }}">Clear</a>
      </div>
    </form>
  </article>
</section>