{capture assign="_component_mass_actions"}
{literal}
    <div class="vue-component-mass-actions">
        <component-mass-actions-footer
            v-if="type === 'footer'"
            v-bind:actions="actions"
            v-bind:products="products"
            v-on:call_action="callAction"></component-mass-actions-footer>
        <component-mass-actions-aside
            v-else
            v-bind:actions="actions"
            v-bind:products="products"
            v-on:call_action="callAction"></component-mass-actions-aside>
    </div>
{/literal}
{/capture}
{$_components["component-mass-actions"] = $_component_mass_actions|strip}

{capture assign="_component_mass_actions_aside"}
{literal}
    <div class="vue-mass-actions-aside">
        <div class="s-section-header">
            <div class="flexbox full-width space-16">
                <div class="s-title-wrapper">
                    <div class="flexbox space-12 nowrap">
                        <div class="s-checkbox-wrapper" v-on:click.prevent="close">
                            <component-checkbox v-bind:model-value="true"></component-checkbox>
                        </div>
                        <div class="s-counter-wrapper">
                            <span class="s-label">[`Selected`]</span>
                            <span class="s-count" v-text="products_length"></span>
                        </div>
                    </div>
                </div>
                <div class="s-actions">
                    <span class="s-action cursor-pointer" v-on:click.prevent="close">
                        <span class="s-icon icon size-16"><i class="fas fa-times"></i></span>
                    </span>
                </div>
            </div>
        </div>
        <div class="s-section-body">
            <div class="s-actions-list js-actions-list">
                <template v-for="group in actions">
                    <section v-if="group.actions.length" class="s-group-wrapper">
                        <h1 class="s-group-heading heading" v-text="group.name"></h1>
                        <ul class="menu custom-mt-0">
                            <template v-for="action in group.actions">
                                <li class="s-action-wrapper">
                                    <a class="s-action" v-on:click.prevent="callAction(action)">
                                        <span class="icon" v-if="action.states.is_locked" v-bind:key="'fa-spinner'"><i class="fas fa-spinner fa-spin"></i></span>
                                        <span :class="['icon', `icon-${action.id}`]" v-else-if="action.icon" v-html="action.icon"></span>
                                        <span v-text="action.name"></span>
                                        <span v-if="action.premium_is_required" class="count"><i class="fas fa-star text-yellow"></i></span>
                                    </a>
                                </li>
                            </template>
                        </ul>
                    </section>
                </template>
            </div>
        </div>
    </div>
{/literal}
{/capture}
{$_components["component-mass-actions-aside"] = $_component_mass_actions_aside|strip}

{capture assign="_component_mass_actions_footer"}
{literal}
    <div class="vue-mass-actions-footer">
        <div class="s-section-body">
            <div class="flexbox space-16 nowrap">
                <div class="s-checkbox-wrapper" v-on:click.prevent="close">
                    <component-checkbox v-bind:model-value="true"></component-checkbox>
                </div>
                <div class="s-counter-wrapper">
                    <span class="s-label">[`Selected`]</span>
                    <span class="s-count" v-text="products_length"></span>
                </div>
                <div class="s-actions-list js-actions-list flexbox space-12" style="display: none;">
                    <template v-for="action in pinned_actions">
                        <div class="s-action bold link"
                             v-if="action.states.visible"
                             v-bind:key="action.id"
                             v-on:click.prevent="callAction(action)">
                            <span class="s-icon icon shift-inherit" v-if="action.states.is_locked" v-bind:key="'fa-spinner'"><i class="fas fa-spinner fa-spin"></i></span>
                            <span class="s-icon icon shift-inherit" v-else-if="action.icon" v-html="action.icon"></span>
                            <span class="s-name" v-text="action.name"></span>
                        </div>
                    </template>
                </div>

                <div class="s-more-actions">
                    <div class="dropdown">
                        <div class="dropdown-toggle bold link cursor-pointer">
                            <span class="s-icon"><i class="fas fa-ellipsis-h"></i></span>
                            <span class="s-name">[`All actions`]</span>
                        </div>
                        <div class="dropdown-body">
                            <template v-for="group in dropdown_actions">
                                <div class="dropdown-group" v-if="group.actions.length">
                                    <div class="s-group-name" v-text="group.name"></div>
                                    <template v-for="action in group.actions">
                                        <div class="dropdown-item" v-on:click.prevent="callAction(action)">
                                            <span class="s-icon icon shift-inherit" v-if="action.states.is_locked" v-bind:key="'fa-spinner'"><i class="fas fa-spinner fa-spin"></i></span>
                                            <span class="s-icon icon shift-inherit" v-else-if="action.icon" v-html="action.icon"></span>
                                            <span class="s-name" v-text="action.name"></span>
                                        </div>
                                    </template>
                                </div>
                            </template>

                            <div class="dropdown-item s-lock-actions cursor-pointer" v-on:click.prevent="pin">
                                <span class="s-name link">[`Pin the toolbar`]</span>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="s-action-close cursor-pointer"
                     v-on:click.prevent="close">
                    <span class="s-icon icon size-16"><i class="fas fa-times"></i></span>
                </div>
            </div>
        </div>
    </div>
{/literal}
{/capture}
{$_components["component-mass-actions-footer"] = $_component_mass_actions_footer|strip}

{capture assign="_dialog_mass_actions_apply"}{include file="../../dialogs/list.mass_actions.call_action.html" inline}{/capture}
{$_templates["dialog-category-clone"] = $_dialog_mass_actions_apply|strip}