<section class="section">
  <p class="eyebrow">Admin</p>
  <h1>Suport</h1>
  <p>Tichete suport legate de utilizatori si comenzi.</p>
  <div class="table-wrap">
    <table>
      <thead><tr><th>Tichet</th><th>Email</th><th>Comanda</th><th>Subiect</th><th>Prioritate</th><th>Status</th><th>Actiuni</th></tr></thead>
      <tbody>
        <% tickets.forEach((ticket) => { %>
          <tr>
            <td>#<%= ticket.id %><br><small><%= ticket.created_at %></small></td>
            <td><%= ticket.email || ticket.user_email || '-' %></td>
            <td><%= ticket.order_number || '-' %></td>
            <td><strong><%= ticket.subject %></strong><br><small><%= ticket.message %></small></td>
            <td><%= ticket.priority %></td>
            <td><%- include('../partials/status-badge', { status: ticket.status }) %></td>
            <td>
              <form method="post" action="/admin/support/<%= ticket.id %>/status" class="inline-admin-form">
                <%- include('../partials/csrf-field') %>
                <select name="status">
                  <% ['open', 'pending', 'resolved', 'closed'].forEach((status) => { %>
                    <option value="<%= status %>" <%= ticket.status === status ? 'selected' : '' %>><%= status %></option>
                  <% }) %>
                </select>
                <button>Salveaza</button>
              </form>
            </td>
          </tr>
        <% }) %>
      </tbody>
    </table>
  </div>
</section>
