.widget
	header
		h5
			' Lista de
			span.fw-semi-bold Devoluções de Materiais

	.widget-body
		- if @devolucoes_de_materiais.empty?
			h6 Nenhum registro encontrado.
		- else
			.table-responsive
				table.table.table-hover
					thead
						tr
							th Número da Devolução
							th.text-center width="300" Status
							th Data da Devolução
							th

					tbody
						- @devolucoes_de_materiais.each do |devolucao_de_material|
							tr
								td = devolucao_de_material.numero_da_devolucao

								td.text-center
									- if devolucao_de_material.recebido?
										span.label.label-success =< devolucao_de_material.status_i18n.try(:upcase)
									- elsif devolucao_de_material.aberto?
										span.label.label-primary =< devolucao_de_material.status_i18n.try(:upcase)
									- elsif devolucao_de_material.enviado_ao_almoxarifado?
										span.label.label-warning =< devolucao_de_material.status_i18n.try(:upcase)
									- elsif devolucao_de_material.recusado? || devolucao_de_material.cancelado?
										span.label.label-danger =< devolucao_de_material.status_i18n.try(:upcase)
									- else
										span.label.label-info =< devolucao_de_material.status_i18n.try(:upcase)

								td = devolucao_de_material.data_da_devolucao

								td.text-center
									= link_to devolucao_de_material, class: "btn btn-default btn-sm mb-xs", title: "Ver Detalhes" do
										i.icone-detalhar
									- if devolucao_de_material.status == 'aberto' && exercicio_em_vigor?
										= botao_com_permissao edit_gestao_de_estoque_devolucao_de_material_path(devolucao_de_material), {acao: :update}, { \
											class_icone:'icone-editar',
											params: {class: 'btn btn-default btn-sm mb-xs', title: "Editar"},
										}

		= will_paginate @devolucoes_de_materiais, previous_label: "<", next_label: ">"