{# Reusable macros for list pages #}

{# Text input filter #}
{% macro filter_text(id, label, placeholder='Filter...', wide=false) %}
<div class="filter-group{% if wide %} filter-wide{% endif %}">
    <label for="{{ id }}">{{ label }}:</label>
    <input type="text" id="{{ id }}" class="form-control input-sm" placeholder="{{ placeholder }}">
</div>
{% endmacro %}

{# Multi-select dropdown filter
   - id: Element ID
   - label: Display label
   - options: List of options - either strings or objects with 'value' and 'label' keys
   - column: DataTable column index for client-side filtering (optional, omit for server-side)
   - min_search: Minimum number of options to show search input (default: 5)
   - with_search: Override to disable search entirely (default: true)
#}
{% macro multi_dropdown(id, label, options, column=none, min_search=5, with_search=true) %}
<div class="filter-group">
    <label>{{ label }}:</label>
    <div class="multi-dropdown"{% if column is not none %} data-filter-column="{{ column }}"{% endif %} id="{{ id }}">
        <button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown">
            <span class="dropdown-label">All</span>
        </button>
        <div class="dropdown-menu dropdown-menu-checkboxes">
            {% if with_search and options | length >= min_search %}
            <div class="dropdown-search">
                <input type="text" class="form-control input-sm" placeholder="Search...">
            </div>
            {% endif %}
            <ul class="dropdown-options">
                {% for opt in options %}
                {% if opt is string %}
                <li><label><input type="checkbox" value="{{ opt }}"> {{ opt }}</label></li>
                {% else %}
                <li><label><input type="checkbox" value="{{ opt.value }}"> {{ opt.label }}</label></li>
                {% endif %}
                {% endfor %}
            </ul>
        </div>
    </div>
</div>
{% endmacro %}

{# Empty row for when no items found #}
{% macro empty_row(colspan, message='List is empty.') %}
<tr><td colspan="{{ colspan }}" class="text-center text-muted"><em>{{ message }}</em></td></tr>
{%- endmacro %}

{# Collapsible filter toggle button #}
{% macro filter_toggle_button(collapse_id='filterCollapse') %}
<button class="btn btn-default btn-sm" type="button" data-toggle="collapse" data-target="#{{ collapse_id }}"
        aria-expanded="false" aria-controls="{{ collapse_id }}">
    <span id="{{ collapse_id }}Text">Show Filters</span>
</button>
{% endmacro %}

{# Checkbox for mass operations #}
{% macro mass_checkbox(value) %}
<input type="checkbox" class="action-checkbox" name="selections" value="{{ value }}">
{%- endmacro %}

{# Single mass action button #}
{% macro mass_action_button(action, label, confirm='', btn_class='btn-danger') %}
<button type="button" class="btn {{ btn_class }}" data-action="{{ action }}" data-confirm="{{ confirm }}">{{ label }}</button>
{% endmacro %}