{% load i18n %}

<li class="chassis-object-actions-dropdown">
    <details data-chassis-dropdown>
        <summary
            class="chassis-object-actions-dropdown__trigger chassis-object-actions-dropdown__trigger--primary"
        >
            <i class="fa-solid fa-ellipsis" aria-hidden="true"></i>
            <span>{% translate "Дополнительные действия" %}</span>
            <i class="fa-solid fa-chevron-down chassis-object-actions-dropdown__chevron" aria-hidden="true"></i>
        </summary>
        <ul class="chassis-object-actions-dropdown__menu">
            {% for action in dropdown_actions %}
                <li>
                    <a
                        href="{{ action.url }}"
                        {% if action.opens_modal %}
                            data-chassis-modal-url="{{ action.url }}"
                            aria-haspopup="dialog"
                        {% endif %}
                        class="chassis-object-actions-dropdown__item chassis-object-actions-dropdown__item--{{ action.color }}"
                        {% if action.confirmation %}
                            onclick="return confirm('{{ action.confirmation|escapejs }}')"
                        {% endif %}
                    >
                        {% if action.icon_class %}
                            <i class="{{ action.icon_class }}" aria-hidden="true"></i>
                        {% endif %}
                        <span>{{ action.label }}</span>
                    </a>
                </li>
            {% endfor %}
        </ul>
    </details>
</li>