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"} do |f|
			fieldset
				.form-group
					.col-sm-2.filter_column
						= f.label :data_label, 'Data do Bloqueio', class: 'control-label', for: 'normal-field'
						.input-group
							= f.text_field :data_do_bloqueio_eq, class: "form-control input-sm date-picker", autocomplete: "off"
							span.input-group-addon
								span.icone-calendario

					.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-2.filter_column
						label.control-label Elemento de Despesa
						= f.text_field :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"

					.col-sm-3.filter_column
						label.control-label Valor
						= f.text_field :valor_eq, class: "form-control input-sm"

			.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();
	});