<% subscriptions.forEach((item) => {
  const id = String(item.id || item._id || '');
  const status = item.presentation.status;
  const packageName = item.package?.name || i18n.__('catalogCommerce.unspecifiedPackage');
  const price = Number(item.snapshot?.price || 0);
  const duration = Number(item.snapshot?.duration || 0);
%>
  <article class="cc-row" id="tr<%= id %>" data-cc-id="<%= id %>">
    <div class="cc-row__identity">
      <span class="cc-avatar"><i class="ti ti-crown" aria-hidden="true"></i></span>
      <div class="cc-row__copy">
        <span class="cc-row__kicker"><%= packageName %></span>
        <h2><%= item.subscriberName || item.provider?.name || '—' %></h2>
        <p><%= item.provider?.phone || '—' %></p>
        <div class="cc-chips"><span class="cc-status cc-status--<%= status.cssModifier %>"><%= i18n.__(status.labelKey) %></span></div>
      </div>
    </div>
    <div class="cc-row__facts">
      <span class="cc-fact"><small><%= i18n.__('subscriptions.packagePrice') %></small><strong><%= price %> <%= i18n.__('common.currency') %></strong></span>
      <span class="cc-fact"><small><%= i18n.__('subscriptions.packageDuration') %></small><strong><%= duration || '—' %> <%= item.snapshot?.type ? i18n.__(`packages.${item.snapshot.type}`) : '' %></strong></span>
      <span class="cc-fact"><small><%= i18n.__('subscriptions.paymentMethod') %></small><strong><%= item.paymentMethod ? i18n.__(`subscriptions.paymentMethods.${item.paymentMethod}`) : '—' %></strong></span>
      <span class="cc-fact"><small><%= i18n.__('subscriptions.createdAt') %></small><strong><%= item.createdAt ? moment(item.createdAt).locale(lang).format('YYYY/MM/DD') : '—' %></strong></span>
      <span class="cc-fact"><small><%= i18n.__('subscriptions.expireAt') %></small><strong><%= item.expireAt ? moment(item.expireAt).locale(lang).format('YYYY/MM/DD') : '—' %></strong></span>
      <span class="cc-fact"><small><%= i18n.__('subscriptions.subscriberType') %></small><strong><%= item.userRef || '—' %></strong></span>
    </div>
    <div class="cc-row__actions">
      <a class="cc-action" href="/dashboard/subscriptions/<%= id %>" title="<%= i18n.__('subscriptions.viewDetails') %>"><i class="ti ti-eye"></i></a>
    </div>
  </article>
<% }) %>
