.widget
	header>
		h5
		' Lista de
		span.fw-semi-bold 
			span.active
				' Programas

	.widget-body
		- if programas.empty?
			h6 Nenhum registro encontrado.
		- else
			.widget-body
				.table-responsive style="overflow-y: auto; height: auto;"
					table.table.table-hover
						thead
							tr
								th width="95%" Nome
								th
						tbody
							- index_global = 0
							- programas.each do |programa_por_consumo, index|
								- itens_do_consumo_por_programas = programa_por_consumo.itens_do_consumo_por_programa
								- index_global += 1
								tr.programas id="itens_#{index_global}" data-toggle="collapse" data-target=".item_#{index_global}"
									td.fw-semi-bold = programa_por_consumo.escola_e_programa
									td.fw-semi-bold
										=< badge itens_do_consumo_por_programas.size
									- unless @consumo.consumido?
										td.center
											= link_to gestao_de_estoque_cadastrar_itens_por_consumo_e_programa_path(id: programa_por_consumo.id, programa_por_escola_id: programa_por_consumo.programa_por_escola.id, consumo_id: consumo), class: "btn btn-default btn-sm mb-xs", title: "Cadastrar" do
													k.icone-cadastrar
									td.opcoes style="width: 10%; text-align: right;"
										i.glyphicon.glyphicon-chevron-left
									
								tr.itens_do_consumo_por_programa class="itens_#{index_global}" style="display: none;"
									td colspan="3"
										.table-responsive
											table.table.table-hover
												thead
													tr
														th Item
														th.text-center style="width: 10%" Unid. de medida
														th.text-center style="width: 10%" Quantidade Disponível
														th.text-center style="width: 10%" Quantidade Solicitada
												tbody
													- itens_do_consumo_por_programas.order(:item_id).each do |item_por_consumo_e_programa|
														tr
															td width="15%"
																div class="item_#{index_global} collapse" = item_por_consumo_e_programa.item.try(:codigo_e_descricao)
															td.text-center width="10%"
																div class="item_#{index_global} collapse" = item_por_consumo_e_programa.try(:item).try(:unidade_de_medida).try(:descricao)
															td.text-center width="10%"
																div class="item_#{index_global} collapse" = item_por_consumo_e_programa.item_do_consumo.saldo_atual_do_item.to_f.valor_contabil(minimum_precision: 4)
															td.text-center width="10%"
																div class="item_#{index_global} collapse" = item_por_consumo_e_programa.quantidade.to_f.valor_contabil(minimum_precision: 4)


javascript:
	$(document).ready(function() {
	});

	$('tr.programas').click(function() {
		var index = $(this).attr('id').replace(/[^0-9]/g, '');
		$('.itens_' + 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');
		}
	});