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

	.widget-body
		- if @mensagens_do_usuario.empty?
			h6 Nenhum registro encontrado.
		- else
			.table-responsive
				table.table.table-hover
					thead
						tr
							th width="150" Data/Hora
							th Título
							th width="50"

					tbody
						- @mensagens_do_usuario.each do |mensagem_do_usuario|
							tr style="#{'font-weight: bold;' unless mensagem_do_usuario.lida?}"
								td = mensagem_do_usuario.created_at.to_s_br
								td = mensagem_do_usuario.mensagem.titulo

								td
									= link_to comunicacao_mensagem_path(mensagem_do_usuario), class: "btn btn-default btn-sm mb-xs", title: "Ver Detalhes" do
										i.icone-detalhar


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