{% if actions %}
  <form id="{{ table.prefix }}action_form" class="action-form">{% csrf_token %}
    <input type="hidden" name="return_url" value="{{ return_url }}">
    <input type="hidden" name="selected_ids">
    <div style="display: flex; align-items: center;">
      <div class="d-flex flex-column justify-content-center" style="width:200px; height:2.5em;">
        <div id="{{ table.prefix }}selected" class="selected-rows mt-0 ml-2 ms-2" ><span class="selected-count">0</span> of {{ table.rows|length }} rows
          selected
        </div>
        <div style="display: none;">
          <input type="checkbox" id="{{ table.prefix }}select_all" name="select_all" value="Select all" class="select-all-rows select-checkbox mb-2" style="margin-left: 0.5em">
          <label class="ml-2 ms-2 py-0" for="{{ table.prefix }}select_all">Select all rows</label>
        </div>
      </div>

      <details class="tbx-dropdown">
        <summary>Actions</summary>
        <div class="tbx-dropdown-content">
          {% for action in actions %}
            <button class="tbx-dropdown-item" name="{{ action.0 }}" hx-post="{{ url }}"  hx-target="#modals-here" hx-swap="innerHTML">{{ action.1 }}</button>
          {% endfor %}
        </div>
      </details>
    </div>
  </form>
{% endif %}