.widget.widget-search
	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
		- if params[:restos_a_pagar].present?
			- url = url_for(only_path: false) + "/restos_a_pagar"
		- else
			- url = url_for(only_path: false)
		= search_form_for @q, url: url, html: {class: "form-vertical"} do |f|
			fieldset
				.form-group
					.row
						.col-sm-2
							= f.label :data_gteq, 'Data Inicial', class: 'control-label'
							.input-group
								= f.text_field :data_gteq, class: "form-control input-sm date-picker", autocomplete: "off"
								span.input-group-addon
									span.icone-calendario

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

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

						.col-sm-2
							= f.label :liquidacao_empenho_numero_formatado_liquidacao_eq, 'Nº da Liquidação', class: 'control-label'
							= f.text_field :liquidacao_empenho_numero_formatado_liquidacao_eq, class: "form-control input-sm", placeholder: "00000000.000"

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

						.col-sm-2
							label.control-label for="normal-field" Status
							.input-group
							= f.select :status_eq,
								options_for_select( \
									Contabilidade::Pagamento.status.collect { \
										|t| [ Contabilidade::Pagamento.localizar("status", t[0]), t[1] ] \
									},
									selected: @q.status_eq \
								),
								{ include_blank: "Selecione" },
								class: "form-control s2"
 
				.form-group
					.row
						.col-sm-3
							= f.label :modalidade_label, 'Modalidade de Licitação', class: 'control-label'
							= f.select :liquidacao_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.liquidacao_empenho_projeto_modalidade_de_licitacao_eq \
								),
								{ include_blank: 'Selecione' }, class: 'form-control s2'

						.col-sm-3
							= f.label :liquidacao_empenho_projeto_numero_do_processo_eq, 'Nº do Processo', class: 'control-label'
							= f.text_field :liquidacao_empenho_projeto_numero_do_processo_eq, class: "form-control input-sm"

						.col-sm-3
							= f.label :liquidacao_contrato_numero_eq, "Nº do Contrato"
							= f.text_field :liquidacao_contrato_numero_eq, class: "form-control input-sm"

						.col-sm-3
							label.control-label Cód. da Obra
							= f.text_field :liquidacao_contrato_obra_codigo_eq, class: "form-control input-sm"

				.form-group
					.row
						.col-sm-3
							= f.label :liquidacao_empenho_unidade_orcamentaria_do_exercicio_id_eq, 'Unidade Gestora', class: 'control-label'
							= f.select :liquidacao_empenho_unidade_orcamentaria_do_exercicio_id_eq,
								options_from_collection_for_select( \
									@unidades_orcamentarias, :id, :codigo_e_nome, @q.liquidacao_empenho_unidade_orcamentaria_do_exercicio_id_eq \
								),
								{ include_blank: 'Selecione' },
								class: "form-control s2"

						.col-sm-2
							label.control-label Proj/Ativ
							= f.text_field :liquidacao_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"

						.col-sm-3
							= f.label :liquidacao_empenho_orcamento_da_despesa_elemento_de_despesa_por_subacao_elemento_de_despesa_codigo_eq, 'Elemento De Despesa', class: 'control-label'
							= f.select :liquidacao_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.liquidacao_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-3
							= f.label :liquidacao_empenho_sub_elemento_de_despesa_codigo_eq, 'Sub-Elemento De Despesa', class: 'control-label'
							= f.select :liquidacao_empenho_sub_elemento_de_despesa_codigo_eq,
								options_from_collection_for_select( \
									@sub_elementos_de_despesa, :codigo, :codigo_e_descricao, @q.liquidacao_empenho_sub_elemento_de_despesa_codigo_eq \
								),
								{ include_blank: 'Selecione' },
								class: "form-control s2", id: "sub_elemento_de_despesa"

				.form-group
					.row
						.col-sm-3
							label.control-label Fonte de Recursos
							.input-group
							= f.select :liquidacao_empenho_orcamento_da_despesa_fonte_de_recursos_id_eq,
								options_from_collection_for_select( \
									@fontes_de_recursos, :id, :codigo_e_descricao, @q.liquidacao_empenho_orcamento_da_despesa_fonte_de_recursos_id_eq \
								),
								{ include_blank: 'Selecione' },
								class: "form-control s2"

						.col-sm-3
							= f.label :liquidacao_empenho_pessoa_id_eq, 'Fornecedor', class: 'control-label'
							= f.select :liquidacao_empenho_pessoa_id_eq,
								options_from_collection_for_select( \
									@credores, :id, :nome_e_cpf_ou_cnpj, @q.liquidacao_empenho_pessoa_id_eq \
								),
								{ include_blank: 'Selecione' },
								class: "form-control s2"

						.col-sm-3
							= f.label :liquidacao_nota_fiscal_tipo, "Tipo de Nota Fiscal", class: 'control-label'
							= f.select :liquidacao_nota_fiscal_tipo_eq,
								options_for_select(\
									@tipos_de_nota_fiscal.collect {|t|[ Contabilidade::Liquidacao.localizar("nota_fiscal_tipo", t[0]), t[1] ] },
									selected: @q.liquidacao_nota_fiscal_tipo_eq\
								), { include_blank: "Selecione" }, class: 'form-control s2'

						.col-sm-1
							= f.label :valor_eq, 'Valor', class: 'control-label'
							= f.monetary_field :valor_eq, class: "form-control input-sm"

						.col-sm-1
							= f.label :liquidacao_nota_fiscal_numero_eq, 'Nº Nota Fiscal', class: 'control-label'
							= f.text_field :liquidacao_nota_fiscal_numero_eq, class: "form-control only-num input-sm"


						.col-sm-1
							= f.label :contas_bancarias_por_pagamento_conta_bancaria_numero_da_conta_eq, 'Conta Bancaria', class: 'control-label'
							= f.text_field :contas_bancarias_por_pagamento_conta_bancaria_numero_da_conta_eq, class: "form-control input-sm"

				.form-group
					.row.alinhar
						.col-sm-3
							.checkbox.checkbox-circle
								= hidden_field_tag :estornados, "0"
								= check_box_tag :estornados, "1"
								label.control-label for="normal-field" Pagamentos Estornados?



			.form-actions.form-search-actions
				= f.submit "Filtrar", class: "btn btn-default btn-sm"

javascript:
	$(document).ready(function(){
		$('#numero_da_liquidacao_formatado').mask('00000000.000');
	});

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

	function buscaSubElementosDeDespesa(elementoDeDespesa) {
		if ($("#elemento_de_despesa").val() != ""){
			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');

	}