{% load powercrud_partials %}
<div class='join pc-row-actions pc-row-actions-desktop'
     data-powercrud-row-actions-responsive='desktop'>
    {% if not row_actions.show_all_dropdown %}
        {% for action in row_actions.standard_actions %}
            <a href='{{ action.href }}'
               class='{{ action.class_name }} btn-square pc-row-action-icon-button'
               data-powercrud-row-action-kind='standard'
               {% if action.is_destructive %}data-powercrud-row-action-destructive='true'{% endif %}
               {% if action.label_html %}aria-label='{{ action.text }}'{% endif %}
               {% if action.tooltip_text %}data-tippy-content='{{ action.tooltip_text }}' data-powercrud-tooltip='semantic'{% endif %}
               {% if action.style %}style='{{ action.style }}'{% endif %}
               {% if action.use_htmx %}{% if action.hx_post %}hx-post='{{ action.href }}'{% else %}hx-get='{{ action.href }}'{% endif %}{% if action.target %} hx-target='{{ action.target }}'{% endif %}{% if action.use_history %} hx-replace-url='true' hx-push-url='true'{% endif %}{% endif %}
               {% if action.modal_attrs %}{{ action.modal_attrs|safe }}{% endif %}
               {% if action.modal_box_classes %}data-powercrud-modal-box-classes='{{ action.modal_box_classes }}'{% endif %}
               {% if action.modal_presentation_attrs %}{{ action.modal_presentation_attrs|safe }}{% endif %}
               {% if action.refresh_list_on_modal_close %}data-powercrud-refresh-list-on-modal-close='true'{% endif %}
               {% if action.disable %}aria-disabled='true'{% endif %}
               data-inline-action='{{ action.inline_action }}'>{{ action.label_html|safe }}</a>
        {% endfor %}
    {% endif %}

    {% if row_actions.show_dropdown %}
        {% with rendered_dropdown_actions=row_actions.dropdown_actions rendered_dropdown_scope=row_actions.dropdown_scope trigger_label=row_actions.dropdown_trigger_label %}
            {% partial dropdown_control %}
        {% endwith %}
    {% else %}
        {% for action in row_actions.extra_actions %}
            <a href='{{ action.href }}'
               class='{{ action.class_name }}'
               {% if action.tooltip_text %}data-tippy-content='{{ action.tooltip_text }}' data-powercrud-tooltip='semantic'{% endif %}
               {% if action.style %}style='{{ action.style }}'{% endif %}
               {% if action.use_htmx %}{% if action.hx_post %}hx-post='{{ action.href }}'{% else %}hx-get='{{ action.href }}'{% endif %}{% if action.target %} hx-target='{{ action.target }}'{% endif %}{% if action.use_history %} hx-replace-url='true' hx-push-url='true'{% endif %}{% endif %}
               {% if action.modal_attrs %}{{ action.modal_attrs|safe }}{% endif %}
               {% if action.modal_box_classes %}data-powercrud-modal-box-classes='{{ action.modal_box_classes }}'{% endif %}
               {% if action.modal_presentation_attrs %}{{ action.modal_presentation_attrs|safe }}{% endif %}
               {% if action.refresh_list_on_modal_close %}data-powercrud-refresh-list-on-modal-close='true'{% endif %}
               {% if action.disable %}aria-disabled='true'{% endif %}
               data-inline-action='{{ action.inline_action }}'>{{ action.text }}</a>
        {% endfor %}
    {% endif %}
</div>

{% if row_actions.show_responsive_dropdown %}
    <div class='join pc-row-actions pc-row-actions-mobile'
         data-powercrud-row-actions-responsive='mobile'>
        {% with rendered_dropdown_actions=row_actions.responsive_dropdown_actions rendered_dropdown_scope='all' trigger_label='Actions' %}
            {% partial dropdown_control %}
        {% endwith %}
    </div>
{% endif %}

{% partialdef dropdown_control %}
<div class='relative'
     data-powercrud-row-actions-dropdown='true'
     data-powercrud-row-actions-scope='{{ rendered_dropdown_scope }}'>
    <button type='button'
            class='{{ row_actions.dropdown_trigger_class }} btn-square pc-row-actions-trigger'
            aria-label='{{ trigger_label }}'
            aria-expanded='false'
            data-tippy-content='{{ trigger_label }}'
            data-powercrud-tooltip='semantic'
            data-inline-action='more'
            data-powercrud-row-actions-trigger='true'
            {% if row_actions.row_action_states_url %}data-powercrud-row-action-states-url='{{ row_actions.row_action_states_url }}'{% endif %}>
        <svg xmlns='http://www.w3.org/2000/svg'
             viewBox='0 0 24 24'
             fill='currentColor'
             class='h-4 w-4'
             aria-hidden='true'>
            <circle cx='12' cy='5' r='1.75'></circle>
            <circle cx='12' cy='12' r='1.75'></circle>
            <circle cx='12' cy='19' r='1.75'></circle>
        </svg>
    </button>
    <div hidden data-powercrud-row-actions-template='true'>
        <ul tabindex='0'
            role='menu'
            class='menu bg-base-100 rounded-box z-[1200] min-w-40 p-2 shadow border border-base-300 pc-row-actions-panel'
            data-powercrud-row-actions-panel='true'
            data-powercrud-row-actions-scope='{{ rendered_dropdown_scope }}'>
            {% for action in rendered_dropdown_actions %}
                {% partial dropdown_action %}
            {% endfor %}
        </ul>
    </div>
</div>
{% endpartialdef dropdown_control %}

{% partialdef dropdown_action %}
<li data-powercrud-row-action-kind='{{ action.kind }}'{% if action.is_destructive %} data-powercrud-row-action-destructive='true'{% endif %}>
    <a href='{{ action.href }}'
       class='pc-row-action-menu-item w-full justify-start whitespace-nowrap{% if action.disable %} menu-disabled{% endif %}'
       {% if action.tooltip_text %}data-tippy-content='{{ action.tooltip_text }}' data-powercrud-tooltip='semantic'{% endif %}
       {% if action.style %}style='{{ action.style }}'{% endif %}
       {% if action.use_htmx %}{% if action.hx_post %}hx-post='{{ action.href }}'{% else %}hx-get='{{ action.href }}'{% endif %}{% if action.target %} hx-target='{{ action.target }}'{% endif %}{% if action.use_history %} hx-replace-url='true' hx-push-url='true'{% endif %}{% endif %}
       {% if action.modal_attrs %}{{ action.modal_attrs|safe }}{% endif %}
       {% if action.modal_box_classes %}data-powercrud-modal-box-classes='{{ action.modal_box_classes }}'{% endif %}
       {% if action.modal_presentation_attrs %}{{ action.modal_presentation_attrs|safe }}{% endif %}
       {% if action.refresh_list_on_modal_close %}data-powercrud-refresh-list-on-modal-close='true'{% endif %}
       {% if action.disable %}aria-disabled='true'{% endif %}
       {% if action.lazy_row_action_state %}data-powercrud-row-action-state-mode='lazy' data-powercrud-row-action-index='{{ action.action_index }}'{% if action.lazy_hidden_if %} data-powercrud-row-action-hidden-mode='lazy'{% endif %}{% endif %}
       data-inline-action='{{ action.inline_action }}'>{% if rendered_dropdown_scope == 'all' %}<span class='pc-row-action-menu-icon' aria-hidden='true'>{% if action.label_html %}{{ action.label_html|safe }}{% endif %}</span>{% endif %}<span>{{ action.text }}</span></a>
</li>
{% endpartialdef dropdown_action %}