{#- The column picker, at the right of the toolbar. Its boxes belong to a form
    outside the toolbar, through the form attribute, since forms cannot sit
    inside each other. -#}
{% import "adminsite/_icons.html" as icons %}
{% if column_choices|length > 1 %}
  <div class="dropdown dropdown-end">
    <div tabindex="0" role="button" aria-haspopup="true" class="btn btn-plain btn-sm">
      <span class="text-muted">{{ icons.icon("columns") }}</span>{{ _('Columns') }}
    </div>
    <div tabindex="0" class="dropdown-content z-30 mt-2 w-64 rounded-box border border-base-300 bg-base-100 p-3 shadow-float">
      {% for path in column_choices %}
        <label class="flex h-8 w-full cursor-pointer items-center gap-2.5 rounded-field px-1.5 hover:bg-base-200">
          <input type="checkbox" class="checkbox checkbox-sm checkbox-primary"
                 form="columns-{{ view.name }}" name="cols" value="{{ path }}"
                 {% if path in columns %}checked{% endif %}>
          {{ view.label_for(path) }}
        </label>
      {% endfor %}
      <div class="mt-3 flex gap-2">
        <button class="btn btn-primary btn-sm" type="submit" form="columns-{{ view.name }}">{{ _('Show') }}</button>
        {% if columns_changed %}
          <a class="btn btn-ghost btn-sm" href="{{ urls.here(cols='') }}">{{ _('Back to default') }}</a>
        {% endif %}
      </div>
    </div>
  </div>
{% endif %}