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

	.widget-body
		- if itens.empty?
			h6 Nenhum registro encontrado.
		- else
			table.table.table-hover.table-responsive
				thead
					tr
						th width="70" Código
						th Descrição
						- if @categoria.generos_de_alimentacao?
							th width="90" Perecível?
						th width="140" Código no Órgão
						th width="120"

				tbody
					- itens.each do |item|
						tr
							td = "##{item.id}"
							td = "#{item.descricao} (#{item.unidade_de_medida.try(:descricao)})"
							- if @categoria.generos_de_alimentacao?
								td style="text-align: center;" = label_sim_nao(item.perecivel)
							td = item.codigo_na_prefeitura
							td
								= botao_com_permissao base_item_path(item), {acao: :show}, { \
									class_icone:'icone-detalhar',
									params: {class: 'btn btn-default btn-sm mb-xs', title: "Ver Detalhes"},
								}

								= botao_com_permissao edit_base_item_path(item), {acao: :update}, { \
									class_icone:'icone-editar',
									params: {class: 'btn btn-default btn-sm mb-xs', title: "Editar"},
								}

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

		= will_paginate itens, previous_label: "<", next_label: ">"