{% macro action_data_attributes(action) -%}
    {% if action.is_link -%}
        href="{{ view._row_actions_handlers.get(action.name) (request, pk) }}"
    {% else %}
        href="#"
        {% if action.confirmation is not none -%}
            data-bs-toggle="modal"
            data-bs-target="#modal-action"
            data-sa-confirmation="{{ action.confirmation }}"
            data-sa-header="{{ action.header or '' }}"
            data-sa-modal-size="{{ action.modal_size or 'sm' }}"
        {% else %}
            data-sa-no-confirmation-action="true"
        {% endif %}
        {% if action.custom_response -%}
            data-sa-custom-response="true"
        {% endif %}
        data-sa-submit-btn-text="{{ action.submit_btn_text }}"
        data-sa-submit-btn-class="{{ cls(action.submit_btn_class) if action.submit_btn_class else '' }}"
        data-sa-form="{{ action.form |forceescape }}"
    {% endif %}
    data-sa-is-row-action="true"
    data-sa-name="{{ action.name }}"
{% endmacro %}
{% if display_type == "ICON_LIST" -%}
    <div class="d-flex">
        {% for action in _actions -%}
            <a title="{{ action.text }}"
               aria-label="{{ action.text }}"
               {{ action_data_attributes(action) }}>
                <span class="me-1"><i class="{{ icon(action.icon_class) }}" aria-hidden="true"></i></span>
            </a>
        {% endfor %}
    </div>
{% elif display_type == "DROPDOWN" -%}
    <div class="dropdown" id="actions-dropdown">
        {#  The fixed strategy lets the menu escape the table-responsive overflow clipping  #}
        <button type="button"
                class="{{ cls('action.row_dropdown_toggle') }}"
                data-bs-toggle="dropdown"
                data-bs-config='{"popperConfig": {"strategy": "fixed"}}'>{{ _("Actions") }}</button>
        <div class="dropdown-menu">
            {% for action in _actions -%}
                <a class="{{ cls('action.dropdown_item') }} row-action-item"
                   data-sa-hook="row-action-item"
                   type="button"
                   {{ action_data_attributes(action) }}>
                    {% if action.icon_class -%}
                        <i class="{{ icon(action.icon_class) }} me-2" aria-hidden="true"></i>
                    {% endif -%}
                    {{ action.text }}
                </a>
            {% endfor %}
        </div>
    </div>
{% elif display_type == "KEBAB" -%}
    <div class="dropdown">
        {#  The fixed strategy lets the menu escape the table-responsive overflow clipping  #}
        <button type="button"
                class="{{ cls('action.row_kebab_toggle') }}"
                data-bs-toggle="dropdown"
                data-bs-config='{"popperConfig": {"strategy": "fixed"}}'
                aria-label="{{ _('Actions') }}">
            <i class="{{ icon('list.row_actions') }}" aria-hidden="true"></i>
        </button>
        <div class="dropdown-menu dropdown-menu-end">
            {% for action in _actions -%}
                <a class="{{ cls('action.dropdown_item') }} row-action-item"
                   data-sa-hook="row-action-item"
                   {{ action_data_attributes(action) }}>
                    {% if action.icon_class -%}
                        <i class="{{ icon(action.icon_class) }} me-2" aria-hidden="true"></i>
                    {% endif -%}
                    {{ action.text }}
                </a>
            {% endfor %}
        </div>
    </div>
{% elif display_type == "INLINE_LINKS" -%}
    <div class="d-flex align-items-center flex-nowrap">
        {% for action in _actions -%}
            {% if not loop.first -%}
                <span class="mx-1 text-muted" aria-hidden="true">&middot;</span>
            {% endif -%}
            <a class="row-action-item small d-inline-flex flex-column align-items-center"
               data-sa-hook="row-action-item"
               {{ action_data_attributes(action) }}>
                {% if action.icon_class -%}
                    <i class="{{ icon(action.icon_class) }}" aria-hidden="true"></i>
                {% endif -%}
                {{ action.text }}
            </a>
        {% endfor %}
    </div>
{% else -%}
    {#  For detail page   #}
    <div class="btn-list">
        {% for action in _actions -%}
            <a class="row-action-item {{ cls(action.action_btn_class) if action.action_btn_class else cls('action.row_item') }}"
               role="button"
               data-sa-hook="row-action-item"
               {{ action_data_attributes(action) }}>
                {% if action.icon_class -%}
                    <i class="{{ icon(action.icon_class) }} me-2" aria-hidden="true"></i>
                {% endif -%}
                {{ action.text }}
            </a>
        {% endfor %}
    </div>
{% endif %}