{% load i18n %}

<div class="actions flex items-center gap-3 px-6 py-3 bg-gray-50 dark:bg-gray-750 border-b border-gray-200 dark:border-gray-700">
    {% for field in action_form %}
        {% if field.label %}
            <label class="flex items-center gap-2 text-sm text-gray-700 dark:text-gray-300">
                {{ field.label }}
                {{ field }}
            </label>
        {% else %}
            {{ field }}
        {% endif %}
    {% endfor %}
    
    <button type="submit" 
            class="px-3 py-1.5 bg-gray-600 hover:bg-gray-700 text-white text-sm font-medium rounded-md transition-colors" 
            title="{% translate 'Run the selected action' %}" 
            name="index" 
            value="{{ action_index|default:0 }}">
        {% translate "Go" %}
    </button>

    {# Required by Django's actions.js: selection counter and "select across all pages". #}
    {% if actions_selection_counter %}
        <span class="action-counter" data-actions-icnt="{{ cl.result_list|length }}">{{ selection_note }}</span>
        {% if cl.result_count != cl.result_list|length %}
        <span class="all hidden">{{ selection_note_all }}</span>
        <span class="question hidden">
            <a role="button" href="#" title="{% translate "Click here to select the objects across all pages" %}">{% blocktranslate with cl.result_count as total_count %}Select all {{ total_count }} {{ module_name }}{% endblocktranslate %}</a>
        </span>
        <span class="clear hidden"><a role="button" href="#">{% translate "Clear selection" %}</a></span>
        {% endif %}
    {% endif %}
</div>