
<div class="g-tabs">
    <ul>
        <li class="active"><a href="#">{{ 'GANTRY5_PLATFORM_PRESETS'|trans }}</a></li>
        <li><a href="#">{{ 'GANTRY5_PLATFORM_OUTLINES'|trans }}</a></li>
    </ul>
</div>

<div class="g-panes">
    <div class="g-pane clearfix active">
        <div class="g-preserve-particles">
            <label>
                <input data-g-preserve="preset" type="checkbox" checked="checked" />
                {{ 'GANTRY5_PLATFORM_SWITCH_PRESET_DESC'|trans }}
            </label>
        </div>

        {% for name, group in presets %}
        <ul class="g-switch-presets{% if name == 'user' %} float-left{% else %} float-right{% endif %}">
            <li class="g-switch-title">{{ name == 'user' ? 'User' : 'Platform' }}</li>
            {% for key, current in group %}
            <li data-switch="{{ gantry.route('configurations/' ~ configuration ~ '/layout/preset/' ~ key) }}" class="g-switch-preset">{{ current|e }}</li>
            {% endfor %}
        </ul>
        {% endfor %}
    </div>

    <div class="g-pane clearfix">
        {% set user_conf = gantry.configurations.copy.user %}
        {% set system_conf = gantry.configurations.system %}

        <div class="g-preserve-particles">
            <label>
                <input data-g-preserve="outline" type="checkbox" checked="checked" />
                {{ 'GANTRY5_PLATFORM_SWITCH_OUTLINE_DESC'|trans }}
            </label>
        </div>
        <ul class="g-switch-conf-user{% if system_conf.count %} float-left{% endif %}">
            <li class="g-switch-title">User</li>
            {% for key,current in user_conf %}
                <li data-switch="{{ gantry.route('configurations/' ~ configuration ~ '/layout/switch/' ~ key) }}" class="g-switch-configuration">{{ current|replace('_', ' ')|trim|capitalize|e }}</li>
            {% endfor %}
        </ul>

        {% if system_conf.count %}
            <ul class="g-switch-conf-systems float-right">
                <li class="g-switch-title">System</li>
                {% for key,current in system_conf %}
                    <li data-switch="{{ gantry.route('configurations/' ~ configuration ~ '/layout/switch/' ~ key) }}" class="g-switch-configuration">{{ current|replace('_', ' ')|trim|capitalize|e }}</li>
                {% endfor %}
            </ul>
        {% endif %}
    </div>
</div>
