<div class="g-grid">
    <div class="g-block">
        <div class="g-content clearfix">
            <span class="theme-title"><i class="fa fa-tint"></i> {{ 'GANTRY5_PLATFORM_THEME'|trans }}: {{ gantry.theme.title|e }} <small>(v{{ gantry.theme.version }} / {{ gantry.theme.name|e }})</small></span>

            {% set settings_url = gantry.platform.settings %}
            {% set settings_key = gantry.platform.settings_key %}
            {#<div data-mode-toggle class="dev-mode-toggle">
                <input type="radio" value="dev" id="dev-mode-toggle" name="mode" checked>
                <label for="dev-mode-toggle">{{ 'GANTRY5_PLATFORM_DEV'|trans }}</label>
                <input type="radio" value="prod" id="prod-mode-toggle" name="mode">
                <label for="prod-mode-toggle">{{ 'GANTRY5_PLATFORM_PROD'|trans }}</label>
                <a></a>
            </div>#}
            <ul class="float-right">
                <li {{ (location == 'configurations') ? 'class="active"' }}>
                    <a data-g5-ajaxify data-g5-ajaxify-target="[data-g5-content]" href="{{ gantry.route('configurations')|e }}"><i class="fa fa-fw fa-th"></i> {{ 'GANTRY5_PLATFORM_OUTLINES'|trans }}</a>
                </li>
                <li {{ (location == 'menu') ? 'class="active"' }}>
                    <a data-g5-ajaxify data-g5-ajaxify-target="[data-g5-content]" href="{{ gantry.route('menu')|e }}"><i class="fa fa-fw fa-list"></i> <span>{{ 'GANTRY5_PLATFORM_MENU'|trans }}</span></a>
                </li>
                <li {{ (location == 'about') ? 'class="active"' }}>
                    <a data-g5-ajaxify data-g5-ajaxify-target="[data-g5-content]" href="{{ gantry.route('about')|e }}"><i class="fa fa-fw fa-question-circle"></i> <span>{{ 'GANTRY5_PLATFORM_ABOUT'|trans }}</span></a>
                </li>
                <li data-g-extras>
                    <a href="#"><i class="fa fa-fw fa-cog"></i> {{ 'GANTRY5_PLATFORM_EXTRAS'|trans }} <i class="small fa fa-fw fa-chevron-down"></i></a>
                    <ul data-popover-content class="hidden">
                        {% set prod_mode = 'GANTRY5_PLATFORM_PRODUCTION'|trans %}
                        {% set dev_mode = 'GANTRY5_PLATFORM_DEVELOPMENT'|trans %}
                        <li data-g-devprod="{{ {0: dev_mode, 1: prod_mode}|json_encode|e('html_attr') }}">
                            <i class="fa fa-fw fa-wrench"></i> <span class="devprod-mode">{{ gantry.global.production ? prod_mode : dev_mode }}</span>
                            <div class="float-right">
                                <span class="enabler">
                                <input type="hidden" name="production_mode" value="{{ gantry.global.production }}">
                                    <span class="toggle"><span class="knob"></span></span>
                                </span>
                            </div>
                        </li>
                        <li data-g-popover-follow>
                            <a href="{{ gantry.route('cache')|e }}" data-ajax-action data-ajax-action-method="get" data-ajax-action-indicator="li[data-g-extras]"><i class="fa fa-fw fa-recycle"></i> {{ 'GANTRY5_PLATFORM_CLEAR_CACHE'|trans }}</a>
                        </li>
                        {% if settings_url %}
                            <li>
                                <a href="{{ settings_url|e }}" data-settings-key="{{ settings_key|e }}"><i class="fa fa-fw fa-{{ gantry.platform.name }}"></i> {{ 'GANTRY5_PLATFORM_PLATFORM_SETTINGS'|trans }}</a>
                            </li>
                        {% endif %}
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</div>
