.widget.widget-search style="margin-top: 10px"
	header
		h5 Filtros

		.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_liquidacoes_path(tipo_de_poder: session[:tipo_de_ambiente]), :html => {class: "form-vertical"} do |f|
			fieldset
				.form-group
					.row
						.col-sm-2
							= f.label :orcamento_id_eq, 'Exercício', class: 'control-label'
							= f.select :orcamento_id_eq,
								options_from_collection_for_select( \
									@orcamentos, :id, :exercicio, @q.orcamento_id_eq \
								),{}, class: "form-control s2", id:'exercicio'

						.col-sm-2
							= f.label :data_da_liquidacao_gteq, 'Data Inicial', class: 'control-label'
							.input-group
								= f.text_field :data_da_liquidacao_gteq, class: "form-control input-sm date-picker", autocomplete: "off"
								span.input-group-addon
									span.icone-calendario

						.col-sm-2
							= f.label :data_da_liquidacao_lteq, 'Data Final', class: 'control-label'
							.input-group
								= f.text_field :data_da_liquidacao_lteq, class: "form-control input-sm date-picker", autocomplete: "off"
								span.input-group-addon
									span.icone-calendario

						.col-sm-2.filter_column
							= f.label :empenho_numero_formatado_liquidacao_eq, 'Nº da Liquidação', class: 'control-label'
							= f.text_field :empenho_numero_formatado_liquidacao_eq, class: "form-control input-sm", maxlength: 18, id: 'numero_completo', placeholder: "00000000.000"

						.col-sm-2.filter_column
							= f.label :empenho_numero_do_empenho_eq, 'Nº do Empenho', class: 'control-label'
							= f.text_field :empenho_numero_do_empenho_eq, class: "form-control only-num input-sm", maxlength: 8

						.col-sm-2.filter_column
							label.control-label Proj/Ativ
							= f.text_field :empenho_orcamento_da_despesa_elemento_de_despesa_por_subacao_subacao_acao_natureza_da_acao_codigo_completo_eq, class: "form-control input-sm", id:'subacao', placeholder: "0.000"

				.form-group
					.row.alinhar
						.col-sm-2.filter_column
							= f.label :empenho_projeto_numero_do_processo_eq, 'Nº do Processo', class: 'control-label'
							= f.text_field :empenho_projeto_numero_do_processo_eq, class: "form-control input-sm"

						.col-sm-2.filter_column
							= f.label :contrato_numero_eq, "Nº do Contrato"
							= f.text_field :contrato_numero_eq, class: "form-control input-sm"

						.col-sm-4.filter_column
							= f.label :modalidade_label, 'Modalidade de Licitação', class: 'control-label'
							= f.select :empenho_projeto_modalidade_de_licitacao_eq,
								options_for_select( \
									Licitacao::Projeto.modalidades_de_licitacao.collect {|t|[ Licitacao::Projeto.localizar("modalidade_de_licitacao", t[0]), t[1] ] }, \
									@q.empenho_projeto_modalidade_de_licitacao_eq \
								),
								{ include_blank: 'Selecione' }, class: 'form-control s2'

						.col-sm-4.filter_column
							= f.label :empenho_orcamento_da_despesa_elemento_de_despesa_por_subacao_subacao_unidade_orcamentaria_unidade_gestora_id_eq, 'Unidade Gestora', class: 'control-label'
							= f.select :empenho_orcamento_da_despesa_elemento_de_despesa_por_subacao_subacao_unidade_orcamentaria_unidade_gestora_id_eq,
								options_from_collection_for_select( \
									@unidades_gestoras, :id, :codigo_e_nome, @q.empenho_orcamento_da_despesa_elemento_de_despesa_por_subacao_subacao_unidade_orcamentaria_unidade_gestora_id_eq \
								), { include_blank: 'Selecione' },	class: "form-control s2"

				.form-group
					.row.alinhar
						.col-sm-3.filter_column
							= f.label :empenho_orcamento_da_despesa_elemento_de_despesa_por_subacao_elemento_de_despesa_codigo_eq, 'Elemento De Despesa', class: 'control-label'
							= f.select :empenho_orcamento_da_despesa_elemento_de_despesa_por_subacao_elemento_de_despesa_codigo_eq,
								options_from_collection_for_select( \
									@elementos_de_despesa, :codigo, :descricao_e_codigo, @q.empenho_orcamento_da_despesa_elemento_de_despesa_por_subacao_elemento_de_despesa_codigo_eq \
								),
								{ include_blank: 'Selecione' },
								class: "form-control s2",	id: "elemento_de_despesa"

						.col-sm-2.filter_column
							= f.label :empenho_sub_elemento_de_despesa_codigo_eq, 'Sub-Elemento', class: 'control-label'
							= f.select :empenho_sub_elemento_de_despesa_codigo_eq,
								options_from_collection_for_select( \
									[], :codigo, :codigo_e_descricao, @q.empenho_sub_elemento_de_despesa_codigo_eq \
								),
								{ include_blank: 'Selecione' },
								class: "form-control s2", id: "sub_elemento_de_despesa"

						.col-sm-3.filter_column
							= f.label :empenho_pessoa_id_eq, 'Fornecedor', class: 'control-label'
							.input-group
								= f.select :empenho_pessoa_id_eq,
									options_from_collection_for_select( \
										@pessoas, :id, :nome, @q.empenho_pessoa_id_eq \
									), { include_blank: 'Selecione' },	class: "form-control s2"

						.col-sm-2.filter_column
							= f.label :valor_gteq, 'Valor Minimo', class: 'control-label'
							= f.monetary_field :valor_gteq, class: "form-control input-sm"

						.col-sm-2.filter_column
							= f.label :valor_lteq, 'Valor Máximo', class: 'control-label'
							= f.monetary_field :valor_lteq, class: "form-control input-sm"

			.form-actions.form-search-actions
				= f.button :filtrar, type: 'submit', name: 'liquidacao_sem_itens_do_empenho', value: @liquidacao_sem_itens_do_empenho, class: 'btn btn-default botao_submit'

javascript:
	$(document).ready(function(){
		$('#numero_completo').mask('00000000.000');
		const checkBoxMarcada = $(".checkbox_liquidacao_sem_item_do_empenho").attr('value') == "true";
		if(checkBoxMarcada){
			$(".checkbox_liquidacao_sem_item_do_empenho").prop("checked", true);
		}
	});

	$("#elemento_de_despesa").on("change", function(){
		buscaSubElementosDeDespesa($(this));
	});

	function buscaSubElementosDeDespesa(elementoDeDespesa) {
		limpaSelectBox($("#sub_elemento_de_despesa"))
		$.ajax({
			method: "GET",
			url: root_url + "/pesquisas/" + elementoDeDespesa.val() +"/sub_elementos_filtrados_por_elemento_de_despesa?index_page='true'",
			beforeSend: function(){
				LoadingInterface("Aguarde...")
			},
			success: function(data,status,xhr){
				if($.trim(data) != ""){
					$.each(data, function(i,sub_elemento){
						option = new Option(sub_elemento.codigo_e_descricao, sub_elemento.codigo, true, true);
						select_box.append(option);
					})
					populaSelectBox(select_box);
				}
			}
		})
	}

	function limpaSelectBox(id){
		$(id).empty().trigger('change')
		select_box = $(id).select2({
			placeholder: "Selecione",
			allowClear: true
		})
		return(select_box);
	}

	function populaSelectBox(select_box){
		select_box.prepend(new Option('Selecione', '', true, true));
		select_box.trigger('change');

	}