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

{% block main %}
    <div class="row">
        <div class="col-xs-12">
            <div class="x_panel">
                <div class="x_title">
                    <h2>
                        {% block main_title %}
                            {{ titulo }}. <small>Informe</small>
                        {% endblock main_title %}
                    </h2>
                    <div class="clearfix"></div>
                </div>
                <div class="x_content">
                    {% for label, messages in app.flashes() %}
                        {% for message in messages %}
                            <div class="alert alert-{{ label }}">
                                {% autoescape false %}{{ message }}{% endautoescape %}
                            </div>
                        {% endfor %}
                    {% endfor %}
                    {% block filter_form %}
                        {{ form_start(form, { attr: { class: 'filter-form' }}) }}
                            {% block filter_form_fields %}
                                <div class="row">
                                    <div class="col-md-6">{{ form_row(form.proyecto) }}</div>
                                    <div class="col-md-6">{{ form_row(form.tecnico) }}</div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6">{{ form_row(form.periodoFechas.desde) }}</div>
                                    <div class="col-md-6">{{ form_row(form.periodoFechas.hasta) }}</div>
                                </div>
                                <div class="row">
                                    <div class="col-md-6" id="comunidad_o_provincia">{{ form_row(form.comunidadProvincia) }}</div>
                                    <div class="col-md-6" id="comunidad"{% if form.vars['submitted'] and form.comunidadProvincia.vars['value'] != 'comunidad' %} style="display: none;"{% endif %}>{{ form_row(form.comunidad) }}</div>
                                    <div class="col-md-6" id="provincia"{% if form.comunidadProvincia.vars['value'] != 'provincia' %} style="display: none;"{% endif %}>{{ form_row(form.provincia) }}</div>
                                </div>
                            {% endblock filter_form_fields %}
                            <button class="btn btn-sm btn-success" type="submit">Filtrar</button>
                            <a class="btn btn-sm btn-default" href="{{ path(app.request.attributes.get('_route')) }}">Reestablecer</a>
                        {{ form_end(form) }}
                        {% if form.comunidadProvincia is defined %}
                            <script>
                                function comunidad_o_provincia()
                                {
                                    $('#comunidad').hide();
                                    $('#provincia').hide();

                                    $('#'+$('#comunidad_o_provincia select option:selected').val()).show();
                                }

                                $( function () {
                                    comunidad_o_provincia();

                                    $('#comunidad_o_provincia select').on('change', comunidad_o_provincia);
                                });
                            </script>
                        {% endif %}
                        <hr>
                    {% endblock filter_form %}
                    {% block main_content %}{% endblock main_content %}
                </div>
            </div>
        </div>
    </div>
{% endblock main %}