<% coupons.forEach((item) => {
  const id = String(item._id || item.id || '');
  const presentation = item.presentation;
%>
  <article class="cc-row" id="tr<%= id %>" data-cc-id="<%= id %>">
    <div class="cc-row__identity">
      <span class="cc-avatar"><i class="ti ti-ticket" aria-hidden="true"></i></span>
      <div class="cc-row__copy">
        <span class="cc-row__kicker"><%= i18n.__('catalogCommerce.discountCode') %></span>
        <h2 dir="ltr"><%= item.code %></h2>
        <div class="cc-chips">
          <button class="cc-chip" type="button" data-cc-copy="<%= item.code %>"><i class="ti ti-copy"></i><%= i18n.__('catalogCommerce.copyCode') %></button>
          <span class="cc-status cc-status--<%= presentation.statusTone %>"><%= i18n.__(presentation.statusLabelKey) %></span>
        </div>
      </div>
    </div>
    <div class="cc-row__facts">
      <span class="cc-fact"><small><%= i18n.__('coupons.discountValue') %></small><strong><%= item.discount %><%= presentation.percentage ? '%' : ` ${i18n.__('common.currency')}` %></strong></span>
      <span class="cc-fact"><small><%= i18n.__('coupons.usageCount') %></small><strong><%= Number(item.counter || 0) %> / <%= Number(item.count || 0) %></strong></span>
      <span class="cc-fact"><small><%= i18n.__('coupons.expirationDate') %></small><strong><%= item.expireDate ? moment(item.expireDate).locale(lang).format('YYYY/MM/DD') : '—' %></strong></span>
    </div>
    <div class="cc-row__actions">
      <a class="cc-action" href="/dashboard/coupons/show/<%= id %>" title="<%= i18n.__('common.show') %>"><i class="ti ti-eye"></i></a>
      <a class="cc-action" href="/dashboard/coupons/edit/<%= id %>" title="<%= i18n.__('common.edit') %>"><i class="ti ti-edit"></i></a>
      <% if (presentation.canToggle) { %>
        <button class="cc-action" type="button" data-cc-action="status" data-method="POST"
          data-url="/dashboard/coupons/closeCoupon"
          data-payload="<%= JSON.stringify({ couponId: id, status: presentation.nextStatus }) %>"
          data-confirm-message="<%= i18n.__('catalogCommerce.couponStatusConfirmation') %>"
          title="<%= i18n.__(presentation.toggleTitleKey) %>"><i class="ti ti-toggle-<%= presentation.available ? 'right' : 'left' %>"></i></button>
      <% } %>
      <button class="cc-action cc-action--danger" type="button" data-cc-action="delete" data-method="DELETE"
        data-id="<%= id %>" data-url="/dashboard/coupons/delete"
        data-confirm-message="<%= i18n.__('catalogCommerce.couponDeleteConfirmation') %>"
        title="<%= i18n.__('common.delete') %>"><i class="ti ti-trash"></i></button>
    </div>
  </article>
<% }) %>
