{% 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" style="overflow-x: auto">
{%if url == ""%}
    <div class="title">
{%else%}
    <div class="title" style="background-image: linear-gradient(to bottom, #809EAD 0%, #A7BCC7 100%);">
{%endif%}
        <h2><a>{%if relatorio == 30%}Gerador de Relatório{%else%}{{ 'Relatório de ' ~ nome }}{%endif%}</a></h2>
    </div>    
       
    <form id="filtros" class="form-horizontal" action="" method="post">
        <fieldset style="float: left; margin: 10px;">
            <legend>Filtros</legend>
                {% import  "propesqBundle:Relatorio:filtros_templates.html.twig" as form %}
                {% include "propesqBundle:Relatorio:" ~ relatorio ~ ".filtro.html.twig" %}
            {%if isPublico == true%}
            <div>
                <label style="font-weight: bold;">Os dados gerados por esta ferramenta de relatórios são de propriedade do Instituto de Pesca de São Paulo e devem ser referenciados em caso de uso dos mesmos de forma pública.</label>
            </div>
            {%endif%}
            <div class="div-actions">
                <button id="acaoHTML" type="button" class="btn btn-primary submit" accesskey="1">Visualizar relatório</button>
                {%if removePdf == false%}
                <button id="acaoPDF" type="button" class="btn btn-success submit" accesskey="1">Gerar PDF</button>
                {%endif%}
                <button id="acaoCSV" type="button" class="btn btn-success submit" accesskey="1">Exportar CSV</button>
                {%if removePdf == false%}
                <a id="btnPDF" href="{{ path('pdf'~url) }}" target="_blank" class="btn btn-success submit" disabled="disabled" style="display: none;" onclick="return false">Gerar PDF</a>
                {%endif%}
                <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;" onclick="return false">Exportar CSV</a>
            </div>  
        </fieldset>
        <fieldset style="float: left; margin: 10px;">
            <legend>Relatório</legend>
            <div id="relatorio" style="min-height: 100px">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>

<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 uma <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');
                        $('#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 %}