{% 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:150px; 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 }} 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>
      <div class="dropdown float-right">
        <button class="select-action-menu btn btn-sm btn-primary dropdown-toggle" type="button"
                id="{{ table.prefix }}selectActionMenu"
                data-toggle="dropdown" data-bs-toggle="dropdown">Action</button>
        <div class="dropdown-menu">
          {% for action in actions %}
            <button class="dropdown-item" name="{{ action.0 }}" hx-post="{{ url }}"
                    hx-target="#modals-here" hx-swap="innerHTML">{{ action.1 }}</button>
          {% endfor %}
        </div>
      </div>
    </div>
  </form>
{% endif %}