section.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
		= search_form_for @q, url: @url_empenhos, html: { class: "form-vertical" } do |f|
			fieldset
				.form-group
					.row.alinhar
						.col-sm-2.filter_column
							label.control-label for="normal-field" Data Inicial
							.input-group
								= f.text_field :data_do_empenho_gteq, class: "form-control input-sm date-picker" , autocomplete: "off"
								span.input-group-addon
									span.icone-calendario

						.col-sm-2.filter_column
							label.control-label for="normal-field" Data Final
							.input-group
								= f.text_field :data_do_empenho_lteq, class: "form-control input-sm date-picker", autocomplete: "off"
								span.input-group-addon
									span.icone-calendario

						.col-sm-2.filter_column
							label.control-label Nº de Solicitação
							= f.text_field :numero_da_solicitacao_do_empenho_eq, class: "form-control input-sm only-num"

						.col-sm-3.filter_column
							label.control-label Nº do Empenho
							= f.text_field :numero_do_empenho_eq, class: "form-control input-sm only-num"

						- if !params[:enviado_para_contabilidade] && !params[:confirmados] && !params[:recebidos]
							.col-sm-3.filter_column
								label.control-label for="normal-field" Status
								.input-group
								= f.select :status_eq,
									options_for_select( \
										Contabilidade::Empenho.status.collect { \
											|t| [ Contabilidade::Empenho.localizar("status", t[0]), t[1] ] \
										},
										selected: @q.status_eq \
									),
									{ include_blank: "Selecione" },
									class: "form-control s2"



				.form-group
					.row.alinhar
						.col-sm-3.filter_column
							= f.label :modalidade_label, 'Modalidade de Licitação', class: 'control-label'
							= f.select :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.projeto_modalidade_de_licitacao_eq \
								),
								{ include_blank: 'Selecione' }, class: 'form-control s2'

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

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

				.form-group
					.row.alinhar
						
						.col-sm-4.filter_column
							label.control-label Unidade Gestora
							.input-group
							= f.select :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.orcamento_da_despesa_elemento_de_despesa_por_subacao_subacao_unidade_orcamentaria_unidade_gestora_id_eq \
								),
								{ include_blank: 'Selecione' },
								id: 'unidades_gestoras_id',
								class: "form-control s2"

						.col-sm-2.filter_column
							label.control-label Proj/Ativ
							= f.text_field :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.filter_column
							= f.label :orcamento_da_despesa_elemento_de_despesa_por_subacao_elemento_de_despesa_codigo_eq, 'Elemento De Despesa', class: 'control-label'
							= f.select :orcamento_da_despesa_elemento_de_despesa_por_subacao_elemento_de_despesa_codigo_eq,
								options_from_collection_for_select( \
									@elementos_de_despesa_do_relatorio, :codigo, :descricao_e_codigo, @q.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.filter_column
							= f.label :sub_elemento_de_despesa_codigo_eq, 'Sub-Elemento De Despesa', class: 'control-label'
							= f.select :sub_elemento_de_despesa_codigo_eq,
								options_from_collection_for_select( \
									@sub_elementos_de_despesa, :codigo, :codigo_e_descricao, @q.sub_elemento_de_despesa_codigo_eq \
								),
								{ include_blank: 'Selecione' },
								class: "form-control s2", id: "sub_elemento_de_despesa"



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

						.col-sm-5.filter_column
							label.control-label Fornecedor
							.input-group
								= f.select :pessoa_id_eq,
									options_from_collection_for_select( \
										@pessoas, :id, :nome_e_cpf_ou_cnpj, @q.pessoa_id_eq \
									),
									{ include_blank: 'Selecione' },
									class: "form-control s2"
						
						.col-sm-2.checkbox.checkbox-circle
							= f.check_box :projeto_id_null, {}, true,nil
							= f.label :projeto_id_null, "Sem vínculo com Proc/Contrato"

						- if params[:confirmados]
							.col-sm-2.checkbox.checkbox-circle style="margin-top: 10px;"
								= f.check_box :status_eq, {}, "5",nil
								= f.label :status_eq, "Empenhos Anulados"


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

javascript:
	$(document).ready(function(){
		$('#elemento_de_despesa_por_subacao').mask('0.0.00.00.00');
		$('#subacao').mask('0.000');
	});

	$('form').submit(function() {
		$('#elemento_de_despesa_por_subacao').unmask();
	});

	$("#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');

	}