= 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 EXTRAORÇAMENTÁRIAS
		.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_extra_path, :html => {class: "form-vertical"}, builder: SimpleForm::FormBuilder do |f|
			fieldset
				.form-group
					.row.alinhar
						.col-sm-4
							= f.input :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 :data_do_talao_gteq, as: :string, wrapper: :calendar_field, label: 'Data Inicial', input_html: {class: 'form-control date-picker', id: 'data-inicial-receitas'}, required:false
						.col-sm-4
							= f.input :data_do_talao_lteq, as: :string, wrapper: :calendar_field, label: 'Data Final', input_html: {class: 'form-control date-picker'}, required:false
						
				.form-group
					.row.alinhar
						.col-sm-4
							= f.input :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'}, required:false
						.col-sm-4
							= f.input :conta_extra_orcamentaria_codigo_cont, label: 'Código', label_method: :codigo, include_blank: 'Selecione', input_html: {class: 'form-control s2', id: 'codigo'}, required:false
						.col-sm-4
							= f.input :numero_do_talao_eq, label: 'Nº do Talão', input_html: {class: 'form-control s2', id: 'numero_do_talao'}, required:false
				.form-group
					.row.alinhar
						.col-sm-12
							= f.input :conta_extra_orcamentaria_descricao_cont, label: 'Descrição', label_method: :descricao, include_blank: 'Selecione', input_html: {class: 'form-control s2', id: 'descricao'}, required:false
					
				.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");
					});
				}
			});
		
		})