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

{% block stylesheets %}

{% endblock %}

{% block content %}
    <div class="panel panel-primary" style="margin-top: 15px">
        <div class="panel-heading">
            <h3 class="panel-title">{% if relatorio == 30 %}Relatórios Públicos{% else %}{{ 'Relatório de ' ~ nome }}{% endif %}</h3>
        </div>
        <div class="panel-body">
            {% if emptyTable %}
                <div id="formError" class="alert alert-warning">
                    No momento, o processo de geração dos dados do Relatório Público ainda está em andamento. Por favor,
                    retorne mais tarde.
                </div>
            {% endif %}
            <form id="filtros" role="form" class="form-horizontal" action="" method="post">
                <fieldset style="float: left; margin: 10px;">
                    <legend>Filtros</legend>
                    <div class="container" style="max-width: 100%">
{% block filtros %}
                        {% import  "propesqBundle:Relatorio:filtros_templates_publico.html.twig" as form %}

                        {% include "propesqBundle:Relatorio:" ~ relatorio ~ ".filtro.publico.html.twig" %}
{% endblock %}
                        {% if isPublico == true %}
                            <div class="row" style="margin-top: 20px;">
                                <div class="col-md-12">
                                    <label>{{ pagina.conteudo |raw  }}</label>
                                </div>
                            </div>
                        {% endif %}
                        <div class="form-actions div-actions">
{% block form_actions %}
                        <button id="acaoHTML" type="button" class="btn btn-primary submit" {% if emptyTable %} disabled {% endif %} accesskey="1">Visualizar relatório</button>

                            {% if removePdf == false %}
                                <button id="acaoPDF" type="button" class="btn btn-success submit" {% if emptyTable %} disabled {% endif %} accesskey="1">Gerar PDF</button>
                                <a id="btnPDF" href="{{ path('pdf'~url) }}" target="_blank" class="btn btn-success submit" disabled="disabled" style="display: none;">Gerar PDF</a>
                            {% endif %}

                            <button id="acaoCSV" type="button" class="btn btn-success submit" {% if emptyTable %} disabled {% endif %} accesskey="1">Exportar CSV</button>
                            <a id="btnCSV" href="{% if urlCsv == '' %}{{ path('csv'~url) }}{% else %}{{ path(urlCsv) }}{% endif %}" target="_blank" class="btn btn-success submit" disabled="disabled" style="display: none;">Exportar CSV</a>
{% endblock %}
                        </div>
                </fieldset>
                <fieldset style="float: left; margin: 10px;">
                    <legend>Relatório</legend>
                    <div id="relatorio" style="min-height: 120px">Para iniciar, preencha os filtros e clique em visualizar relatório!</div>

                    <input type="hidden" name="key" id="key">
                    <input type="hidden" name="tipo" id="tipo">
                </fieldset>
            </form>
        </div>
    </div>

{% block javascript %}
    <script>

        function submeter(tipo) {
            $("#tipo").val(tipo);
            $('#filtros').submit();
        }
        $(document).ready(function () {
            $("#acaoPDF").click(function () {
                submeter('PDF')
            });
            $("#acaoCSV").click(function () {
                submeter('CSV')
            });
            $("#acaoHTML").click(function () {
                submeter('HTML')
            });
            var codigo = {{relatorio}};
            $('#filtros').submit(function () {

                if ($(".colunas").length > 0 && $(".colunas:checkbox:checked").length == 0) {
                    $('form').setError('Você deve selecionar pelo menos um <b>agrupador</b> e uma <b>variável</b>.');
                    window.location = '#form-container';
                    return false;
                }

                if ($(".variaveis").length > 0 && $(".variaveis:checkbox:checked").length == 0) {
                    $('form').setError('Você deve selecionar pelo menos um <b>agrupador</b> e um <b>variável</b>.');
                    window.location = '#form-container';
                    return false;
                }

                $('form').setError(false);

                //verifica se existe o método de validação de período para executar antes do ajax
                if (typeof validaPeriodo == 'function') {
                    if (!validaPeriodo()) {
                        return false;
                    }
                }
                $.ajax({
                    data: $(this).serialize(),
                    type: 'post',
                    url: '{{ path('gerar'~url, { 'relatorio' : relatorio }) }}',
                    beforeSend: function () {
                        loader('#relatorio');
                    },
                    success: function (data, textStatus, jqXHR) {
                        if (jqXHR.getResponseHeader('erro')) {
                            $('#relatorio').html("<div class='alert alert-error'><b>Ops.. Ocorreu um erro!!</b> " + jqXHR.getResponseHeader('erroMsg') + "</div>");
                            setTimeout(function () {
                                $('a.submit').attr({'disabled': 'disabled', 'onclick': 'return false;'})
                            }, 100);
                        } else {
                            if (jqXHR.getResponseHeader('tipo') == 'HTML') {
                                $('#relatorio').html(data);
                            }
                        }
                        
                        if ($('#key').val() == '') {
                            $('#key').val(jqXHR.getResponseHeader('key'));
                            $('#btnPDF').attr('href', $('#btnPDF').attr('href') + '?key=' + jqXHR.getResponseHeader('key') + '&codigo=' + codigo);
                            $('#btnCSV').attr('href', $('#btnCSV').attr('href') + '?key=' + jqXHR.getResponseHeader('key'));
                            $('#btnPDF').css('display', 'inline-block');
                            $('#btnCSV').css('display', 'inline-block');
                            $("#btnPDF").attr("disabled", false);
                            $("#btnCSV").attr("disabled", false);                            
                            $('#acaoPDF').css('display', 'none');
                            $('#acaoCSV').css('display', 'none');
                        }
                        loader('#relatorio', true);

                        if (jqXHR.getResponseHeader('tipo') == 'PDF') {
                            $('#btnPDF').click();
                            window.open($('#btnPDF').attr("href"), $('#btnPDF').attr("target"));
                        } else if (jqXHR.getResponseHeader('tipo') == 'CSV') {
                            $('#btnCSV').click();
                            window.open($('#btnCSV').attr("href"), $('#btnCSV').attr("target"));
                        }
                    },
                    error: function (e) {
                        console.log(e);
                    }
                });
                return false;
            });
        });
    </script>
{% endblock %}
{% endblock %}