{% load i18n l10n cms_tags %}

{% with allow_children=plugin.get_plugin_class.allow_children disable_child_plugins=plugin.get_plugin_class.disable_child_plugins %}
<div class="cms-draggable cms-draggable-{{ plugin.pk|unlocalize }}
    {% if not allow_children %} cms-draggable-disabled{% endif %}
    {% if clipboard %} cms-draggable-from-clipboard{% endif %}">

    <div class="cms-dragitem cms-dragitem-handler
        {% if plugin.child_plugin_instances %} cms-dragitem-collapsable{% endif %}">
        {% if not disabled_child %}
            <div class="cms-submenu-btn cms-submenu-edit cms-btn" data-rel="edit">
                <span class="cms-hover-tooltip cms-hover-tooltip-left cms-hover-tooltip-delay" data-cms-tooltip="{% trans "Edit" %}"></span>
            </div>
            <div class="cms-submenu-btn cms-submenu-add cms-btn
                {% if not allow_children %} cms-btn-disabled{% endif %}">
                {% if not allow_children %}
                <span class="cms-hover-tooltip" data-cms-tooltip="{% trans "You cannot add plugins to this plugin." %}"></span>
                {% else %}
                <span class="cms-hover-tooltip cms-hover-tooltip-left cms-hover-tooltip-delay" data-cms-tooltip="{% trans "Add plugin" %}"></span>
                {% endif %}
            </div>
            <div class="cms-submenu cms-submenu-settings cms-submenu-btn cms-btn"></div>
        {% else %}
            <div class="cms-hover-tooltip cms-hover-tooltip-left cms-plugin-disabled" tabindex="-1"
                data-cms-tooltip="{% trans "This plugin cannot be moved or edited outside of its parent" %}">
                <span class="cms-icon cms-icon-lock"></span>
            </div>
        {% endif %}
        <div class="cms-submenu-dropdown cms-submenu-dropdown-settings">
            <div class="cms-dropdown-inner">
                <div class="cms-submenu-item"><a data-cms-icon="cut" data-rel="cut" href="#">{% trans "Cut" %}</a></div>
                <div class="cms-submenu-item"><a data-cms-icon="copy" data-rel="copy" href="#">{% trans "Copy" %}</a></div>
                <div class="cms-submenu-item">
                    <a data-cms-icon="paste" data-rel="paste" href="#">{% trans "Paste" %}</a>
                    <span class="cms-submenu-item-paste-tooltip cms-submenu-item-paste-tooltip-empty cms-hover-tooltip cms-hover-tooltip-left cms-hover-tooltip-delay" data-cms-tooltip="{% trans "Clipboard is empty." %}"></span>
                    <span class="cms-submenu-item-paste-tooltip cms-submenu-item-paste-tooltip-restricted cms-hover-tooltip cms-hover-tooltip-left cms-hover-tooltip-delay" data-cms-tooltip="{% trans "This plugin does not allow plugins of this type as nested plugins." %}"></span>
                    <span class="cms-submenu-item-paste-tooltip cms-submenu-item-paste-tooltip-disabled cms-hover-tooltip cms-hover-tooltip-left cms-hover-tooltip-delay" data-cms-tooltip="{% trans "This plugin cannot have nested plugins." %}"></span>
                </div>
                <div class="cms-submenu-item"><a data-cms-icon="bin" data-rel="delete" href="#">{% trans "Delete" %}</a></div>
                {% render_extra_menu_items plugin %}
            </div>
        </div>
        {% if not clipboard %}
            <div class="cms-plugin-picker" data-touch-action="pan-y">
                <div class="cms-quicksearch"><label><input type="text" placeholder="{% trans 'Filter plugins...' %}" /></label></div>
                {# plugin child classes here #}
            </div>
        {% endif %}

        <span class="cms-dragitem-text" title="{{ plugin.plugin_type }} ID: {{ plugin.pk|unlocalize }}"><strong>{{ plugin.get_plugin_name }}</strong> {{ plugin.get_short_description }}</span>
    </div>

    <div class="cms-collapsable-container cms-hidden
        {% if allow_children %} cms-draggables{% endif %}">
        {% if plugin.child_plugin_instances %}
            {% for child in plugin.child_plugin_instances %}
                {% include cms_toolbar.templates.drag_item_template with plugin=child disabled_child=disable_child_plugins %}
            {% endfor %}
        {% endif %}
    </div>
</div>
{% endwith %}
