- if logado_no_planejamento?
	div style="margin-bottom: 15px;"
		= botao_com_permissao adicionar_novo_sub_elemento_de_despesa_path, {acao: :create}, { \
				texto: ' Cadastrar',
				class_icone:'icone-cadastrar',
				class_texto: 'text-primary',
			}

= render partial: 'filtros'

.widget
	header
		h5
			' Lista de
			span.fw-semi-bold Subelementos de Despesa

	.widget-body
		.table-responsive
			table.table.table-hover
				thead
					tr
						th width="12%" Código
						th colspan="2" Descrição

				tbody
					- index_global = 0
					- @elementos_de_despesa.each_with_index do |elemento, index|
						- index_global += 1
						tr.elementos id="elemento_#{index_global}" data-toggle="collapse" data-target=".subelemento_#{index_global}"
							td.fw-semi-bold = elemento.codigo.formatado_como_classificacao_da_despesa
							td.fw-semi-bold
								= elemento.descricao
								=< badge elemento.sub_elementos_de_despesa.ativos.size
							td.opcoes style="width: 10%; text-align: right;"
								i.glyphicon.glyphicon-chevron-left
						- elemento.sub_elementos_de_despesa.ativos.order(:codigo).includes(:orcamentos_da_despesa_por_evento_contabil).each do |sub_elemento|
							tr.subelementos class="subelementos_#{index_global}" style="display: none;"
								td width="10%" style="padding-left: 25px;"
									div class="subelemento_#{index_global} collapse" = sub_elemento.codigo_formatado
								td style="padding-left: 25px;"
									div class="subelemento_#{index_global} collapse" = sub_elemento.descricao
								td width="10%"
									div class="subelemento_#{index_global} collapse"
										- if sub_elemento.orcamentos_da_despesa_por_evento_contabil.empty?
											= botao_com_permissao edit_contabilidade_sub_elemento_de_despesa_path(modulo: @contexto.class.to_s.downcase, exercicio: @contexto.exercicio, id: sub_elemento.id), {acao: :update}, { \
												class_icone:'icone-editar',
												params: {class: 'btn btn-default btn-sm mb-xs', title: "Editar"},
											}

											=< botao_com_permissao destroy_contabilidade_sub_elemento_de_despesa_path(sub_elemento), {acao: :destroy}, { \
												class_icone:'icone-excluir',
												params: { \
													method: :delete, data: { confirm: 'Tem certeza?' },
													class: 'btn btn-default btn-sm mb-xs',
													title: "Apagar",
												},
												}




javascript:
	$(document).ready(function() {
		$('tr.elementos').css('cursor', 'pointer');
		$('tr.elementos').hover(function() {
			$(this).css('text-decoration', 'underline');
		}, function() {
			$(this).css('text-decoration', 'none');
		});
	});

	$('tr.elementos').click(function() {
		var index = $(this).attr('id').replace(/[^0-9]/g, '');
		console.log($(this).attr('id'))
		$('.subelementos_' + index).slideToggle(200);
		var classe = $(this).find('i').attr('class');
		if (classe.includes('left')) {
			$(this).find('i').attr('class', 'glyphicon glyphicon-chevron-down');
		} else {
			$(this).find('i').attr('class', 'glyphicon glyphicon-chevron-left');
		}
	});