{% 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>
            {{'cabecalho.alterar.configuracao'|trans}}
        </h2>
    </div>  
    <form id="filtros" class="form-horizontal" action="{{ path('configuracao_saveconfig') }}" method="post">
        {% import  "propesqBundle:Configuracao:filtros_templates.html.twig" as form %}

        <fieldset style="float: left; margin: 10px;">
            <legend>Relatórios privados</legend>
            <div class="row-fluid" id="container_privado">    
                {{ form.inputPeriodo(datInicialPrivado, datFinalPrivado, "Privado") }}   
                
                <div class="control-group span4">
                    <label for="gerar_privado">Configurar relatório privado</label>
                    <div class="controls">
                        <input type="checkbox" name="filtros[gerar_privado]" id="gerar_privado">
                    </div>
                </div>    
            </div>  
        </fieldset>

        <fieldset style="float: left; margin: 10px;">
            <legend>Relatórios públicos</legend>
            <div class="row-fluid"  id="container_publico">    
                {{ form.inputPeriodo(datInicialPublico, datFinalPublico, "Publico") }}   
                
                <div class="control-group span4">
                    <label for="gerar_publico">Configurar relatório público</label>
                    <div class="controls">
                        <input type="checkbox" name="filtros[gerar_publico]" id="gerar_publico">
                    </div>
                </div>    
            </div>  
        </fieldset>
                
        <fieldset style="float: left; margin: 10px;">
            <legend>Relatórios de espécies</legend>
            <div class="row-fluid"  id="container_especie">    
                {{ form.inputPeriodo(datInicialEspecie, datFinalEspecie, "Especie") }}   
                
                <div class="control-group span4">
                    <label for="gerar_especie">Configurar dados espécie</label>
                    <div class="controls">
                        <input type="checkbox" name="filtros[gerar_especie]" id="gerar_especie">
                    </div>
                </div>    
            </div>  
        </fieldset>
                
        <fieldset style="float: left; margin: 10px;">
            <legend>Intervalo de identificação dos registros de uma mesma viagem</legend>
            <div class="row-fluid"  id="container_publico">
                {{ form.inputIntervalo(intervaloArtesanal, "Artesanal") }}
                {{ form.inputIntervalo(intervaloIndustrial, "Industrial") }}
            </div>  
        </fieldset>
            
        <fieldset style="float: left; margin: 10px;">
            <div id="datDescargaInfo" hidden style="color: rgb(185, 74, 72); height: 40px; max-width: 580px;">
                <div class="alert alert-warning" style="padding: 8px 10px 8px 14px;">{{info}}</div>
            </div>
        </fieldset>     
        
        <div class="div-actions">
            <button type="submit" class="btn btn-primary submit" accesskey="1">{{'acao.salvar'|trans}}</button>
            <a class="" href="{{ path('configuracao') }}" title="{{'acao.cancelar'|trans}}">{{'acao.cancelar'|trans}}</a> 
        </div>      
    </form>
</div>
 
<script>
    var info = "{{info}}";
    
    if (info != "" && info != undefined) {
       $("#datDescargaInfo").show(); 
    }
    
    $(document).ready(function() {
        {%if gerarPrivado == ''%}
            var arr = $('#container_privado .hasDatepicker');
            
            for (var i = 0; i < arr.length; i++) {
                arr[i].readOnly = true;
            }
            
            $('#container_privado .ui-datepicker-trigger').hide();
            eval('gerar_privado').checked = false;
        {%else%}   
            eval('gerar_privado').checked = true;            
        {%endif%}    
            
        {%if gerarPublico == ''%}
            var arr2 = $('#container_publico .hasDatepicker');
            
            for (var i = 0; i < arr2.length; i++) {
                arr2[i].readOnly = true;
            }
            
            $('#container_publico .ui-datepicker-trigger').hide();
            eval('gerar_publico').checked = false;
        {%else%}    
            eval('gerar_publico').checked = true;
        {%endif%}
            
        {%if gerarEspecie == ''%}
            var arr2 = $('#container_especie .hasDatepicker');
            
            for (var i = 0; i < arr2.length; i++) {
                arr2[i].readOnly = true;
            }
            
            $('#container_especie .ui-datepicker-trigger').hide();
            eval('gerar_especie').checked = false;
        {%else%}    
            eval('gerar_especie').checked = true;
        {%endif%}    
            
        $('#gerar_privado').change(function() {
            var arr = $('#container_privado .hasDatepicker');
            
            for (var i = 0; i < arr.length; i++) {
                arr[i].readOnly = !eval('gerar_privado').checked;
            }            
            
            if (eval('gerar_privado').checked) {
                $('#container_privado .ui-datepicker-trigger').show();                
            } else {
                $('#container_privado .ui-datepicker-trigger').hide();
            }
        });
        
        $('#gerar_publico').change(function() {
            var arr = $('#container_publico .hasDatepicker');
            
            for (var i = 0; i < arr.length; i++) {
                arr[i].readOnly = !eval('gerar_publico').checked;
            }            
            
            if (eval('gerar_publico').checked) {
                $('#container_publico .ui-datepicker-trigger').show();                
            } else {
                $('#container_publico .ui-datepicker-trigger').hide();
            }
        });
        
        $('#gerar_especie').change(function() {
            var arr = $('#container_especie .hasDatepicker');
            
            for (var i = 0; i < arr.length; i++) {
                arr[i].readOnly = !eval('gerar_especie').checked;
            }            
            
            if (eval('gerar_especie').checked) {
                $('#container_especie .ui-datepicker-trigger').show();                
            } else {
                $('#container_especie .ui-datepicker-trigger').hide();
            }
        });
});
</script>
    
{% endblock %}