<%
  const rows = Array.isArray(reports) ? reports : [];
  const rowLocale = typeof lang === 'string' && lang.toLowerCase().startsWith('en') ? 'en' : 'ar';
  const rowEnglish = rowLocale === 'en';
  const rowCopy = rowEnglish ? {
    unknownAdmin: 'System administrator',
    view: 'View audit details'
  } : {
    unknownAdmin: 'مشرف النظام',
    view: 'عرض تفاصيل السجل'
  };
%>

<% rows.forEach((item) => { %>
  <%
    const messagePrimary = item.message && item.message[rowLocale]
      ? item.message[rowLocale]
      : (item.message && (item.message.ar || item.message.en) ? (item.message.ar || item.message.en) : '');
    const messageSecondary = item.message && item.message[rowLocale === 'ar' ? 'en' : 'ar']
      ? item.message[rowLocale === 'ar' ? 'en' : 'ar']
      : '';
    const method = String(item.method || 'GET').toUpperCase();
    const methodClass = ['POST', 'PATCH', 'DELETE'].includes(method)
      ? method.toLowerCase()
      : 'neutral';
    const adminName = item.admin && item.admin.name ? item.admin.name : rowCopy.unknownAdmin;
    const avatar = item.admin && item.admin.avatar ? item.admin.avatar : '';
  %>
  <tr data-reports-row data-report-id="<%= item.reportId %>">
    <td data-label="<%= rowEnglish ? 'Activity' : 'النشاط' %>">
      <div class="kt-reports-activity">
        <span class="kt-reports-method is-<%= methodClass %>"><%= method %></span>
        <div>
          <strong><%= messagePrimary %></strong>
          <% if (messageSecondary && messageSecondary !== messagePrimary) { %>
            <small dir="<%= rowLocale === 'ar' ? 'ltr' : 'rtl' %>"><%= messageSecondary %></small>
          <% } %>
        </div>
      </div>
    </td>
    <td data-label="<%= rowEnglish ? 'Administrator' : 'المشرف' %>">
      <div class="kt-reports-admin">
        <span class="kt-reports-admin__avatar">
          <% if (avatar) { %>
            <img src="<%= avatar %>" alt="" data-reports-avatar>
          <% } %>
          <b data-reports-avatar-fallback <%= avatar ? 'hidden' : '' %>><%= item.admin.initials %></b>
        </span>
        <div>
          <strong><%= adminName %></strong>
          <% if (item.admin && item.admin.email) { %>
            <small dir="ltr"><%= item.admin.email %></small>
          <% } %>
        </div>
      </div>
    </td>
    <td data-label="<%= rowEnglish ? 'Request' : 'الطلب' %>">
      <code class="kt-reports-path" dir="ltr"><%= item.requestPath %></code>
    </td>
    <td data-label="<%= rowEnglish ? 'Timestamp' : 'التوقيت' %>">
      <time class="kt-reports-time" datetime="<%= item.createdAt ? new Date(item.createdAt).toISOString() : '' %>">
        <strong><%= item.date %></strong>
        <small dir="ltr"><%= item.time %></small>
      </time>
    </td>
    <td data-label="<%= rowEnglish ? 'Details' : 'التفاصيل' %>">
      <a
        class="kt-reports-view"
        href="/dashboard/reports/show/<%= item.reportId %>"
        aria-label="<%= rowCopy.view %>"
        title="<%= rowCopy.view %>"
      >
        <i class="ti ti-arrow-up-left" aria-hidden="true"></i>
      </a>
    </td>
  </tr>
<% }) %>
