<div role="<%= notification.kind %>" class="<%= notification.kind %> shadow-lg p-5 flex justify-between items-center mb-4 rounded-lg bg-base-200" id="<%= dom_id notification %>">
  <div class="flex-1">
    <h3 class="font-bold text-xl">
      <%= link_to notification.title, notification, class: "link hover:no-underline #{notification_link_color(notification)}" %>
    </h3>
    <div class="text-sm text-gray-500"><%= time_ago_in_words notification.created_at %> ago</div>

    <% if params[:action] == 'show' %>
      <div class="mt-2">
        <%= notification.content.html_safe %>

        <% if notification.error? %>
          <div class="mt-2">
            Please, when reporting a bug to <a href="https://github.com/Freika/dawarich/issues" class="link hover:no-underline text-blue-600">Github Issues</a>, don't forget to include logs from <code>dawarich_app</code> and <code>dawarich_sidekiq</code> docker containers. Thank you!
          </div>
        <% end %>
      </div>
    <% end %>
  </div>
  <div class="badge badge-<%= notification.kind %> gap-2">
  </div>
</div>
