{% extends "propesqBundle::" ~ layout ~ ".html.twig" %}

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

{% block content %}
<div id="form-container">
    <div class="title">
        <h2><a>{{ nome }}</a></h2>
    </div>

    <form id="filtros" class="form-horizontal" action="{{ path('resumomensal_gerar') }}" method="post">
        <fieldset style="float: left; margin: 10px;">
            <legend>Filtros</legend>

            {% import "propesqBundle:Relatorio:filtros_templates.html.twig" as form %}
            {{ form.inputPeriodo(dataInicial, dataFinal) }}

            <div class="div-actions" style="margin-top: 15px;">
                <button type="submit" class="btn btn-primary">
                    <i class="icon-download-alt icon-white"></i> Gerar e Baixar XLSX
                </button>
            </div>
        </fieldset>
    </form>
</div>

<script>
$(document).ready(function(){
    var form = document.getElementById('filtros');
    form.addEventListener('submit', function(e){
        var di = document.getElementById('dataInicial').value;
        var df = document.getElementById('dataFinal').value;
        if(!di || !df){
            e.preventDefault();
            alert('Preencha as datas inicial e final.');
        }
    });
});
</script>
{% endblock %}