.widget
	- if @transferencia.aberto?
		div style="margin-bottom: 30px;"
			= link_to patrimonio_editar_itens_da_transferencia_path(@transferencia.id), class: "btn btn-default btn-sm" do
				i.icone-cadastrar
				'  Incluir/Editar Itens da Transferência

	header>
		h5
			' Lista de
			span.fw-semi-bold Itens da Tranferência

	.widget-body
		- if itens_da_transferencia.empty?
			h6 Nenhum registro encontrado.
		- else
			- if @transferencia.por_tombamento?
				.table-responsive
						table.table.table-hover
							thead
								tr
									th Item
									th Centro de Custo Destino

							tbody
								- itens_da_transferencia.each do |item|
									tr
										td = item.bem_patrimonial.numero_do_tombamento_e_descricao
										td = item.centro_de_custo.codigo_e_descricao_e_mae_principal
			- else
				.table-responsive
					table.table.table-hover
						thead
							tr
								th Item
								th.alinhar_ao_centro Quantidade Solicitada
								th Centro de Custo Destino

						tbody
							- index_global = 0
							- itens_da_transferencia.each do |item, index|
								- bens = item.bens_patrimoniais
								- index_global += 1
								tr.itens id="bens_#{index_global}" data-toggle="collapse" data-target=".bem_patrimonial_#{index_global}"
									td.fw-semi-bold = item.item.codigo_e_descricao_do_item
									td.fw-semi-bold.alinhar_ao_centro = item.quantidade_solicitada.valor_contabil
									td.fw-semi-bold = item.centro_de_custo.codigo_e_descricao_e_mae_principal
									- if @transferencia.confirmado?
										td.opcoes style="width: 10%; text-align: right;"
											i.glyphicon.glyphicon-chevron-left
									
								tr.bens_patrimoniais class="bens_patrimoniais_#{index_global}" style="display: none;"
									td colspan="4"
										.table-responsive
											table.table.table-hover
												thead
													tr
														th Número do Tombamento
														th Data do Tombamento
														th Unidade Gestora
														th Status
														th
												
												tbody
													- bens.order(:numero_do_tombamento).each do |bem_patrimonial|
														tr
															td width="15%"
																div class="bem_patrimonial_#{index_global} collapse" = bem_patrimonial.numero_do_tombamento
															td width="15%"
																div class="bem_patrimonial_#{index_global} collapse" = bem_patrimonial.data_do_tombamento
															td
																div class="bem_patrimonial_#{index_global} collapse" = bem_patrimonial.unidade_gestora.codigo_e_nome
															td
																div class="bem_patrimonial_#{index_global} collapse" = bem_patrimonial.status_i18n
															td
																div class="bem_patrimonial_#{index_global} collapse"
																	= link_to bem_patrimonial, class: "btn btn-default btn-sm mb-xs", target: '_blank', title: "Ver Detalhes" do
																		i.icone-detalhar

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

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