<div data-mm-particle-stepone="{{ gantry.route('menu/particle') }}" class="menu-editor-extras">
    <div class="card settings-block">
        <h4>
            {{ 'GANTRY5_PLATFORM_PICK_PARTICLE'|trans }}
        </h4>
        <div class="inner-params">
            <div class="g5-lm-particles-picker menu-editor-particles">
                <div class="search">
                    <input type="text" placeholder="{{ 'GANTRY5_PLATFORM_SEARCH_ELI'|trans }}" />
                    <i class="fa fa-search"></i>
                </div>
                <ul>
                    {% for key, list in particles %}
                        {{ key|capitalize|e }}
                        <ul>
                            {% for type, particle in list %}
                                {% for item_key, item in particle %}
                                    <li class="g5-lm-particle-{{ type|e }}"
                                        data-lm-nodrag
                                        data-mm-type="particle"
                                        data-lm-blocktype="{{ type|e }}"
                                        data-mm-filter="{{ item|e }}"
                                        data-lm-subtype="{{ item_key|e }}">
                                        {{ item|e }}
                                    </li>
                                {%  endfor %}
                            {% endfor %}
                        </ul>
                    {% endfor %}
                </ul>
            </div>
        </div>
    </div>
    <div class="g-modal-actions">
        {#<a class="button float-left">{{ 'GANTRY5_PLATFORM_DEFAULTS'|trans }}</a>#}
        <button class="button button-primary" type="submit" data-mm-select disabled>{{ 'GANTRY5_PLATFORM_SELECT'|trans }} <i class="fa fa-fw fa-chevron-right"></i></button>
        <a class="button g5-dialog-close">{{ 'GANTRY5_PLATFORM_CANCEL'|trans }}</a>
    </div>
</div>
