{% extends "propesqBundle::layout.html.twig" %}
{% import  "propesqBundle:Relatorio:filtros_templates.html.twig" as filter %}

{% 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: visible;">
    <div class="title">
        <h2>
   {%if entity.id is defined and entity.id is not null%} 
                {{'cabecalho.alterar.consolidacao'|trans}}
        {%else%}  
                {{'cabecalho.incluir.consolidacao'|trans}}
        {%endif%}
        </h2>
    </div>    

{{ form_errors(form) }}

<form id="formulario-consolidacao" class="{% if  not includeLayout %}ajax {%endif%} form-horizontal" action="{%if entity.id is defined and entity.id is not null %} {{ path('consolidacao_update', { 'id': entity.id }) }} {%else%} {{ path('consolidacao_create') }} {%endif%}" method="post" {{ form_enctype(form) }}>
    <fieldset style="float: left; margin: 10px;">
        
        {{ form_widget(form._token) }}
        
        
        {% if not includeLayout %}
            <input type='hidden' name='noLayout' value='true'>
        {% endif %}
        
        <div class="row-fluid">
            <div class="control-group span8">
                {{ form_label(form.txtNome) }}
                <div class="controls">
                    {{ form_widget(form.txtNome,{ 'attr': {'class': 'focus cemporcento'} }) }}
                                  <span class="help-inline">{{ form_errors(form.txtNome) }}</span>
                </div>
            </div>
        </div>    
                
        <div class="row-fluid">
            <div class="control-group span8">
                {{ form_label(form.txtDescricao) }}
                <div class="controls">
                    {{ form_widget(form.txtDescricao,{ 'attr': {'class': 'cemporcento'} }) }}
                    <span class="help-inline">{{ form_errors(form.txtDescricao) }}</span>
                </div>
            </div>
        </div>    
        
       <div class="row-fluid">    
            <div class="control-group span2">
                {{ form_label(form.datInicio) }}
                <div class="controls">
                    {{ form_widget(form.datInicio,{ 'attr': {'class': 'cemporcento'} }) }}
                    <span class="help-inline">{{ form_errors(form.datInicio) }}</span>
                </div>
            </div>
               
            <div class="control-group span2">
                {{ form_label(form.datTermino) }}
                <div class="controls">
                    {{ form_widget(form.datTermino,{ 'attr': {'class': 'cemporcento'} }) }}
                    <span class="help-inline">{{ form_errors(form.datTermino) }}</span>
                </div>
            </div>
                
            <div class="control-group span3">
                {{ form_label(form.indTipo) }}
                <div class="controls">
                    {{ form_widget(form.indTipo,{ 'attr': {'class': 'cemporcento'} }) }}
                    <span class="help-inline">{{ form_errors(form.indTipo) }}</span>
                </div>
            </div>
        </div>
        
        <div class="row-fluid">
            {{ filter.inputLista(municipios, 'Filtro por município', 'municipio') }}
            {{ filter.inputLista(aparelhos, 'Filtro por aparelho', 'aparelho') }}
        </div>    
        
        <div class="row-fluid">
            <div class="control-group span4">
                <div id="municipio_exclusao" style="display: none">
                    {{ form_row(form.filtroMunicipio) }}
                </div>
            </div>
            
            <div class="control-group span4">
                <div id="aparelho_de_pesca_exclusao" style="display: none">
                    {{ form_row(form.filtroAparelhoPesca) }}
                </div>
            </div>
        </div>
            
        <div class="row-fluid">
            {#            
                Permitir ao usuário selecionar quais tabelas deseja gerar.
            #}
            <div class="control-group span12">
                {{ filter.inputArray(tabelas, 'Tabelas do csv', 'tabelas') }}
            </div>
        </div>
        
    </fieldset>
        
    <div class="div-actions">
        <button type="submit" class="btn btn-primary">{{'acao.salvar'|trans}}</button>
        <a class=""{% if not includeLayout %} onclick="$(this).parents('.modal').find('.close').click(); return false;" {% endif %} href="{{ path('consolidacao') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a>
    </div>
</form>
</div>  

<script>
    $(document).ready(function(){
        
        var $datInicio = $("#{{form.datInicio.vars.id}}");
        var $datFim = $("#{{form.datTermino.vars.id}}");


        /* Ao alterar o tipo do relatório para "Modelo Antigo" deve ser ocultados os campos
        municipio_exclusao
        aparelho_de_pesca_exclusao
        filtros[aparelho]
        filtros[tabelas]
        */

        $("#entidade_consolidacao_indTipo").on('change',function(){
            var tipoRelatorio = $(this).val();
            visibilidadeAparelhoPesca(tipoRelatorio);
            visibilidadeMunicipio(tipoRelatorio);
            visibilidadeTabelas(tipoRelatorio);

        });


        function visibilidadeAparelhoPesca(tipoRelatorio){
            if(tipoRelatorio === '3'){
                $("#filtros_aparelho__chzn").closest(".control-group").hide();
                $("#entidade_consolidacao_filtroAparelhoPesca").closest(".control-group").hide();
            }else{
                $("#filtros_aparelho__chzn").closest(".control-group").show();
                $("#entidade_consolidacao_filtroAparelhoPesca").closest(".control-group").show();
            }
        }

        function visibilidadeMunicipio(tipoRelatorio){
            if(tipoRelatorio === '3'){
                $("#entidade_consolidacao_filtroMunicipio").closest(".control-group").hide();

            }else{
                $("#entidade_consolidacao_filtroMunicipio").closest(".control-group").show();
            }
        }

        function visibilidadeTabelas(tipoRelatorio){
            if(tipoRelatorio === '3'){
                $("#filtros_tabelas__chzn").closest(".control-group").hide();
            }else{
                $("#filtros_tabelas__chzn").closest(".control-group").show();
            }
        }


        $("#entidade_consolidacao_indTipo").change();

        function validaData(){
            
            var datInicio = $datInicio.val().split('/');
            datInicio = parseInt(datInicio[2] + datInicio[1] + datInicio[0], 10);
            
            var datFim = $datFim.val().split('/');
            datFim = parseInt(datFim[2] + datFim[1] + datFim[0], 10);
                        
            if( datInicio > datFim || datInicio == datFim){
                $datFim.setError('A data final deve ser maior que a data inicial.');
                return false;
            }else{
                $datFim.setError(false);
                return true
            }
            
        }

        //Change o chosen é alterado mostra o checkbox de exclusao de acordo com 
        //    o select - this
        $(".chzn-select").chosen().change(function() {
            var id = $(this).attr('id');
            var value = $(this).val();
            
            //Se o valor não for nulo mostra o campo, senão o usuario 
            //    limpou o select chosen.
            if(value){
                if(id == 'filtros[municipio]'){
                    $('#municipio_exclusao').css('display', 'initial');
                }else if(id == 'filtros[aparelho]'){
                    $('#aparelho_de_pesca_exclusao').css('display', 'initial');
                }
            }else{
                if(id == 'filtros[municipio]'){
                    $('#municipio_exclusao').css('display', 'none');
                }else if(id == 'filtros[aparelho]'){
                    $('#aparelho_de_pesca_exclusao').css('display', 'none');
                }
            }
        });
        $('form#formulario-consolidacao').preventDoubleSubmission();
        $('form').submit(function(){
            $('form#formulario-consolidacao').data('submitted', true);
            if (validaData()) {
                var currentForm = this;
                bootbox.confirm("Os dados de consolidação serão gerados ao meio dia e no período da noite. Em seguida os mesmos estarão disponíveis para download.", "INFORMAÇÃO!", "Cancelar", "Confirmar", function(confirmed) {
                    if(confirmed){
                        currentForm.submit();
                    }
                });
            }
            $('form#formulario-consolidacao').data('submitted', false);
            return false;
        });
        $datFim.change(validaData);
    });
</script>
{% endblock %}