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

  widget-body
		- if programas.empty?
			h6 Nenhum registro encontrado
		- else
			.table-responsive style="margin-top: 20px;"
				table.table.table-hover.table-striped.table-bordered
					thead
						tr
							th width="95%" Programa
							th
					tbody
						- index_global = 0
						- programas.each do |programa_por_almoxarifado_e_transferencia, index|
							- itens_por_programa = programa_por_almoxarifado_e_transferencia.itens_do_programa_por_almoxarifado_e_transferencia
							- index_global += 1
							tr.programas id="itens_#{index_global}" data-toggle="collapse" data-target=".item_#{index_global}"
								td.fw-semi-bold = programa_por_almoxarifado_e_transferencia.programa_por_escola.nome_programa_e_acao_completa
									=< badge itens_por_programa.size
								- if transferencia.aberto?
									td.center
										= link_to gestao_de_estoque_cadastrar_itens_do_programa_por_almoxarifado_e_transferencia_path(id: programa_por_almoxarifado_e_transferencia.id, transferencia_id: transferencia.id), class: "btn btn-default btn-sm mb-xs", title: "Ver Detalhes" do
												k.icone-cadastrar
								td.opcoes style="width: 10%; text-align: right;"
									i.glyphicon.glyphicon-chevron-left
									
							tr.itens_do_programa_por_escola_e_transferencia 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
													- if transferencia.recebido?
														th.text-center style="width: 10%" Quantidade Confirmada

											tbody
												- itens_por_programa.order(:item_id).each do |item_por_programa|
													tr
														td width="15%"
															div class="item_#{index_global} collapse" = item_por_programa.item.try(:codigo_e_descricao)
														td.text-center width="10%"
															div class="item_#{index_global} collapse" = item_por_programa.try(:item).try(:unidade_de_medida).try(:descricao)
														td.text-center width="10%"
															div class="item_#{index_global} collapse" = item_por_programa.item_da_transferencia.quantidade_disponivel.to_f.valor_contabil(minimum_precision: 4)
														td.text-center width="10%"
															div class="item_#{index_global} collapse" = item_por_programa.quantidade_solicitada.to_f.valor_contabil(minimum_precision: 4)
														- if transferencia.recebido?
															td.text-center width="10%"
																div class="item_#{index_global} collapse" = item_por_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');
		}
	});