<% contacts.forEach(function(contact) { %>
  <% const initials = String(contact.name || '?').trim().split(/\s+/).slice(0, 2).map(function(part) { return part.charAt(0); }).join('').toUpperCase(); %>
  <article class="kt-ops-row <%= contact.isReplies ? 'kt-ops-row--success' : 'kt-ops-row--warning' %>" data-ops-row data-ops-row-id="<%= contact._id %>" role="listitem">
    <input class="kt-ops-check" type="checkbox" value="<%= contact._id %>" data-ops-row-checkbox aria-label="<%= i18n.__('operationsContent.selectRow') %>">
    <div class="kt-ops-row__identity">
      <span class="kt-ops-avatar"><%= initials || '?' %></span>
      <div class="kt-ops-row__copy">
        <span class="kt-ops-row__eyebrow"><%= contact.userType || i18n.__('operationsContent.sender') %></span>
        <h3 class="kt-ops-row__title"><%= contact.name || i18n.__('operationsContent.noData') %></h3>
        <p class="kt-ops-row__subtitle"><%= contact.title || contact.message || i18n.__('operationsContent.noData') %></p>
      </div>
    </div>
    <div class="kt-ops-meta">
      <span class="kt-ops-meta__label"><%= i18n.__('operationsContent.replyStatus') %></span>
      <span class="kt-ops-status <%= contact.isReplies ? 'kt-ops-status--success' : 'kt-ops-status--warning' %>"><%= i18n.__(contact.isReplies ? 'operationsContent.replied' : 'operationsContent.notReplied') %></span>
    </div>
    <div class="kt-ops-meta"><span class="kt-ops-meta__label"><%= i18n.__('operationsContent.createdAt') %></span><time><%= contact.createdAt || contact.issueDate || i18n.__('operationsContent.noData') %></time></div>
    <div class="kt-ops-row__actions">
      <a class="kt-ops-action" href="/dashboard/contactUs/show/<%= contact._id %>"><i class="ti ti-eye"></i><span><%= i18n.__('operationsContent.view') %></span></a>
      <button class="kt-ops-action kt-ops-action--danger" type="button" data-ops-delete data-ops-delete-id="<%= contact._id %>" data-ops-delete-url="/dashboard/contactUs/delete"><i class="ti ti-trash"></i><span><%= i18n.__('operationsContent.delete') %></span></button>
    </div>
  </article>
<% }) %>
