= javascript_include_tag "bomcobox"
= javascript_include_tag "portal_da_transparencia/filtro_receitas.js"

section.widget.widget-search style="margin-top: 10px"
	header
		h5
			b CONSULTAR RECEITAS 

		.widget-controls
			a data-widgster="expand" href="#" style="display: none;" title="Expand"
				i.icone-cadastrar

			a data-widgster="collapse" href="#" title="Collapse"
				i.glyphicon.glyphicon-minus

	.widget-body
		= search_form_for @q, url: portal_da_transparencia_receitas_orcamentarias_path, :html => {class: "form-vertical"}, builder: SimpleForm::FormBuilder do |f|
			fieldset
				.form-group
					.row.alinhar
						.col-sm-4
							= f.input :unidade_orcamentaria_por_natureza_da_receita_unidade_orcamentaria_orgao_orcamento_id_eq, label: 'Exercicio' , collection: @orcamentos, label_method: :exercicio, selected: @orcamento_atual.id, include_blank: 'Selecione', input_html: {class: 'form-control s2', id: 'exercicio_ano'}
						.col-sm-4
							= f.input :lancamentos_do_orcamento_da_receita_data_do_lancamento_gteq, as: :string, wrapper: :calendar_field, label: 'Data Inicial', input_html: {class: 'form-control date-picker', id: 'data-inicial-receitas'}
						.col-sm-4
							= f.input :lancamentos_do_orcamento_da_receita_data_do_lancamento_lteq, as: :string, wrapper: :calendar_field, label: 'Data Final', input_html: {class: 'form-control date-picker'}
						
				.form-group
					.row.alinhar
						.col-sm-6
							= f.input :unidade_orcamentaria_por_natureza_da_receita_unidade_orcamentaria_id_eq, label: 'Unidade Orcamentaria', collection: @unidades, label_method: :nome, include_blank: 'Selecione', input_html: {class: 'form-control s2', id: 'unidade_orcamentaria_id'}
						.col-sm-6
							= f.input :unidade_orcamentaria_por_natureza_da_receita_natureza_da_receita_categoria_economica_eq, label: 'Categoria', collection: @categorias_economicas, label_method: :descricao, value_method: :categoria_economica, include_blank: 'Selecione', input_html: {class: 'form-control s2', id: 'natureza_da_receita'}
				
				.form-group
					.row.alinhar
						.col-sm-6
							= f.input :fonte_de_recursos_id_eq, label: 'Fonte de Recursos', collection: @fontes_de_recursos, label_method: :descricao, include_blank: 'Selecione', input_html: {class: 'form-control s2', id: 'fonte_de_recursos'}
						.col-sm-6
							= f.input :unidade_orcamentaria_por_natureza_da_receita_natureza_da_receita_origem_eq, label: 'Origem', collection: {}, label_method: :descricao, value_method: :origem, include_blank: 'Selecione', input_html: {class: 'form-control s2', id: 'origem'}
				
						
				.form-group
					.row.alinhar
						.col-sm-7.filter_column
						.col-sm-5.filter_column style="text-align: right;"
							.form-actions.form-search-actions 
								= f.submit "Consultar", class: "btn btn_portal btn-default btn-md", id:"btn_consultar"
		.row#aviso-data-orcamento-ausentes
			.col-md-12
				.alert.alert-info.alert-md
					strong
						| Importante! 
					| Caso os campos 'Exercicio', 'Data Inicial' e 'Data Final' não sejam preenchidos, será considerado o periodo de 
					b 01/01/#{@orcamento_atual.exercicio} a 31/12/#{@orcamento_atual.exercicio}


- content_for :js do
	javascript:
		$(document).ready(function(){
			var data_inicial = ""
			var dropdown_exercicio_ano = $("#unidade_orcamentaria_id")
			$("#data-inicial-receitas").change(function () {
				data_inicial = $("#data-inicial-receitas").val()
				if(String(data_inicial) != "" || String(data_inicial) != null){
					$("#aviso-data-orcamento-ausentes").hide()
				} else {
					$("#aviso-data-orcamento-ausentes").show()
				}
			})
			
			$("#exercicio_ano").change(function(){
				dropdown_exercicio_ano.empty();
				if ($("#exercicio_ano").val() != "") {
					dropdown_exercicio_ano.append($('<option></option>').attr('value', '').text('Selecione'));
					dropdown_exercicio_ano.prop('selectedIndex', 0);
					$.getJSON(ROOT_PATH + "loa/unidades_orcamentarias/retorna_json/unidades_orcamentarias.json?q%5Borgao_orcamento_id_eq%5D=" + $("#exercicio_ano").val(), function(dados) {
						$.each(dados, function (key, entry) {
							dropdown_exercicio_ano.append($('<option></option>').attr('value', entry.id).text(entry.nome));
						});
						dropdown_exercicio_ano.trigger("change");
					});
				}
			});
		
		})