bpsets/views/partial/bpset_item.ejs

<%
  const priorityLabel = ['CRITICAL', 'Required', 'Recommend'][metadata.priority-1] || 'Recommend'
  const priorityColor = ['red', 'yellow', 'gray'][metadata.priority-1] || 'secondary'

  const failResources = metadata.nonCompliantResources.length
  const isPass = failResources < 1
%>

<tr class="border-b" data-status="<%= isPass ? 'pass' : 'fail' %>" data-category-items="<%= category %>">
  <td class="font-semibold py-3 px-4">#<%= metadata.idx + 1 %></td>
  <td class="py-3 px-4">
    <span class="cursor-help" data-tooltip="<%= metadata.description %>">
      <%= metadata.name %>
    </span>
  </td>
  <td class="py-3 px-4"><%= metadata.bestPracticeCategory %></td>
  
  <td class="py-3 px-4">
    <span
      class="inline-block px-2 py-1 text-xs font-medium rounded-full bg-<%= priorityColor %>-200 text-<%= priorityColor %>-800 cursor-help"
      data-tooltip="<%= metadata.priorityReason %>">
      <%= metadata.priority %> - <%= priorityLabel %>
    </span>
  </td>

  <%- include('./bpset_progress.ejs', { metadata }) %>
  <%- include('./bpset_actions.ejs', { metadata }) %>
</tr>