<%- include('../partials/header') %>

<%
function fmtDateRo(v) {
  if (!v) return '-';
  const d = new Date(v);
  if (isNaN(d.getTime())) return v;
  const p = n => String(n).padStart(2,'0');
  return `${p(d.getDate())}.${p(d.getMonth()+1)}.${d.getFullYear()} ${p(d.getHours())}:${p(d.getMinutes())}`;
}
%>


<form class="toolbar" method="get">
  <input name="q" value="<%= q %>" placeholder="Comandă / client / email / firmă / CUI / telefon">

  <select name="page_size" style="width:auto">
    <% [20,50,100,200].forEach(n => { %>
      <option value="<%= n %>" <%= pageSize===n?'selected':'' %>><%= n %>/pagină</option>
    <% }) %>
  </select>

  <button class="btn">Caută</button>
</form>

<div class="card">
<table>
<thead><tr>
<%
const cols = [
  ['external_id','Comandă'],['customer_name','Client'],['customer_type','Tip'],
  ['company_name','Firmă'],['email','Email'],['total','Total'],['status','Status'],
  ['payment_method','Tip plată'],['payment_status','Status plată'],
  ['item_count','Produse'],['ordered_at','Data']
];
cols.forEach(c => {
  const nd = (sort===c[0] && dir==='asc') ? 'desc' : 'asc';
%>
<th>
  <a href="?q=<%= encodeURIComponent(q) %>&page_size=<%= pageSize %>&sort=<%= c[0] %>&dir=<%= nd %>">
    <%= c[1] %> <%= sort===c[0] ? (dir==='asc'?'▲':'▼') : '' %>
  </a>
</th>
<% }) %>
<th></th>
</tr></thead>
<tbody>
<% orders.forEach(o => { %>
<tr>
  <td><%= o.external_id %></td>
  <td><%= o.customer_name || '-' %></td>
  <td><%= o.customer_type || 'NECUNOSCUT' %></td>
  <td><%= o.company_name || '-' %></td>
  <td><%= o.email || '-' %></td>
  <td><strong><%= Number(o.total || 0).toFixed(2) %> <%= o.currency %></strong></td>
  <td><%= o.status || '-' %></td>
  <td><%= o.payment_method || '-' %></td>
  <td><%= o.payment_status || '-' %></td>
  <td><%= o.item_count || 0 %></td>
  <td><%= fmtDateRo(o.ordered_at) %></td>
  <td><a class="btn" href="/orders/<%= o.id %>">Detalii</a></td>
</tr>
<% }) %>
</tbody>
</table>

<div class="toolbar" style="margin-top:15px">
  <span><strong><%= total %></strong> comenzi</span>
  <% if (page>1) { %>
    <a class="btn" href="?q=<%= encodeURIComponent(q) %>&page_size=<%= pageSize %>&sort=<%= sort %>&dir=<%= dir %>&page=1">« Prima</a>
    <a class="btn" href="?q=<%= encodeURIComponent(q) %>&page_size=<%= pageSize %>&sort=<%= sort %>&dir=<%= dir %>&page=<%= page-1 %>">← Înapoi</a>
  <% } %>
  <span>Pagina <strong><%= page %></strong> / <%= totalPages %></span>
  <% if (page<totalPages) { %>
    <a class="btn" href="?q=<%= encodeURIComponent(q) %>&page_size=<%= pageSize %>&sort=<%= sort %>&dir=<%= dir %>&page=<%= page+1 %>">Înainte →</a>
    <a class="btn" href="?q=<%= encodeURIComponent(q) %>&page_size=<%= pageSize %>&sort=<%= sort %>&dir=<%= dir %>&page=<%= totalPages %>">Ultima »</a>
  <% } %>
</div>
</div>

<%- include('../partials/footer') %>
