{% extends "::base.html.twig" %}

{% block javascripts_head %}
    {{ parent() }}
    <script src="{{ asset('bundles/app/js/app.js') }}" type="text/javascript"></script>
{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    <link href="{{ asset('bundles/app/css/app.css') }}" rel="stylesheet" type="text/css" />
{% endblock %}

{% block header %}
    <nav class="navbar navbar-default" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="{% block layout_homepage %}{#{ path('homepage') }#}{% endblock %}"><img src="{% block layout_logo_src %}{{ asset('bundles/flcore/images/freelogic.png') }}{% endblock %}" title="{% block layout_logo_title %}Freelogic{% endblock %}" /></a>
            </div>
            {% if is_granted('IS_AUTHENTICATED_FULLY') %}
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    {% block layout_nav_bar %}
                    <ul class="navbar-nav nav">
                        {% block layout_nav_bar_ul %}
                            {% for item in flmenu.items(app.user) %}
                            <li class="dropdown">
                                <a {% if item.route is not empty %} href="{{ path(item.route) }}" {% else %} href="#" class="dropdown-toggle" data-toggle="dropdown"{% endif %}>{{ item.nombre }}{{ item.hijos is not empty ? '<span class="caret"></span>' }}</a>
                                {% if item.hijos is not empty %}
                                <ul class="dropdown-menu" role="menu">
                                {% for hijo in item.hijos %}
                                    <li><a href="{{ hijo.route is not empty ? path(hijo.route) : '#' }}">{{ hijo.nombre }}</a></li>
                                {% endfor %}
                                </ul>
                                {% endif %}
                            </li>
                            {% endfor %}
                        {% endblock %}
                    </ul>
                    {% endblock %}

                    <div class="navbar-right">
                        {% if is_granted('ROLE_USER') %}
                        <form class="navbar-form navbar-left" role="search" method="get" action="{% block layout_search_action %}{#{ path('') }#}{% endblock %}">
                            <div class="input-group">
                                <input type="text" name="search" class="search-query span2 form-control" placeholder="Buscar..." title="Ingrese 'DNI', 'Apellido' o 'Nombre' que desea buscar." value="{{ filter.search is defined and filter.search != '' ? filter.search : null }}"/>
                                <span class="input-group-btn">
                                    <button type="submit" class="btn btn-default">
                                        <span class="glyphicon glyphicon-search"></span>
                                    </button>
                                </span>
                            </div>
                        </form>
                        {% endif %}

                        <ul class="nav navbar-nav navbar-right">
                            <li class="dropdown">
                                {% if config.use_sedes %}
                                    {% set sede_activa = (app.user.sedeActiva)?' ['~app.user.sedeActiva.abreviatura~']' : '' %}
                                    {% set username = app.user.username is defined ? app.user.username~sede_activa %}
                                {% else %}
                                    {% set username = app.user.username is defined ? app.user.username:"" %}
                                {% endif %}
                                <button class="navbar-btn btn btn-default dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-user"></span> {{ username }} <span class="caret"></span></button>
                                <ul class="dropdown-menu" role="menu">
                                    {% if config.use_sedes and app.user.tieneMultiplesSedes %}
                                        <li><a href="{{ app.user.username is defined ? path('security_change_sede') }}"><span class="glyphicon glyphicon-home"></span> Cambiar Sede</a></li>
                                    {% endif %}
                                    <li><a href="{{ app.user.username is defined ? path('security_change_password') }}"><span class="glyphicon glyphicon-wrench"></span> Cambiar Contraseña</a></li>
                                    <li class="divider"></li>
                                    <li><a href="{{ path('security_logout') }}"><span class="glyphicon glyphicon-log-out"></span> Salir</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            {% else %}
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    {% block layout_nav_bar_not_auth %}
                    <ul class="navbar-nav nav">
                        {% block layout_nav_bar_ul_not_auth %}{% endblock %}
                    </ul>
                    {% endblock %}
                </div>
            {% endif %}
        </div>
    </nav>

    {% block header_title %}
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h1>{{ block('title') }}</h1>
            </div>
        </div>
    </div>
    {% endblock %}

{% endblock %}

{% block javascripts %}
{% endblock %}