{% from "govuk/components/input/macro.njk" import govukInput %}
{% from "govuk/components/table/macro.njk" import govukTable %}
{% from "govuk/components/checkboxes/macro.njk" import govukCheckboxes %}
{% from "../catalogue-unauthorised-toggle/view.njk" import dprUnauthorisedToggle %}

{% macro dprCatalogueSearch(id, tableHtml, features) %}
  {% set filteringEnabled = features.filteringEnabled %}
  {% set unauthorisedToggleEnabled = features.unauthorisedToggleEnabled %}

  <div class="dpr-search" data-dpr-module="dpr-catalogue-search">
    {% if filteringEnabled %}
      <h2 class="govuk-heading-s govuk-!-margin-bottom-1"> Filter reports</h2>
    {% endif %}

    <div class="dpr-search-inputs">
      {% if filteringEnabled %}
        {{ govukInput({
          id: id,
          name: 'search',
          autocomplete: "off",
          classes: "dpr-search-box govuk-!-margin-bottom-0",
          attributes: {
            placeholder: "Type to filter reports"
          }
        }) }}
      {% endif %}

      {% if unauthorisedToggleEnabled %}
        {{ dprUnauthorisedToggle() }}
      {% endif %}
    </div>
    
    <p class="dpr-catalogue-totals govuk-body govuk-!-margin-bottom-5">Showing <strong><span id="total-shown"></span></strong> of <strong><span id="total-amount"></span></strong> reports</p>

    {{ tableHtml | safe }}

  </div>

{% endmacro %}