{% extends '@KunstmaanAdmin/Default/layout.html.twig' %}

{% set switchedHost = get_switched_host() %}

{% block body %}
    <header role="banner">
        <!-- App Header -->
        <nav role="navigation" class="navbar navbar-inverse navbar-fixed-top">
            <div class="container-fluid">

                <!-- Header -->
                <div class="navbar-header">

                    <!--Header - Toggle -->
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#main-nav-bar">
                        <span class="sr-only">Toggle</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>

                <!-- Navigation -->
                <div class="collapse navbar-collapse" id="main-nav-bar">

                    <!-- Navigation - Left -->
                    <ul class="nav navbar-nav">
                        {% if mediaChooserLink is defined and mediaChooserLink %}
                            <li class="active">
                                <a href="javascript:void(0)">
                                    Pages
                                </a>
                            </li>
                            <li>
                                <a href="{{ mediaChooserLink }}">
                                    Media
                                </a>
                            </li>
                        {% endif %}
                    </ul>

                    <!-- Navigation - Right -->
                    <ul class="nav navbar-nav navbar-right">
                        {% set route = app.request.attributes.get('_route') %}
                        {{ localeswitcher_widget(get_backend_locales(is_multidomain_site() ? switchedHost.host), route) }}

                        {% if is_multidomain_site() %}
                            {{ multidomain_widget(route) }}
                        {% endif %}
                    </ul>
                </div>
            </div>
        </nav>
    </header>


    <!-- Main Content -->
    <main role="main" id="app__main" class="container-fluid app__main url-chooser">

        <!-- Modal Sidebar -->
        <aside id="app__sidebar" class="url-chooser__tree">
            <!-- Tree Search -->
            <div class="form-group app_urlchooser__search">
                <div class="input-group">
                    <span class="input-group-addon">
                        <i class="fa fa-search"></i>
                    </span>
                    <input type="text" placeholder="{{ 'Search' | trans }}" id="app__urlchooser__search"
                           class="form-control">
                </div>
                <hr>
            </div>

            <nav role="navigation" id="app__urlchooser__navigation"
                    class="app__urlchooser__module app__urlchooser__navigation"
                    data-replace-url="{{ path("KunstmaanNodeBundle_urlchooser_replace") }}"
                    data-reorder-url="{{ path('KunstmaanNodeBundle_nodes_reorder') }}"
                    data-src="{{  path('KunstmaanNodeBundle_nodes_lazy') }}">
            </nav>
        </aside>


        <!-- Content -->
        <div class="url-chooser__link-select">
            <p id="url-chooser__selection-preview">
                Selection: empty
            </p>
            <button type="button" id="save-url-chooser-modal" class="btn btn-primary btn--raise-on-hover"
                    data-cke="{% if cke %}true{% else %}false{% endif %}">
                Ok
            </button>
            <button type="button" id="cancel-url-chooser-modal" class="btn btn-default btn--raise-on-hover"
                    data-cke="{% if cke %}true{% else %}false{% endif %}">
                Cancel
            </button>
        </div>

    </main>
{% endblock %}