<!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/style.css'
            %}
                <link rel="stylesheet" href="{{ asset_url }}" />
            {% endstylesheets %}
        {% endblock stylesheet %}

    </head>

    <body class="bg-natural" lang="{{ app.request.locale }}">

        {% block body %}

            <div class="bg-green">

                <div class="spacer spacer"></div>

                <div class="text-center">
                    <span class="login-logo"></span>
                </div>

                <div class="spacer"></div>

                <div class="login-panel content-padding bg-white">

                    <h1>
                        {{ 'login.title'|trans({ 
                            '%application_name%' : application_name|default('login.default_application_name'|trans({}, 'backend'))
                        }, 'backend') }}
                    </h1>
                    <hr />

                    {% block fos_user_content %}
                    {% endblock %}

                </div>

                <div class="spacer spacer-large"></div>

            </div>

            <div class="spacer spacer-large"></div>

            {{ render(controller('visual_m_management.controller.social:newsFeedAction')) }}

            {% block javascript %}
                <script src="{{ asset('bundles/bazingajstranslation/js/translator.min.js') }}"></script>
                <script src="{{ path('bazinga_jstranslation_js', { domain : 'js' }) }}"></script>
                <script src="{{ asset('bundles/visualmmanagement/components/jquery/dist/jquery.min.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/validation.js') }}"></script>
            {% endblock javascript %}

        {% endblock body %}

    </body>
</html>