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

{% block javascripts %}
    {{ parent() }}

    {% block javascript_ng_config %}
        <script>
            var symfony = {
                rest_url: "{{ rest_url }}",
                item_defaults: {{ item | serialize('json') | raw }},
                sorting: {{ sorting | serialize('json') | raw }},
                itemsPerPage: {{ itemsPerPage is defined ? itemsPerPage : 10 }}
            };
        </script>
    {% endblock %}

    {% block javascript_ng %}
        {% javascripts
            'components/angularjs/angular.js'
            'components/angularjs/angular-route.js'
            'components/angularjs/angular-resource.js'
            'components/angularjs/angular-sanitize.js'
            'components/angularjs/i18n/angular-locale_es.js'
            'components/angular-ui-bootstrap/ui-bootstrap-tpls.js'
            'components/moment/moment.js'
            'components/moment/lang/es.js'
            'components/angular-bootstrap-datetimepicker/src/js/datetimepicker.js'
            'components/checklist-model/checklist-model.js'
        %}
            <script src="{{ asset_url }}"></script>
        {% endjavascripts %}
    {% endblock %}

    {% block javascript_ng_app %}
        {% javascripts
            'bundles/iavansisangularadmin/js/app.js'
            'bundles/iavansisangularadmin/js/config-busy-indicator.js'
            'bundles/iavansisangularadmin/js/config-routing.js'
            'bundles/iavansisangularadmin/js/service-resource.js'
            'bundles/iavansisangularadmin/js/service-item.js'
            'bundles/iavansisangularadmin/js/service-alert.js'
            'bundles/iavansisangularadmin/js/controller-grid.js'
            'bundles/iavansisangularadmin/js/controller-modal.js'
            'bundles/iavansisangularadmin/js/filter-paginate.js'
            'bundles/iavansisangularadmin/js/filter-range.js'
            'bundles/iavansisangularadmin/js/filter-format-text.js'
            'bundles/iavansisangularadmin/js/filter-query-string.js'
            'bundles/iavansisangularadmin/js/directive-busy-indicator.js'
        %}
            <script src="{{ asset_url }}"></script>
        {% endjavascripts %}
    {% endblock %}

{% endblock %}

{% block stylesheets %}
    {{ parent() }}
    {% stylesheets 'components/angular-bootstrap-datetimepicker/src/css/datetimepicker.css' %}
        <link rel="stylesheet" href="{{ asset_url }}">
    {% endstylesheets %}
{% endblock %}

{% block oldbrowser %}
    <!--[if lte IE 8]>
    <div class="container">
        <div class="alert alert-danger alert-oldbrowser">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            Está utilizando un navegador <strong>desactualizado</strong>. Por favor, <a href="http://whatbrowser.org/" class="alert-link" target="_blank">actualice su navegador</a> para utilizar la aplicación.
        </div>
    </div>
    <![endif]-->
{% endblock oldbrowser %}

{% block body %}
    <div class="container">

        {% block header %}
            <div class="page-header">
                <h2>{% block header_title %}Título{% endblock %}</h2>
            </div>
        {% endblock header %}

        {% block ng_app %}
            <div ng-app="myApp" id="ng-app">
                {% block ng_alerts %}
                    <div class="alert-container">
                        <div class="container">
                            {% verbatim %}
                                <alert ng-repeat="alert in alerts | orderBy:'date':true" type="{{alert.type}}" close="closeAlert($index)">
                                    {{ alert.msg }}
                                    <span class="pull-right"><strong>{{ alert.date | date:'HH:mm:ss'}}</strong></span>
                                </alert>
                            {% endverbatim %}
                        </div>
                    </div>
                {% endblock ng_alerts %}

                {% block ng_busy %}
                    <div busy-indicator class="busy-indicator"></div>
                {% endblock ng_busy %}

                {% block ng_templates %}
                    <script type="text/ng-template" id="ng-template-grid.html">
                        {% block ng_template_grid %}{% endblock ng_template_grid %}
                    </script>
                    <script type="text/ng-template" id="ng-template-form.html">
                        {% block ng_template_form %}{% endblock ng_template_form %}
                    </script>
                {% endblock ng_templates %}

                <div ng-view></div>

            </div>
        {% endblock ng_app %}

        {% block footer %}{% endblock %}

    </div>
{% endblock %}