<% auctions.forEach(function(auction) { %>
  <%
    const moderationStatus = auction.approvalStatus && auction.approvalStatus !== 'accept'
      ? auction.approvalStatus
      : null;
    const displayStatus = moderationStatus || auction.status;
    const statusTone = displayStatus === 'current' || displayStatus === 'finished'
      ? 'success'
      : displayStatus === 'reject' || displayStatus === 'cancelled'
        ? 'danger'
        : displayStatus === 'wait' || displayStatus === 'changes_requested'
          ? 'warning'
          : 'info';
  %>
  <article class="kt-ops-row kt-ops-row--<%= statusTone %>" data-ops-row data-ops-row-id="<%= auction.id %>" role="listitem">
    <label><input class="kt-ops-check" type="checkbox" name="ids"
      value="<%= auction.id %>" data-ops-row-checkbox>
      <span class="kt-ops-visually-hidden"><%= i18n.__('operationsContent.selectRow') %></span>
    </label>
    <div class="kt-ops-avatar" data-ops-media-wrap>
      <% if (auction.images && auction.images[0]) { %><img src="<%= auction.images[0] %>" alt="" data-ops-media><% } %>
      <span class="kt-ops-media__fallback" data-ops-media-fallback <%= auction.images && auction.images[0] ? 'hidden' : '' %>><i class="ti ti-photo-off"></i></span>
    </div>
    <div class="kt-ops-row__identity">
      <div class="kt-ops-row__copy"><span class="kt-ops-row__eyebrow">#<%= auction.auctionNumber %> · <%= auction.subDepartment || i18n.__('operationsContent.noData') %></span><h3 class="kt-ops-row__title"><%= auction.productName || i18n.__('operationsContent.noData') %></h3><p class="kt-ops-row__subtitle"><%= auction.seller?.name || i18n.__('operationsContent.noData') %> · <%= auction.priceText %></p></div>
    </div>
    <div class="kt-ops-meta"><span class="kt-ops-meta__label"><%= i18n.__('operationsContent.status') %></span><span class="kt-ops-status kt-ops-status--<%= statusTone %>"><%= i18n.__(`auctions.${displayStatus}`) %></span></div>
    <div class="kt-ops-meta"><span class="kt-ops-meta__label"><%= i18n.__('operationsContent.createdAt') %></span><time datetime="<%= auction.createdAt ? new Date(auction.createdAt).toISOString() : '' %>"><%= auction.createdAt ? moment(auction.createdAt).locale(lang).format('YYYY/MM/DD') : i18n.__('operationsContent.noData') %></time><strong><%= auction.startAtDate %> · <%= auction.startAtTime %></strong></div>
    <div class="kt-ops-row__actions"><a class="kt-ops-action" href="/dashboard/auctions/show/<%= auction.id %>"><i class="ti ti-eye"></i><span><%= i18n.__('operationsContent.view') %></span></a><% if (auction.isLive && auction.status === 'current') { %><a class="kt-ops-action kt-ops-action--success" href="/dashboard/auctions/chat/<%= auction.id %>"><i class="ti ti-messages"></i><span><%= i18n.__('auctions.chat') %></span></a><% } %><button class="kt-ops-action kt-ops-action--danger" type="button" data-ops-delete data-ops-delete-id="<%= auction.id %>" data-ops-delete-url="/dashboard/auctions/delete"><i class="ti ti-trash"></i><span><%= i18n.__('operationsContent.delete') %></span></button></div>
  </article>
<% }) %>
