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

{% macro tabla_informe(encabezados, informe_partes) %}
    <table class="table table-striped DataTable4">
        <thead>
            <tr>
                {% for titulo in encabezados %}
                    <th>{{ titulo }}</th>
                {% endfor %}
            </tr>
        </thead>
        <tbody>
            {{ informe_partes|raw }}
        </tbody>
    </table>
{% endmacro tabla_informe %}

{% block main %}
    <div class="row">
        <div class="col-md-12">
            <div class="x_panel">
                <div class="x_title">
                    <h2>{% block informe_titulo %}{% endblock %}</h2>
                    <div class="clearfix"></div>
                </div>

                <div class="x_content">
                    <div class="row">
                        {% 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 %}
                                <div class="form-actions">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <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>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="pull-right">
                                                <div class="pull-right">
                                                    {% if not proyecto is null %}
                                                        {% block exportar %}{% endblock %}
                                                    {% endif %}
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            {{ 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 %}
                        {% endblock filter_form %}
                    </div>
                    <hr>
                    {% block informe %}{% endblock %}
                </div>
            </div>
        </div>
    </div>
{% endblock main %}