{% load i18n admin_stats %}
<div class="actions flex flex-wrap items-center justify-between gap-3 text-sm text-apple-secondary w-full">
  <div class="flex flex-wrap items-center gap-3">
    {% block actions %}
      {% block actions-form %}
        <div class="flex items-center gap-2">
          {% for field in action_form %}
            {% if field.label %}
              <label class="font-semibold text-apple-text dark:text-apple-darktext">{{ field.label }}</label>
            {% endif %}
            {{ field }}
          {% endfor %}
        </div>
      {% endblock %}
      {% block actions-submit %}
        <button type="submit" class="!inline-flex !items-center !gap-1.5 button !px-4 !py-2 !text-sm !font-semibold !text-white !bg-apple-blue hover:!bg-apple-blue-hover !rounded-lg !shadow-sm !transition-all !duration-150 !cursor-pointer !h-[38px] !m-0" title="{% translate "Run the selected action" %}" name="index" value="{{ action_index|default:0 }}">
          <svg class="w-3.5 h-3.5 text-white" fill="none" stroke="currentColor" stroke-width="2.5" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 13.5l10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75z" /></svg>
          <span>{% translate "Go" %}</span>
        </button>
      {% endblock %}
      {% block actions-counter %}
      {% if actions_selection_counter %}
          <span class="action-counter text-xs text-apple-secondary" data-actions-icnt="{{ cl.result_list|length }}">{{ selection_note }}</span>
          {% if cl.result_count != cl.result_list|length %}
          <span class="all hidden text-xs text-apple-secondary">{{ selection_note_all }}</span>
          <span class="question hidden text-xs">
              <a href="#" class="text-apple-blue hover:underline font-semibold" 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 text-xs"><a href="#" class="text-red-500 hover:underline">{% translate "Clear selection" %}</a></span>
          {% endif %}
      {% endif %}
      {% endblock %}
    {% endblock %}
  </div>

  <!-- Custom Model Actions -->
  <div class="flex flex-wrap items-center gap-2 ml-auto">
    {% get_custom_model_actions cl.opts.app_label cl.opts.model_name as model_actions %}
    {% for action in model_actions %}
      <a href="{{ action.url|default:'#' }}"
         {% if action.target %}target="{{ action.target }}"{% endif %}
         {% if action.onclick %}onclick="{{ action.onclick }}"{% endif %}
         class="inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-semibold rounded-lg shadow-sm border transition-all duration-150 cursor-pointer h-[38px] {{ action.class|default:'bg-white dark:bg-apple-darkcard border-apple-border/50 dark:border-apple-darkborder/50 hover:bg-apple-bg dark:hover:bg-black/30 text-apple-text dark:text-apple-darktext' }}">
        {% if action.icon %}
          {% if "<svg" in action.icon %}
            {{ action.icon }}
          {% else %}
            <i class="{{ action.icon }} text-sm text-apple-secondary"></i>
          {% endif %}
        {% endif %}
        <span>{{ action.name }}</span>
      </a>
    {% endfor %}
  </div>
</div>