<%- include('../operationsContent/assets.ejs') %>
<main class="kt-ops" data-ops-page data-ops-csrf-token="<%= csrfToken %>"
  data-ops-delete-url="/dashboard/auctions/delete"
  data-ops-loading="<%= i18n.__('operationsContent.loading') %>"
  data-ops-refreshing="<%= i18n.__('operationsContent.refreshing') %>"
  data-ops-load-error="<%= i18n.__('operationsContent.loadError') %>"
  data-ops-action-success="<%= i18n.__('operationsContent.actionSuccess') %>"
  data-ops-action-error="<%= i18n.__('operationsContent.actionError') %>">
  <div class="kt-ops__stack">
    <%- include('../operationsContent/hero.ejs', {
      heading: i18n.__('auctions.auctions'),
      description: i18n.__('operationsContent.auctionsDescription'),
      icon: 'ti-gavel',
      count: totalAuctionsCount,
      primaryUrl: null, primaryLabel: null, backUrl: null
    }) %>
    <nav class="kt-ops-toolbar" aria-label="<%= i18n.__('operationsContent.auctionStatus') %>">
      <div class="kt-ops-status-nav">
        <a href="/dashboard/auctions/all" class="<%= currentMenu === 'all' ? 'is-active' : '' %>" <%= currentMenu === 'all' ? 'aria-current="page"' : '' %>><span><%= i18n.__('operationsContent.statusAll') %></span><span class="kt-ops-status-nav__count"><%= totalAuctionsCount %></span></a>
        <a href="/dashboard/auctions/wait" class="<%= currentMenu === 'wait' ? 'is-active' : '' %>" <%= currentMenu === 'wait' ? 'aria-current="page"' : '' %>><span><%= i18n.__('operationsContent.statusWait') %></span><span class="kt-ops-status-nav__count"><%= counts[0]?.value || 0 %></span></a>
        <a href="/dashboard/auctions/upcoming" class="<%= currentMenu === 'upcoming' ? 'is-active' : '' %>" <%= currentMenu === 'upcoming' ? 'aria-current="page"' : '' %>><span><%= i18n.__('operationsContent.statusUpcoming') %></span><span class="kt-ops-status-nav__count"><%= counts[1]?.value || 0 %></span></a>
        <a href="/dashboard/auctions/current" class="<%= currentMenu === 'current' ? 'is-active' : '' %>" <%= currentMenu === 'current' ? 'aria-current="page"' : '' %>><span><%= i18n.__('operationsContent.statusCurrent') %></span><span class="kt-ops-status-nav__count"><%= counts[2]?.value || 0 %></span></a>
        <a href="/dashboard/auctions/finished" class="<%= currentMenu === 'finished' ? 'is-active' : '' %>" <%= currentMenu === 'finished' ? 'aria-current="page"' : '' %>><span><%= i18n.__('operationsContent.statusFinished') %></span><span class="kt-ops-status-nav__count"><%= counts[3]?.value || 0 %></span></a>
        <a href="/dashboard/auctions/cancelled" class="<%= currentMenu === 'cancelled' ? 'is-active' : '' %>" <%= currentMenu === 'cancelled' ? 'aria-current="page"' : '' %>><span><%= i18n.__('operationsContent.statusCancelled') %></span><span class="kt-ops-status-nav__count"><%= counts[4]?.value || 0 %></span></a>
      </div>
      <div class="kt-ops-toolbar__actions">
        <button class="kt-ops-btn kt-ops-btn--danger" type="button" data-ops-bulk-delete hidden
          data-ops-delete-url="/dashboard/auctions/delete">
          <i class="ti ti-trash"></i><span><%= i18n.__('operationsContent.delete') %></span>
          <span class="kt-ops-status-nav__count" data-ops-selection-count>0</span>
        </button>
        <button class="kt-ops-btn" type="button" data-ops-refresh><i class="ti ti-refresh"></i><span><%= i18n.__('operationsContent.refresh') %></span></button>
        <button class="kt-ops-btn" type="button" data-ops-filter-toggle aria-expanded="false" aria-controls="auctions-filter"><i class="ti ti-adjustments-horizontal"></i><span><%= i18n.__('operationsContent.openFilters') %></span></button>
      </div>
    </nav>
    <section class="kt-ops-filter" id="auctions-filter" data-ops-filter hidden>
      <form action="/dashboard/auctions/filter" method="get" data-ops-filter-form>
        <input type="hidden" name="status" value="<%= currentMenu %>">
        <header class="kt-ops-filter__header">
          <div class="kt-ops-filter__heading"><span class="kt-ops-section-icon"><i class="ti ti-filter"></i></span><div><h2><%= i18n.__('operationsContent.filters') %></h2><p><%= i18n.__('operationsContent.filterDescription') %></p></div></div>
          <button class="kt-ops-btn kt-ops-btn--icon" type="button" data-ops-filter-close aria-label="<%= i18n.__('operationsContent.closeFilters') %>"><i class="ti ti-x"></i></button>
        </header>
        <div class="kt-ops-filter__body" data-ops-filter-body>
          <div class="kt-ops-filter__grid">
            <div class="kt-ops-field" data-ops-field><label for="auction-number"><%= i18n.__('operationsContent.auctionNumber') %></label><input class="kt-ops-control" id="auction-number" type="number" min="1" name="auctionNumber" placeholder="<%= i18n.__('operationsContent.auctionNumber') %>"><p class="kt-ops-field__error" data-ops-field-error></p></div>
            <div class="kt-ops-field" data-ops-field><label for="auction-product"><%= i18n.__('operationsContent.productName') %></label><input class="kt-ops-control" id="auction-product" type="text" maxlength="200" name="productName" placeholder="<%= i18n.__('operationsContent.productName') %>"><p class="kt-ops-field__error" data-ops-field-error></p></div>
            <div class="kt-ops-field" data-ops-field>
              <label for="auction-subdepartment"><%= i18n.__('operationsContent.subDepartment') %></label>
              <div data-ops-select><select id="auction-subdepartment" name="subDepartment" data-ops-native-select><option value=""><%= i18n.__('operationsContent.all') %></option><% (filterData.array[2]?.rows || []).forEach(function(row) { %><option value="<%= row.key %>"><%= row.value %></option><% }) %></select></div>
              <p class="kt-ops-field__error" data-ops-field-error></p>
            </div>
            <div class="kt-ops-field" data-ops-field>
              <label for="auction-order"><%= i18n.__('operationsContent.sort') %></label>
              <div data-ops-select><select id="auction-order" name="auction" data-ops-native-select><option value="DESC"><%= i18n.__('operationsContent.newest') %></option><option value="ASC"><%= i18n.__('operationsContent.oldest') %></option></select></div>
              <p class="kt-ops-field__error" data-ops-field-error></p>
            </div>
          </div>
        </div>
        <footer class="kt-ops-filter__footer"><button class="kt-ops-btn" type="button" data-ops-filter-reset><i class="ti ti-filter-x"></i><span><%= i18n.__('operationsContent.resetFilters') %></span></button><button class="kt-ops-btn kt-ops-btn--primary" type="submit"><i class="ti ti-check"></i><span><%= i18n.__('operationsContent.applyFilters') %></span></button></footer>
      </form>
    </section>
    <section class="kt-ops-resource" data-ops-resource aria-live="polite">
      <div class="kt-ops-loading" data-ops-loading hidden><span class="kt-ops-loading__pill"><span class="kt-ops-loading__spinner"></span><span data-ops-loading-label><%= i18n.__('operationsContent.loading') %></span></span></div>
      <%- include('./dataTable.ejs', { auctions, paginationHtml }) %>
    </section>
    <%- include('../operationsContent/deleteModal.ejs') %>
  </div>
</main>
<%- include('../operationsContent/scripts.ejs') %>
