{% extends '::base.html.twig' %}
{% block title %}Login{% endblock %}
{% block body_class %}login-layout blur-login{% endblock %}
{% block layout %}
    <div class="main-container">
    <div class="main-content">
    <div class="row">
    <div class="col-sm-10 col-sm-offset-1">
    <div class="login-container">
        {% block content %}
        {% endblock %}
    </div>
    </div><!-- /.col -->
    </div><!-- /.row -->
    </div><!-- /.main-content -->
    </div><!-- /.main-container -->

    <!-- inline scripts related to this page -->
    {% block page_inline_scripts %}
        <script type="text/javascript">
            jQuery(function($) {
                $(document).on('click', '.toolbar a[data-target]', function(e) {
                    e.preventDefault();
                    var target = $(this).data('target');
                    $('.widget-box.visible').removeClass('visible');//hide others
                    $(target).addClass('visible');//show target
                });
            });
        </script>
    {% endblock %}
{% endblock %}