<% title = trans.cruds.MODULE.ORDER + ' - ' + companyInfo.NAME %>
<div class="container-fluid">
    <div class="page-title">
        <div class="row">
            <div class="col-sm-6 col-12">
                <h2><%= trans.cruds.MODULE.ORDER %></h2>
            </div>
            <div class="col-sm-6 col-12">
                <ol class="breadcrumb">
                  <li class="breadcrumb-item"><a href="<%= '/admin/dashboard' %>"><i class="iconly-Home icli svg-color"></i> <%= trans.global.home %></a></li>
                  <li class="breadcrumb-item"><a href="<%= '/admin/orders' %>"><%= trans.cruds.MODULE.ORDER %></a></li>
                  <li class="breadcrumb-item active"><%= trans.global.list %></li>
                </ol>
            </div>
        </div>
    </div>
</div>
<div class="container-fluid">
  <div class="row">
    <div class="col-sm-12">
      <div class="card">
        <div class="card-header card-no-border d-flex justify-content-between align-items-center">
          <div class="">            
            <h3><%= trans.cruds.ORDER.heading.order_list || 'order_list' %></h3>
          </div>
        </div>
        <div class="card-body pt-0"> 
          <div class="filter-select">
            <div class="status-select d-flex gap-1">
              <label for="statusFilter">Status Filter:</label>
              <select id="statusFilter" class="form-select">
                <option value="" selected><%= trans.global.all %></option>
                <% orderStatus.forEach(function(status) { %>
                  <option value="<%= status.key %>"><%= status.label %></option>
                <% }); %>
              </select>
            </div>

          </div>
          <div class="table-responsive theme-scrollbar">
            <table class="table table-lg display ordersTable" id=" row_create" style="width:100%">
              <thead>
                  <tr>
                    <th>#</th>
                    <th data-data="title"><%= trans.cruds.ORDER.fields.title %></th>
                    <th data-data="buyer"><%= trans.cruds.ORDER.fields.buyer %></th>
                    <th data-data="seller"><%= trans.cruds.ORDER.fields.seller %></th>
                    <th data-data="status"><%= trans.cruds.ORDER.fields.status %></th>
                    <th data-data="createdAt"><%= trans.cruds.ORDER.fields.createdAt %></th>
                    <th data-data="action"><%= trans.cruds.ORDER.fields.action %></th>
                  </tr>
              </thead>
              <tbody>
                  <!-- Data will be loaded via AJAX -->
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<%- include('./script') %>
<%- include('./evidence/evidence-modal') %>