{# Available variables:

module.[id | title | position | enabled | access]
#}
<div data-mm-particle-stepone="{{ gantry.route('menu/particle') }}" class="menu-editor-extras">
    <div class="card settings-block">
        <h4>
            {{ 'GANTRY5_PLATFORM_PICK_MODULE'|trans }}
        </h4>
        <div class="inner-params">
            <div class="g5-mm-modules-picker menu-editor-modules">
                <div class="search settings-block">
                    <input type="text" placeholder="{{ 'GANTRY5_PLATFORM_SEARCH_ELI'|trans }}" />
                    <i class="fa fa-search"></i>
                </div>
                <div class="modules-wrapper">
                    <ul>
                        {% for module in gantry.platform.listModules %}
                        <li data-mm-module="{{ module.id }}" data-mm-type="module">
                            <span class="module-infos">
                                <span data-title="{{ (module.enabled ? 'GANTRY5_PLATFORM_PUBLISHED'|trans : 'GANTRY5_PLATFORM_UNPUBLISHED'|trans) ~ ' / ' ~ module.access }}"
                                      data-tip="{{ (module.enabled ? 'GANTRY5_PLATFORM_PUBLISHED'|trans : 'GANTRY5_PLATFORM_UNPUBLISHED'|trans) ~ ' / ' ~ module.access }}"
                                      data-tip-place="top-left"
                                >
                                    <i class="fa fa-fw fa-{{ module.enabled ? 'toggle-on' : 'toggle-off' }}"></i>
                                </span>
                            </span>
                            <span class="module-wrapper">
                                <span class="title" data-mm-title="{{ module.title }}" data-mm-filter="{{ module.title }}">
                                    {{ module.title }}
                                </span>
                                <span class="sub-title font-small">
                                    <strong>{{ 'GANTRY5_PLATFORM_ID_UPPER'|trans }}</strong>: {{ module.id|default('unknown') }}
                                </span>
                                <span class="sub-title font-small" data-mm-filter="{{ module.module|default('none') }}">
                                    <strong>{{ 'GANTRY5_PLATFORM_TYPE'|trans }}</strong>: {{ module.module|default('none') }}
                                </span>
                                <span class="sub-title font-small">
                                    <strong>{{ 'GANTRY5_PLATFORM_POSITION'|trans }}</strong>: {{ module.position|default('none') }}
                                </span>
                            </span>
                        </li>
                        {% endfor %}
                    </ul>
                </div>
            </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 }}</button>
        <button class="button g5-dialog-close">{{ 'GANTRY5_PLATFORM_CANCEL'|trans }}</button>
    </div>
</div>
