= javascript_include_tag "bomcobox"

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, :html => {class: "form-vertical"}, url: @url_controles do |f|
			fieldset
				.form-group
					.row.alinhar
						.col-sm-2.filter_column
							label.control-label for="normal-field" Data da Liquidação
							.input-group
								= f.text_field :data_da_liquidacao_eq, placeholder: Date.today.to_s, class: "form-control date-picker", autocomplete: "off"
								span.input-group-addon
									span.icone-calendario

						.col-sm-2.filter_column
							label.control-label for="normal-field" Nº da Liquidação
							= f.text_field :empenho_numero_formatado_liquidacao_eq, id: "numero_da_liquidacao_formatado", class: "form-control input-sm", placeholder: "00000000.000"

						.col-sm-4.filter_column
							label.control-label Unidade Gestora
							= 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"

						.col-sm-4.filter_column
							label.control-label Fornecedor
							.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"
					
				.form-group
					.row.alinhar
						.col-sm-3.filter_column
							label.control-label Elemento de Despesa
							= f.text_field :empenho_orcamento_da_despesa_elemento_de_despesa_por_subacao_elemento_de_despesa_codigo_eq, class: "form-control input-sm", id:'elemento_de_despesa_por_subacao', placeholder: "0.0.00.00.00"

				.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');
		$('#numero_da_liquidacao_formatado').mask('00000000.000');
	});

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