<!DOCTYPE html>
<html lang="nl">
    <head>
        {% if page_title is defined  %}
            <title>{{ page_title }}</title>
        {% endif %}

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="msapplication-tap-highlight" content="no">

        <link rel="stylesheet" href="//fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,400italic">

        {% block stylesheet %}
            {% stylesheets
                'bundles/visualmmanagement/less/bootstrap.less'
                'bundles/visualmmanagement/css/menu.css'
                'bundles/visualmmanagement/css/table.css'
                'bundles/visualmmanagement/css/tabs.css'
                'bundles/visualmmanagement/css/thumbs.css'
                'bundles/visualmmanagement/css/slidein.css'
                'bundles/visualmmanagement/css/media.css'
                'bundles/visualmmanagement/css/style.css'
            %}
                <link rel="stylesheet" href="{{ asset_url }}" />
            {% endstylesheets %}
        {% endblock stylesheet %}

        <script src="{{ asset('bundles/bazingajstranslation/js/translator.min.js') }}"></script>
        <script src="{{ path('bazinga_jstranslation_js', { domain : 'js' }) }}"></script>
        <script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
        <script src="{{ path('fos_js_routing_js', {"callback": "fos.Router.setData"}) }}"></script>

    </head>

    <body class="{{ body_class|default('') }}" lang="{{ app.request.locale }}">
        {% block body %}

            <div id="wrapper">
                <div id="side" class="side">
                    {% if block_count('logo') > 0 %}
                        {{ block_position('logo') }}
                    {% else %}
                        <a href="#" class="logo"></a>
                    {% endif %}

                    <div class="side-container">
                        <button class="menu-toggler hidden-md hidden-lg">
                            <span>-</span>
                            <span>-</span>
                            <span>-</span>
                        </button>

                        {{ render(controller('visual_m_management.controller.menu:renderAction')) }}
                        {{ render(controller('visual_m_management.controller.menu:renderAdminAction')) }}
                    </div>

                    <header class="header content-padding">
                        {{ block_position('titlebar') }}
                        <div class="actions form-actions-container">
                            {{ block_position('titlebar-actions') }}
                        </div>
                    </header>
                </div>

                <main id="main" class="main">
                    {{ block_position('top') }}
                    {{ block_position('main') }}
                    {{ block_position('footer') }}
                </main>
            </div>


            {% block javascript %}
                <script src="{{ asset('bundles/visualmmanagement/components/knockout/dist/knockout.js') }}"></script>

                <script src="{{ asset('bundles/visualmmanagement/components/jquery/dist/jquery.min.js') }}"></script>
                <script src="{{ asset('bundles/visualmmanagement/components/hammerjs/hammer.min.js') }}"></script>
                <script src="{{ asset('bundles/visualmmanagement/components/jquery-hammerjs/jquery.hammer.js') }}"></script>
                <script src="{{ asset('bundles/visualmmanagement/components/bootstrap/dist/js/bootstrap.min.js') }}"></script>
                <script src="{{ asset('bundles/visualmmanagement/components/bootstrap-dialog/dist/js/bootstrap-dialog.min.js') }}"></script>
                <script src="{{ asset('bundles/visualmmanagement/components/formtools/change-tracking.js') }}"></script>
                <script src="{{ asset('bundles/visualmmanagement/components/html5validator/jquery.html5validator.js') }}"></script>
                <script src="{{ asset('bundles/visualmmanagement/js/tweenlite.js') }}"></script>
                <script src="{{ asset('bundles/visualmmanagement/js/jquery.menu.js') }}"></script>
                <script src="{{ asset('bundles/visualmmanagement/js/jquery.selectall.js') }}"></script>
                <script src="{{ asset('bundles/visualmmanagement/js/jquery.table.js') }}"></script>
                <script src="{{ asset('bundles/visualmmanagement/js/validation.js') }}"></script>
                <script src="{{ asset('bundles/visualmmanagement/js/post-link.js') }}"></script>
                <script src="{{ asset('bundles/visualmmanagement/js/jquery.autogrow-textarea.js') }}"></script>
                <script src="{{ asset('bundles/visualmmanagement/js/script.js') }}"></script>
                {{ block_position('endbody') }}

                {{ render_javascript() }}
            {% endblock javascript %}


        {% endblock body %}
    </body>
</html>
